Stripe is a top element in the email hierarchy. There are structures in each stripe.
To add a structure, you can drag and drop it from Content menu to the desired position of your message.
Each stripe can contain many structures. In turn, a structure can include up to 8 containers in a row.
Just like other email elements, structures can be saved as modules, moved, copied and deleted with the help of corresponding drop-down menu that appears by mouse hover.
Structure allows you to set the container size. You can set container size in the structure using parameters in numbers or "stretching" container to the desired width.
You can also set indents here.
If you need to set indents for containers bigger than 40px, use empty containers to increase indents.
Structures settings are available in three tabs: Appearance, Content and Conditions.
Content tab allows you to configure structure just like a smart element. For more details about smart elements, click here.
Conditions tab allows applying conditions which can be used in templates. You can apply conditions for stripes, structures, containers.
You need to set the name of your condition and then apply the condition associated with your ESP
You can apply the code of any template engine (liquid, twig, velocity, etc.)
You can check the display of this condition in the preview
and test how it works on your platform.
In the Appearance tab, you can set the background color and image of the structure.
Also, you can hide email structures for desktop or mobile view here if you want some structure not to be displayed in some version.
You can also configure the structures responsiveness to locate their containers one below the other for mobile view, or set inversion for responsive structures to display containers in reverse order on a mobile screen.
Below, you can specify the structure type – HTML, AMPHTML, or both types.
The next step down by hierarchy are containers in the structures. Containers are located horizontally. Each structure can include up to 8 containers.
Each container can contain an unlimited number of blocks located vertically.
Containers settings are available in two tabs: Appearance and Content.
Content tab allows you to configure container just like smart element. For more details about smart elements, click here.
In the Appearance tab you can set the background color and image of the container.
Using "+" and "-" buttons below you can set roundings for the container.
You can also configure the full container border here, or do it separately for each side.
Also, you can also hide containers for desktop or mobile view here if you want some container not to be displayed in some version.
You can specify the container type below – HTML, AMPHTML, or both types.