Build your Email

The screen has two important areas. In the central area, we will design our email with the help of the elements situated on the right area. On this page, we explain you how to drag & drop the elements into your email.


In the content area, you see first row types (the structure of design) with 4 options. Then you see the content types to choose what introduce on every row: html code, text, image and button. With any of these possibilities you can edit several options to make a fabulous email.

Row Types

You click on one of the 4 row types, then drag and drop on the email area to design your email.

You can use this estructure of rows:

  • 1 column (100%)
  • 2 columns (50% - 50%)
  • 2 columns (25% - 75%)
  • 2 columns (75% - 25%)

Content Types

You click on one of the 4 content types, then drag and drop on the row/column to design your email. Each element has several options to select paddings, margins, borders, background colour, position, border button, padding button and background colour button.

  • HTML code
  • Text
  • Image
  • Button

HTML code

If you your template is done with html code, only it is necesarry to copy and paste on the right space.

1. Drag and drop the 1 column (100%)
2. Drag and drop the HTML button into first column.
3. Click into the html editor (as it is shown in the image below)

4. Paste your html code and click on Save at the right top area.


In the Settings area you can choose the colour of the background and the width of the content.

Preview the Email

On the Preview button, you can check how the user will see the email on the computer monitor or mobile screen. Pulse on the desktop o mobile icon to see the two options. Once you have seen it, click again on Edit button to continue building your email.

Did this page help you?