How to Use the Email Builder

The drag-n-drop email builder makes it easy to design powerful, responsive emails that look great in any inbox.  

To get started with the email builder, you can create a builder template first, then create your campaign. Alternatively, jump right into creating a campaign or journey email! You can always save the email as a template to use later.

 

Email Layouts

All emails consist of three parts: the header, body, and footer. Scroll down to dive into a full description of each.

 

Header

The header of an email can contain only three things

Logo	Add your business or organization's logo to add branding to the email.
Preheader Text	A brief description of what’s in your email, shown as a preview in the inbox of most major email clients next to the subject line.
View In Browser link	A link that points to the web-hosted version of your email, which is kept on our servers. This helps recipients who can't view HTML emails to view the full version of your email.

 

Body

The body of the email is made of sections. Each section is an area to place content like images, text, or buttons. Add as many as you like! Re-arrange them using the drag-n-drop editor. Each section can have different background images or colors, and column padding options. You can also make individual sections available only to specific segments or lists using dynamic content.

 

Footer

To open the footer settings in the left sidebar, click anywhere in the email footer.

Your email footer must always include:

Company name and address	This gives your recipients useful contact info for your business or organization. It's also required to comply with anti-spam regulations.
Unsubscribe link	This gives your recipients a way to unsubscribe. While that's never the goal, the link must be made available as this is also required to comply with anti-spam regulations.

You can also optionally include elements like these

Subscriber preference center link	This gives your recipients a way to manage their subscription preferences like a new email they'd like to receive your emails.
An explanation of why the recipient is receiving the email	It's useful to include info like 'You're receiving this email because you subscribed to the Monthly Update Newsletter from Marketing 360®' to make maintain trust and brand recognition with your recipients.
Social media links	This gives your recipients an easy way to stay engaged with with your social media accounts.
Social sharing links	This gives your recipients a way to spread the word by sharing the email on their social media accounts.

 

Email Settings

In addition to the logo and header seeings, the Settings menu is where you set options like 

Email-side settings	This includes things like colors and fonts.
Vertical spacing for sections	This is how you can add consistent spacing between each of the elements in the email.
Language	While you can write the content of your email in whatever language is needed. Use these settings to determine what language is used on things like sharing buttons, unsubscribe links, and preference center links.

Access the Settings menu by clicking the  icon in the Build menu on the left.

 

Email Content

Use the drag-n-drop editor to add content blocks from the Build menu on the left into the columns in each section. Check out the example below to see just how easy it is to build beautiful, effective emails. We'll break down each content type below.

Text

Choose from multiple styles, fonts, alignments and colors. Add links and personalized content to your emails. Use text blocks to add content that'll inform and engage your recipients and keep your brand front-of-mind. Inform them of a new product, get them excited about a new service, or promote an upcoming sale!

 

Images

No matter how great your content is, images can help drive the point home! Upload an image from your computer, or link to an image on the web, opening up the possibility for personalized images. After it's uploaded, you can scale or crop the image directly in the email.

Use images to show off products, show off the services you offer, or just give your email some personality!

 

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 that link users to your website or anywhere else on the web.

Now that users are all hyped up from your text and images, use buttons to drive traffic to your website.

 

Videos

In certain cases, static images just don't prove the point. Add a video instead! While most email clients don't support playing video, add a video block with a YouTube or Vimeo URL and a screenshot with a superimposed play button will be automatically generated. When recipients click, they'll be linked to your video.

 

 

Preview and test

To preview your email content while working on it, click Preview in the top-right corner of the browser. This shows how your content will look on both desktop and mobile devices.