The Builder

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:

  • Arrange the layout of the email.
  • Drop images, text, and attachments into your email.
  • Edit your text.
This is an overview of the Builder. For step-by-step email creation, you can use the How to Guide: The Builder

To get started:

  1. Click the Builder icon in the Composition Options screen.
  2. Select a template from the options provided, including Previously Sent Messages as templates.
  3. Adjust your colour and palette if desired.
  4. Click Continue.
  5. Set your email's properties.
  6. Click Continue.



Use the layout options to create different areas in your email.

  • One column: A single column which spans the width of the email.
  • Two column: Two adjacent columns.
  • Three column: Three adjacent columns.

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:

  • Move the block around (arrow icon).
  • Open the editing panel (pen icon).
  • Delete the block (bin icon).

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.

  • Colours: Select colours for specific areas on your email including page background, content background, title, button and text.
  • Palettes: Select from pre-existing colour palettes.

Editing Text

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:

  1. Click Add Attachment on the top bar.
  2. Click Browse Computer to find and upload the file from your computer.
  3. Click Done once the file is uploaded.


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.


  1. To link an image, click the Change Link icon.
  2. Use the Link text field to enter the specific URL.

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.



  1. To link text, click the Edit icon.
  2. Highlight the text that you would like to hyperlink
  3. Click the link icon on the WYSIWYG toolbar.
  4. Specify what type of link you want to use.
    • URL: A link to a webpage
    • Link to anchor in the text: Links to text in the email to get to it faster.
    • Email: Links to an email address where the contact can send an email.



To upload images, drop an Image block onto the template.

  1. Click Upload.
  2. Browse to the image you want to use.
  3. Click Open.
  4. Double-click the file in the file finder.
  5. The image file will be added to your email.
  6. Don't forget to use Alt Text for the image. Click the Change Link icon to do so.
Images should not be wider than 580px. If your images are too big, they might break your email layout in some email clients.

Dynamic Statements

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:

  1. Add your layout column from the layout tab. Use the existing layout column if you are already using a template.
  2. Move your mouse cursor to the right to highlight the layout column. You will note three options. The first symbol from the left on the three options is for setting these statements. Click Add dynamic statement.
  3. A window will pop up allowing you to set the conditions. Select the field, condition, and value of the condition. You can also add more conditions by clicking the "+" sign.
  4. Click save to set the condition. The symbol for dynamic statements will turn orange on the layout column to show that a condition has been set.


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.

"If" Statements

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.

Translate »