The Email editor is built around three main components: the Structure Panel, the Canvas, and the Design Panel. The main structure in the Canvas is organised using Rows with one or more Columns.

The Structure Panel is your email's skeleton. It consists of rows and columns and reflects the composition of your email, updating automatically as you add elements to the canvas.

Rows and columns help you create your branded email layouts with multiple content blocks side by side. Use them to combine images with text, create comparison layouts, or design multi-column newsletters.

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

Columns run vertically within a row. A single row can be split into a maximum of 4 columns, giving you flexible layout options for different content needs.

In the dark-blue bottom bar you find Settings, Save as template, Preview and Test options.

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

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

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

Tip! Giving your rows descriptive names help you structure content in your email. This is useful when working with multiple rows or creating reusable templates, and from a collaborative perspective for users in the account. The row name is only visible within the editor and will not appear in your sent emails.

Access row settings by clicking on the row in the structure panel in your email. The settings panel appears on the right side of the screen (Design Panel). Background styling applies to the entire row, behind all columns. In the Row settings you can adjust:

Open the Device settings in the design panel. Choose whether the row should be visible in ONLY mobile view, ONLY desktop view or both.

BOTH device types:

ONLY desktop:

ONLY mobile:

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 Structure Panel menu and drop it in a new spot in the canvas.

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

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

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

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

A plus will appear on each side, click the plus to add Columns next to the existing element in the row.

Select Column in the Structure panel.

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

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.

Control how your columns are sized on desktop email clients. You can choose from preset ratios or create custom column widths to match your content needs

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.

Column stacking ensures your most important content appears first when recipients view emails on mobile devices. This is particularly valuable for:

Column stacking is ideal when you want better control over how your content displays on mobile devices. This ensures important content (like headlines or key images) appears first in the emails also on smaller screens.

When you enable column stacking for a row, you control how your two-column layout adapts on mobile devices and smaller screens.

You can choose between two stacking orders:

On mobile or smaller screens, content from the left column appears above the right column
​

2. Right on top. Left on bottom
​

On mobile or smaller screens, content from the right column appears above the left column

You can also choose not to stack your columns. Simply unselect the checkbox in the settings for the row to disable stacking.

When adding icon element to a row with more than one column, you also have specific stacking settings for how you want the icons within the column to stack in mobile view. Combine the two features to optimise your content on mobile view.

Product showcase: Combine a product image in one column with description and pricing in the other. Use "Left on top. Right on bottom" stacking to ensure the product image appears first on mobile.

Side-by-side: Display two products, services, or other content in separate columns. Each column can contain its own images, text, and call-to-action buttons.

Newsletter layout: Create multi-column article previews or content blocks that adapt to mobile screens. Use column stacking to control which stories appear first. Apply segments (include or exclude profiles) to increase relevance.

Image and text combinations: Place an image in one column and descriptive text in the other for a professional layout. Column stacking ensures optimal reading order on all devices.

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