Use the Email designer content components

When creating your email content from scratch, Content components allows you to further personalize your email with raw, empty components that you can use once placed in an email.
You can add as many Content components as you need inside a Structure component which defines the layout of your email.

Button

Use the Button component to insert multiple buttons in your email and redirect your email audience to another page.

  1. From Content components, drag and drop Button in a Structure component.

  2. Click on your newly added button to personalize the text and to have access to the Components Settings in the right pane of the email designer.

  3. In the Link field of the Components Settings, add the URL you want your audience to be redirected to when clicking the button.

  4. Choose how your audience will be redirected with the Target drop-down:

    • None: opens the link in the same frame as it was clicked (default).
    • Blank: opens the link in a new window or tab.
    • Self: opens the link in the same frame as it was clicked.
    • Parent: opens the link in the parent frame.
    • Top: opens the link in the full body of the window.

  5. You can now further personalize your button by changing the Style, Margin and Border for example.

Text

Use the Text component to insert text in your email. You can adjust the color, style and size of your text in Component Settings.

  1. In Content Components, drag and drop Text in a Structure component.

  2. Click on your newly added component to personalize the text and to have access to the Components Settings in the right pane of the email designer.

  3. Change your text with the following options available in the toolbar:

    • Change text style: apply bold, italic, underline or strike through to your text.
    • Change alignment: choose between left, right, center or justified alignment for your text.
    • Create list: add bullet or number list to your text.
    • Set heading: add up to six heading levels to your text.
    • Font size: select the font size of your text in pixels.
    • Edit image: add an image or an asset to your text component. Learn more about asset management.
    • Show the source code: display the source code of your text. It cannot be modified.
    • Duplicate: add a copy of your text component.
    • Delete: delete the selected text component from your email.
    • Add personalization: add personalization fields to customize the content from your profiles data. Learn more about content personalization.
  4. For a better user experience, you can add personalization fields to target your audience. For more on this, refer to this section.

  5. Adjust the Text color, Font family and Size in the Components Settings.

Divider

Use the Divider component to insert a dividing line to organize the layout and content of your email.
You can select the color, style and size of the breaking line in Component Settings.

HTML

Use the HTML to copy-paste the different parts of your existing HTML. This enables you to create free modular HTML components.

To simply make an external content compliant with the Email Designer, Adobe recommends creating a message from scratch and copy the content from your existing email into components.

  1. In Content Components, drag and drop HTML in a Structure component.

  2. Click on your newly added component then Show the source code to add your HTML.

  3. Copy-paste the HTML code you want to add to your email and click Save.

  4. You can now further personalize your HTML by changing the Style, Margin and Border for example or adding a link to redirect your audience to another content.

Image

Use the Image component to insert an image file from your computer in your email.

  1. In Content Components, drag and drop Image in a Structure component.

  2. Click Browse to choose an image file from your assets.

    To learn more on Assets Essentials, refer to Adobe Experience Manager Assets Essentials documentation.

  3. Click on your newly added component to start configuring your Content Components and to have access to the Components Settings in the right pane of the email designer.

  4. Set up your image properties:

    • Image Title lets you define a title to your image.
    • Alt text lets you define the caption linked to your image. This corresponds to the alt HTML attribute.

  5. You can now further personalize your image by changing the Style, Margin and Border for example or adding a link to redirect your audience to another content.

Video

Use the Video component to insert a video in your email through an URL link.

  1. In Content Components, drag and drop Video in a Structure component.

  2. Click on your newly added component to start configuring your Content Components and to have access to the Components Settings in the right pane of the email designer.

  3. In the Video link field of the Components Settings, add your video URL.

  4. You can add a Poster image to your video to specify an image to be shown until your audience click the play button.

  5. You can now further personalize your image by changing the Style, Margin and Border for example.

Social

Use the Social component to insert links to social media pages in your email.

  1. In Content Components, drag and drop Social in a Structure component.

  2. Click on your newly added component to start configuring your Content Components and to have access to the Components Settings in the right pane of the email designer.

  3. In the Social field of the Components Settings, choose which social media you want to add or remove.

  4. Choose the size of your icons in the Size of images field.

  5. Click on each of your social media icons to configure the URL to which your audience will be redirected.

  6. You can also change the icons of each of your social media if needed in the Image field.

  7. You can now further personalize your social media icons by changing the Style, Margin and Border.

Offer Decision

Use the Offer decision component to insert decisions (previously known as offer activities) into your messages. Decisions will leverage Decision Management to pick the best offer to deliver to your customers.

Related topics:

On this page