Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Adding content to email campaigns

The body of your email campaigns are made up of content sections. Use different content sections in different combinations to fit your brand and appeal to your audience.

This guide covers the different types of content sections you can add. For general information about creating email campaigns, visit Building email campaigns.

Add a content section

You can add the following types of content sections to email campaigns by clicking a + icon anywhere between the campaign's header and footer. Click the links to learn more about each section type:

Text

Text sections have a variety of uses. Add longer blocks of text for newsletters, or use formatting to create headers to divide announcements.

After adding a text section:

  • Click Write here... on the preview to add your text.
  • Highlight text to format it or add a link.
  • Use the side panel to style the colors and padding for the section and global fonts.
Tip: To combine text with an image, use an images section instead.

Heading styles

To use heading styles, click ¶ in the text toolbar after highlighting the text. You can choose from:

  • Paragraph
  • Medium Heading
  • Large Heading
  • Extra Large Heading

Paragraph styling is generally for body text or other larger blocks of text. Use the various heading styles to break up your campaign into well-defined sections.

I can't edit the text in a layout

Some layouts use images that contain text. The Hail layout, for example, has this image section:

In_some_layouts_the_text_is_part_of_the_image.png

This is an image file that has transparent areas. You can change the background color, which shows through the image, but you can't change the text or its color, which are part of the image.

If you need different text, delete this image and replace it with your own text or images.

Images

Add an images section to upload up to four images to your campaign. Multiple images display in a vertical stack, but you can change the layout to adjust the placement of images and captions.

After adding an images section:

  • Click Add Images in the side panel to upload up to four images from your computer or device.
  • Click Unlinked next to an image to add a clickthrough URL.
  • Click Manage to add, reorder, and delete images.
  • Click Layout to choose how images and captions appear. Each section has one layout style. To add another image with a different layout, add a new section.
  • For Side, List, and Numbered layouts, change the image width by clicking Image Size. Images always display full-width on Windows Outlook.
  • Click the pencil icon on an image to open the image editor.

Add captions

To add captions:

  • Click Write here... in the preview and add text. (For the Below layout, ensure Show Caption is toggled on.)
  • Highlight the text to format it.
  • Use the side panel to style the text color. The font matches your global fonts.
  • Click Background Color to change the color behind the captions. For the Card layout, click Card Color.
  • Text added to images is image-specific. If you remove an image, its caption will be deleted too.

Keep in mind, captions in email campaigns don't become alt text. The image file name is the alt text.

Add an image without a caption

To add an image without a caption:

  1. Add an images section.
  2. After adding your image, choose the Below layout.
  3. Switch the Show Caption toggle off to hide the caption.

Can I add an image slideshow?

There isn't a built-in slideshow layout. The Market layout features an animated gif that looks like a slideshow. To copy this effect, create an animated .gif from your images, then upload it to the images section.

Can I pull in images from my site?

Currently, the only way to add images to an images section is to upload them from a computer or mobile device. To add an image from your site that you don't have saved:

  1. Open your site in Incognito mode
  2. On a PC, right-click the image. On a Mac, press Control and click the image.
  3. Save the image to your device.

Button

Add a button section to create a button that links to a page on your site or an external URL. After adding a button section:

  • Click Link in the side panel to add a link. If you don't add this, the button won't be clickable.
  • Edit Button Label in the preview to change the button text.
  • Use the other options to style the button. The font follows your global fonts.

Each button section has only one button. To add more buttons, add more sections.

Spacer

Add a spacer section to create white space. After adding a spacer section:

  • Use the Height slider in the side panel to adjust the section padding.
  • Click Background Color to set the background color.

Here are some suggestions:

  • Use a spacer with a different background color to separate sections.
  • Add white space or height to other sections by adding a spacer above or below, then giving it the same background color to create one seamless look.

Line

Add a line section to divide sections with a horizontal line. After adding a line section:

  • Set the LengthThickness, and Padding in the side panel.
  • Click Style to choose whether the line is solid, dotted, or dashed.
  • Set the color of the line and the section background under Colors.

Blog

Add a blog section to create teasers for published blog posts by pulling in content like excerpts and thumbnails. Blog sections display the first 200 characters of the excerpt or blog post.

After adding a blog section:

  • Click Add Blog Post to choose up to seven posts. When selecting posts, they appear in chronological order even if you have multiple Blog Pages.
  • Click Manage to add, reorder, and delete posts.
  • Click Details to display or hide thumbnail images, post datesauthor names, excerpts, and “Read More" links or buttons. You can also style the button colors here.
  • Click Layout to choose the layout. Each blog section has one layout. To add more blog post teasers with different layouts, add new sections.
  • For Side, List, and Numbered layouts, change the image width by clicking Image Size. Images always display full-width on Windows Outlook.
  • Use the other options to style the padding, colors, and global fonts.
  • Click the text in the preview to edit it directly. This won't affect the blog posts on your site.

After pulling in the blog post content, it's not synced with your blog. If you make changes to a blog post before sending your campaign, remove that post and then re-add it, or update it in the campaign manually.

Tip: You can also create campaigns with the full post.

Product

Add a product section to pull in content from items on your site's Store Page. After adding a product section:

  • Click Add Product to choose up to seven products. When selecting products, they appear in chronological order even if you have multiple Store Pages.
  • Click Manage to add, reorder, and delete posts.
  • Click Details to display or hide the product name, price, and description and Add To Cart links or buttons. You can also style the button colors here.
  • Click Layout to choose the layout. Each product section has one layout. To add more items with different layouts, add new sections.
  • For Side, List, and Numbered layouts, change the image width by clicking Image Size. Images always display full-width on Windows Outlook.
  • Use the other options to style the padding, colors, and global fonts.
  • Click the text in the preview, including on buttons, to edit it directly. This won't affect the products on your site.

After adding a product to your campaign, it's not synced with your site. If you make changes to a product on your site before sending your campaign, remove that product and re-add it, or update it in the campaign manually.

Add links

You can add links to:

  • Text - In any section with text fields, highlight the text and click the link icon, then add the URL or click to open the link editor for more options.
  • Images sections - In images sections, click Unlinked beside any image in the side panel, then add the URL or click to open the link editor for more options.
  • Button sections - In button sections, add the URL in the side panel or click to open the link editor for more options.

You can link to your own site's content, external sites, email addresses, or phone numbers. For collections, such as Store, Blog, and Events Pages, you can link to specific tags or categories. To link to individual items, such as a product, post, or event, add an external link with the item's full URL.

Keep in mind:

  • Text links follow global styles.
  • Opened links include extra text (query parameters) after the URL for analytics tracking purposes.

Can I add videos to my campaign?

There isn't currently a way to embed videos. Instead you can:

  • Add an animated .gif in an images section.
  • Add a text link to a video on your site or a third-party hosting service, like YouTube or Vimeo.
Was this article helpful?
6 out of 10 found this helpful
Adding content to email campaigns