Using the email designer

Description

This is the main editing tool that you will use to create an email template, it is easy to use and allows quick addition and removal of sections, setting different colors for different areas, deciding on your campaign's font and width, testing and much more, all from a single window.

Why this is useful

By using this editing function, users can create eye-catching email campaigns without writing code, so they can accomplish any goal they want. With this tool, anyone can create a great email. The e-mail designer is now more flexible than ever with moving sections, rearranging content, color picker functionality, and content versioning. Here we'll explore everything related to our designer.

How to use the email designer

In order to get started and utilize it to its full potential, here are some of the features of this tool.

• Settings

This part is to set the tone for the full campaign.

There are a lot of options for you to consider:

• Content area width (we recommend not going beyond 600 pixels)
• Content area alignment. (Left or Center)
• Background color
• Content area background color
• Default font 
• Link color

• Rows

Before adding any content to your campaign, you need to choose a row.  The Rows section consists of a variety of component structures. Simply choose the one you want and drag it anywhere in the campaign. Test them and find the one that works best for your template. 

• Move / Remove/ Duplicate row

Reposition, remove or duplicate a section of the email:

• First, select the row that you need to reposition to access its repositioning menu.

 To Move a section up or down within the template: 

• In the positioning menu, click on the crossed arrows found on the left to move your selected row.

To remove a section:

• In the positioning menu, click on the trash icon found on the right to delete the row. 

To duplicate the row: 

• In the positioning menu, click on the double window button found on the right, next to the trash icon.

• Edit

Many items can be edited in the row section. Select the Row you wish to edit in order to access this menu on the right part of the designer. 

Here are the features you can control:  

• Row background color
• Content background color
• Do not stack on mobile
• Row background image
• Customize column
• Display condition
• Hide on Desktop/Mobile
• Customize columns
• Column background
• Padding
• Borders

• Content

Having decided what type of rows you want, you can now decide what content to include in those rows. 

The following content options are available: 

• Text
• image
• Button
• Divider
• Social Media
• HTML
• Video
• Icons

Each of them are editable within their own block. Drag and drop the desired item into your email content section to use them.

To create the perfect campaign, be sure to experiment with all the options within the designer. There is almost no limit to what this tool can do!

• Revert to a previous version of a campaign

An earlier version of your email can be restored. In the designer, click on the 'clock' icon on the bottom left of your campaign.  You may then revert to a specific action within the edition.

• Preview mode

You can preview the site in desktop and mobile mode by clicking the Eye icon button found on the top right of the designer. Test your content on both platforms and make sure it looks good. 

• Save changes to the campaign

Be sure to always click the green Save button when making changes to your campaign in the email designer. It's better to be safe than sorry!

• Save the campaign as a template, reset or discard it

If you would like to choose one of these options, click on the arrow button found on the top right part of the screen. You can learn more about saving templates here. 

• Campaign details

If you are satisfied with your template and wish to send it, click on Continue in the designer's top right corner. The Campaign Details section provides you with these options for sending out the campaign. You can choose the Audience, the subject, the sender, and even program the delivery by selecting Send date and time. Just remember to test it thoroughly before mailing it.