The Builder is a great way to customise your emails without having to know HTML or CSS. The Builder is designed to automatically optimise images and format your content.
The drag-and-drop functionality allows you to:
To get started:
Use the layout options to create different areas in your email.
Each area is editable, and can be moved around. To do so, hover over the block and select the triangle from the icons in the top-left corner. The dotted line indicates the space within which you can work.
Click the Content tab to add content placeholders to your email. Select the option you'd like to use and drag it to the email. When the background colour becomes darker, you can drop the content block into the template.
To edit the content areas, hover over the block and select from the options on the selected content block:
If you want to replace a section, you'll need to delete it first and then drop a new content section onto the template. We recommend keeping a backup of the content as it's not possible to undo deletion.
Click the Customise tab to adjust the colours on your email.
Hover over the area you'd like to edit and click the pen icon and add your text. You can change the font or style, add bullets, add tables and select the text and use the text editing toolbar to select your new choices.
To add an attachment to your email:
You can preview your email and send a test during the building process. When you're happy with what you have, click Next to proceed to step three.
You can edit the HTML of your text content by clicking Source in the text editing toolbar. From there, you can enable/disable HTML tag autocomplete, format selected areas, add comments and delete comments.
You can link your images, sections, and text to URLs, redirecting your contacts to external links.
It's always good practice to include Alt Text for your images, this will explain the content and function of the image to contacts who can't download the image.
To upload images, drop an Image block onto the template.
You can also add dynamic statements to your content, very similar to how "If" statements work. They allow you to display or hide content on a message dependent on the condition set. Do note that for these dynamic statements to work, all the dynamic statements must be imported into your database.
The condition is placed on the layout placeholder itself (column), allowing for two or more layout placeholders to be displayed/hidden depending on the condition set. Since the layout block holds the content, it will receive the dynamic statement.
To add a dynamic statement to you email:
You can add more than one condition to an email, each on a separate layout column. In the case of setting images as conditions, the images must already be added as content to a layout column, each with their own dynamic statement accordingly.
You can add 'if' statements to your builder templates. These statements allow you to display, or not display, content in a newsletter depending on some contact variable. In order to do this, you need to have some coding proficiency, as you can't do it directly in the builder, you have to code it into the template in a text editor.
Basically, you will be adding a twig statement in a section.
You need to build a table with the class 'ev-section', and then add the 'ev-if' attribute that contains the twig condition.
<table class="container" ev-content-builder="" >
<table class="row ev-section" ev-if="contact.name == 'bob'">
<table class="twelve columns">
<td class="ev-block-dropzone center">
<div class="ev-control: text-editor ev-block">Your text here</div>