Email Structure

Learn about the hierarchical structure of emails, including stripes, structures, containers, and blocks, and how to navigate and customize them.

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.

Stripes, structures, and containers

These elements include three tabs:

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

Blocks

Blocks include two tabs:

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

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

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

To add a structure:

After adding a structure, you can:

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

By default, a container includes:

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