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.

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.

• 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.