Skip to content
English
Live Chat Support
  • There are no suggestions because the search field is empty.

INTRODUCTION TO THE EMAIL BUILDER 

Campaign Monitor's Drag-And-Drop Email Builder Enables Users To Design Visually Appealing, Responsive Emails Without The Need For Coding Expertise. This Tool Ensures That Emails Render Correctly Across Major Email Clients.

READ ARTICLE

To get started with the email builder you can either create an email builder template first, or jump right in to create a campaign or journey email. If you opt for the latter, you can later save the email as a template to use again next time.

Email layouts

The structure of an email is made up of three parts: the header, body, and footer.

Header

The header can contain:


Body

A body is made up of sections. Sections are where you place content like text, images and buttons, and are available in the layouts shown in the image below:

The "Add section" interface, showing a full width section; a section split into two even columns; a section split into three even columns; a section split into two columns where the left column is one third width; and a section split into two columns where the right column is one third width

You can add as many sections as you like, and arrange them to create engaging and clever layouts. Individual sections can have different background images, background colors, and column padding options. Spacing below each section can be adjusted.

You can also make individual sections visible only to specific audiences, by assigning them to specific lists or list segments. We call this dynamic content.

It is not possible to merge or split columns in a section layout, but you can add the new section type you want to your layout and copy across content from the old section.

Footer

Footer

To customize your email footer, open the footer settings in the left sidebar by clicking anywhere in the email footer. You can customize your footer with:

  • Right, left or center alignment options for your footer content (note: when viewed on mobile devices, your footer will default to center alignment).
  • Your company logo.
  • Formatting, styling or hyperlinking text through a rich text editor.
  • Customizable buttons for your subscribers to share your email to Facebook, Twitter, LinkedIn or Forward to a friend (Share this email).
  • Custom background color and optional border/border color.
  • Horizontal or vertical spacing.

Footer content must contain: 

It optionally contains:

  • Additional content or links, such as privacy policies (Content > Free text).
  • An explanation as to why a subscriber is receiving the email, useful as a permission reminder (Other settings > Subscription explanation).
  • A subscriber preference center link (Other settings > Subscriber Preference Center).

Subscriber preference center and unsubscribe links are not available in transactional emails.

Email settings

Permission required to use this feature: build or import your own templates

In addition to logo and header settings, the "Settings" menu in an email is where you set:

  • email-wide styles, including colors and fonts.
  • vertical spacing for all sections.
  • the language for the email sharing buttons, and the unsubscribe, view in browser, and preference center links.

You can access the "Settings" menu by clicking the cog icon in the "Build" menu on the left.

If you don't have permission to build or import your own templates, you will only be able to edit the preheader text and "View in browser" link from the "Settings" menu. Further editing restrictions may apply if the header has been locked.

Email content

You can drag content blocks, like text and image, from the "Build" menu on the left into the columns in each section.

There are multiple types of content blocks you can add, as described below.

Text

Choose from multiple styles, typefaces, alignments and colors. Add links and personalized content to your emails.

The text block

Learn more about text blocks in the email builder

Images

Upload an image from your computer, or link to an image on a web server, opening up the possibility for personalized images. After it's uploaded, you can scale or crop the image directly in the email.

Learn more about images in the email builder

Spacers and dividers

Dividers are a fixed-size content block that contain a centered line, used to separate content.

 

A spacer is a blank, adjustable content block. It inserts a column-wide vertical space that helps to vertically position other elements.

 

Buttons

Buttons serve as a call to action, and link to somewhere on the web. They are highly customizable.

Learn more about buttons in the email builder

 

Social Links

Social links allow you to add and customize your social media channels in your email, so that you can elevate your brand and link your customers across platforms.

Learn more about social links in the email builder

Videos

Most email clients don't support playing video. However, with the email builder's video block you can insert a YouTube or Vimeo URL, and a screenshot with a superimposed play button will be automatically generated, and linked to your original video.

Learn more about video in the email builder

Preview and test

To preview your email content while working on it, click the Preview button at the top right. This shows how your content will look on both desktop and mobile.

The preview button in the email builder

To test your design as you go, you can send an email to a single address by clicking Send a test email, next to the "Preview" button.