This is the Email editor. It's build up by three main components: the Structure Panel, the Canvas and the Design Panel.

The Structure panel is your email skeleton. It consists of Rows and Columns and reflects the composition of the email. The panel updates as you add Elements to the Canvas.

Rows run horizontally across the canvas and can contain one or several elements.

Columns run vertically within a Row. A Row can be split into maximum 4 Columns. In the grey bottom bar you find Settings, Preview and Test options.

To create a new Row:

1 . Drag and drop an Element from the Design panel into the Canvas.

2. Select Row in the Structure panel. Or by clicking the line running vertically next to the Row.

3. Name the Row, by edit directly on the Row title in the Structure panel. Or in Row settings, right column when having selected Row.

4. Adjust Row Settings

When selecting Row, Row settings will appear on the right hand side. In the settings you can adjust:

To Delete Row, click the Delete button in the bottom right corner.

Select Row and click Create as Asset in the Row settings on the right.

Once the row is created, move it around as you like in your design. Pick it up in the left side menu and drop it in a new spot.

You can move several Rows at once. Hold the Ctrl button on your keyboard, select the Rows and drag and drop where you wish.

You can split a Row into Columns (maximum 4 per Row).

1. Select Row in the Structure panel or click the vertical line.

2. A plus will appear on each side, click the plus to add one divide the Row into Columns.

3. Select Column in the Structure panel.

4. Name the Column directly in the Structure panel. Or edit name in the Column settings, appearing on the right side when having selected Column.

5. Set Column size with the handles.

Grab on the handle between Columns and drag left or right to resize the Column and Elements. The measurement in pixels will be shown under the red line.

The minimum width is 10px.

6. Adjust Column settings.

When selecting Column, settings will appear on the right hand side. Apart from renaming and deleting, here you can adjust:

Delete Column with the Delete button in the bottom right corner.

It may be difficult for certain apps, clients or browsers to display HTML content in some devices. The text version of an Email is a simplified version that contains only the text content of the email, without any pictures or any other sorts of media. An Email with a text version will increase the popularity due to more devices being able to display it properly.

Recipients who have difficulties reading may use accessibility features to read email, which requires a text version. The text version can be read out loud by the Email client to the recipient. That's a very important reason to steer away from emails that depend solely on images. Read more about Email design tips in the Best practice article.

Emails that contain a simple text version have an improved deliverability rate as certain email clients tend to flag emails without a text version as spam. By being mindful of the text version of your Email, you can ensure that everyone is able to receive your communications.

Also, it is worthy to mention that some people prefer the text version of Emails due to their simplicity.

While in the Email Editor, access the Preview. There you can toggle the Desktop, Mobile and Text version, and the canvas will change accordingly.

Email: Design elements

Personalise with Data tags and Segments