In Email Marketing, email is the primary channel to communicate with your audience; therefore, emails must have a compelling look and design and reflect your brand's style.
Don't worry if the design isn't really your thing. With our Email Builder, you can create attractive emails and manage effective email marketing campaigns and automations.
In this article, you will learn about our Email Builder, how to access it, and what features are available.
Before You Begin
Check this guide to find out what Items can be used in the Email Builder.
Check out answers to some of the most frequently asked questions below.
Configure once - use forever! We automatically fetch and apply your logo, text, and button colors whenever you create your email. Read more about Brand assets in the dedicated guide. We wanted to give you the freedom to create any content you want. We did this by providing more layout options to create emails with multiple columns where you can easily drag and drop items. Do you want two images on the right and text on the left? Or just text? Or draw attention to a product with a big picture and text below it? You can do all of these things; try it out!
Step 1. Pick the Template
Once you create a new email campaign or email in your Automation, you'll access our mobile-first email templates. This means that your emails will look even better on mobile devices. Browse through them or filter by the goal to select the one that fits your needs for your email.
We also have a plain text email template for writing a friendly 'from the founder' email. An HTML email is intended to add your custom code by adding your email's HTML body. You can find this template under the Other Goals filter.
If you're looking to create an email that mimics the look of a standard Gmail email, you can achieve a similar effect using an HTML/Text block with a large width setting (e.g., 1400px).
🔹 How It Works:
Use an HTML/Text block instead of a plain text template.
Set the block width to a high value (e.g., 1400px) to create a more email-client-like appearance.
Be mindful that extremely large widths may cause a horizontal scrollbar on some screens.
The unsubscribe button will still be included, as required.
Step 2. Start Building Your Email
Once you pick a template, the system will take you to the Builder. On the right side, you can see Email settings that will help you style your email.
Here you can change the Width of the email and adjust Theme settings, including background and canvas colors in the Colors menu and button style in the Buttons menu.
Design Your Email
To start adding a layout to your email, first explore our extensive library of pre-made layouts, which offer a variety of content options for structuring your email effectively. Simply click the 'Quick Add' at the left of the email draft to view the different types of layouts available. Once you select a layout, you can easily drag it to your preferred location within the email.
After placing the layout, you can customize it by adjusting the paddings and background color using the menu on the right side. To add new items to your layout, reopen the Quick Add menu and drag any desired items into the section where you want them to appear. This process will help you create a visually appealing and well-structured email that meets your needs.
Use the left-hand controls to duplicate, delete, move, or save the layout. Use the right-hand controls to move, delete, or save a specific item within the layout, like text or button, as shown in the image below.
You can leave some items empty, and the builder will respect that space to create more focused and intricate layouts.
💡 Check this guide to find out what Items can be used in the Email Builder.
Undo/Redo Buttons
You can also redo/undo the changes you made in the Email Builder using the buttons in the top right corner. There are unlimited undo steps, so you can get to the beginning of designing with the possibility of starting from scratch.
Note! Reloading the page restarts the feature, so undo history will be lost.
Save Your Design
You can save the email templates you create using the Email Builder for future use. When you're finished editing the email and wish to keep it as a template, click the little arrow in the top right corner and select the Save as template option.
You will see a popup window with two options:
You can save your template as a new one;
You can update one of your existing saved templates with the current design;
Once you save the template, you will see a message indicating that your template was saved successfully:
Important! Once you create a campaign or automation, saved templates built with Email Builder will be available under Saved Templates.
You can also save the whole layout or a single item and use it multiple times in various emails. Simply click on the Save icon on the left side to save the entire layout or on the right side to save an item, and the next time you need to use them, find them in the Library.
Visibility Settings
You may want to show a specific item for mobile or desktop users. To limit the visibility, click on the item you'd like to change the visibility for and choose the Layout tab.
Scroll down to Display settings → Choose which devices should show the item selected. You can show it to:
all devices;
mobile devices only;
desktop devices only.
Have any questions? Contact our Support team at [email protected].