Our drag-and-drop email builder makes it easy to design beautiful, responsive emails that look great in all of the major email clients. Below is an overview of the email builder's section and layout options, and the various content types available.
NOTE: If you do not see any templates under the message template page, make sure that you have at least one status created and it is configured to notify your customers or as emails listed in the "additional emails" field.
Once the template editor is loaded, it will look like this.
The editor has the following tools.
Content Tab
You can drag content blocks, like text and image, from the menu on the left into the columns in each section.
- Columns: Shortcut that allows you to add a row of columns to your design in order to have a better design arrangement.
You can add as many rows of columns as you like, and arrange them to create engaging and clever layouts. Individual columns can have different background colors, and column padding options. Spacing below each section can be adjusted. - Button: Buttons serve as a call to action, and link to somewhere on the web. They are highly customizable.
- Divider: Dividers are a fixed-size content block that contain a centered line, used to separate content.
- Heading: Headings serve as titles and are typically larger than the standard text on a page.
- HTML : HTML allows you to add custom HTML directly to the design. This is the ideal tool to add custom liquid code and other complex HTML that cannot be added to the Text content block
- Image: Upload an image from your computer, or link to an image on a web server, opening up the possibility for personalized images.
- Menu: Menu is a built-in tool used to create navigation menus.
- Text: Choose from multiple styles, typefaces, alignments and colors. Add links and personalized content to your emails.
Body Tab
This includes the general email settings and appearance options, such as text color, background colors, content width, font settings, preheader text, and more.