Email Structure

Emails in the editor use a hierarchical structure: Stripe → Structure → Container → Block.

• Stripe — This is the top-level element that contains all parts of the email.
• Structure — It defines the layout and the number of containers in a stripe.
• Container — This holds content blocks such as text, images, and buttons.
• Block — The basic element that adds content to the email.

Navigation and Selection

Click any element to select it. To move up one level (for example, from a container to a structure), click the Up arrow.

📘

Note

To delete an entire smart container in one action instead of removing its blocks (image, text, price, etc.) one by one, select the outer container level — it appears as a highlighted frame around the whole container — then press Delete (or use the trash icon) to remove it all at once.

Element Settings Tabs

Stripes, structures, and containers

These elements include three tabs:

• Settings — General options and element-specific parameters.

📘

Note

Switch the preview to Mobile (the device icon in the toolbar) before opening a structure or container's Settings tab to see mobile-specific controls — Containers Inversion, Padding on Mobile, and Margins on Mobile. These apply only to the mobile view and are separate from the default padding/margin settings shown in desktop preview.

• Styles — Visual appearance, including background colors and images.

🚧

Outlook

Desktop Outlook does not render background-image set at the stripe, structure, or container level (the Styles tab of an individual element) — only the email-wide background image configured in Global Styles displays correctly in Outlook. If you need a background image behind a specific section rather than the whole email, add a matching background color as a fallback for that element so Outlook shows a solid color instead of a blank area.

The Global Styles & Layout panel (left sidebar of the editor) also controls a few settings worth knowing about:

📘

Note

The Underline Links toggle only controls how links are styled. To turn specific text into a hyperlink, highlight it inside a Text block and click the chain-link icon in the Settings panel, then choose the link type (URL, email, phone number, etc.) and enter the destination. To remove a link, highlight the linked text and click the unchain icon in the same panel.

📘

Note

Custom List Styles let you fine-tune bullet/number color, spacing before the list, left indentation, and the spacing between individual list items. If an ordered list is split across two separate text blocks and you need numbering to continue instead of restarting, open the second block's code editor and add a start attribute to the list tag — for example, <ol start="4"> continues the count from item 4.

📘

Note

Right-to-left text direction doesn't have to apply to the whole email — you can also enable it for a single text block from that block's own Settings panel, which is useful when only part of your content (for example, an Arabic or Hebrew quote) needs RTL formatting while the rest of the email stays left-to-right.

• Data — Connection to external data sources (for example, a website) to automatically load images, product names, descriptions, and prices.

Blocks

Blocks include two tabs:

• Settings
• Styles

Stripes

Stripes are horizontal sections that form the email layout. They correspond to functional parts of an email:

• Header — The top section with a logo or navigation.
• Content — The main section with text, images, buttons, and other blocks.
• Footer — The bottom section with contact details and legal information.
• Info area — An additional section for system or informational content.

Each stripe can contain structures, containers, and blocks. Settings applied to a stripe are inherited by all nested elements.

Structures

A structure is placed inside a stripe and controls how containers are arranged.

To add a structure:

1. Open Structure and modules.
2. Go to the Layouts tab.
3. Select a structure.
4. Drag it into the email.

After adding a structure, you can:

• Modify or remove default blocks.
• Add new blocks.
• Adjust content, styles, and data settings.

Containers

Containers are placed inside a structure. They are commonly used to build layouts such as product cards.

By default, a container includes:

• Image
• Text
• Button

Blocks

Blocks are the lowest level in the hierarchy. They are placed inside containers and provide the actual content of the email.