Skip to main content

What are the structures and containers? How to use them?

This article is going to teach you about structures and containers, as well as how to work with them.

Written by Oleh Tokariev

What is a Structure?

The stripe sits at the top of the email element hierarchy, which means it must contain child elements. A structure is one of them, and it is always present in every stripe by default.

To add an extra structure, click on the "Structures & Modules" icon from the "Content" menu.

And drop a structure to the desired position of your email template.

Each stripe can contain many structures located one under another.

Just like other email elements, structures can be saved as modules, moved, copied, and deleted with the help of the corresponding drop-down menu that appears by mouse hover.

What is a Container?

The next level down the hierarchy is the container, which sits inside a structure. Containers sit side by side within a structure. Each structure can include up to 11 containers.

Each container holds an unlimited number of blocks located vertically.

Structure and container settings:

Both structures and containers are configured through three tabs: "Settings", "Styles", and "Data". They share most options; the table below shows which options each tab offers and where structures and containers differ.

Tab

Capability

Structure

Container

Settings

Resize containers by stretching them or by entering numeric values

Settings

Spacing between containers

Settings

Padding

Settings

Margins (separate for desktop/mobile)

Settings

Display Conditions

Settings

Make Entire Element Clickable

Settings

Element type: HTML / AMPHTML / both

Settings

Hide on desktop or mobile

Settings

Responsiveness: stack containers on mobile, with optional reverse order (inversion)

Styles

Background color and image

Styles

Apply Gradient (Linear / Radial, angle, color stops, opacity)

Styles

Border with custom color (full or per side)

Styles

Border radius (full or per side)

Data

Configure as a Smart Element

Important Notes:

  • Display Conditions let you show different content to different recipients, for example, one offer for women and another for men. Your ESP decides who sees what at send time. Read more about setting them up.

  • Some email clients, such as Outlook, don't support gradient backgrounds. Always test before sending, and check full compatibility at caniemail.com.

  • The Data tab turns a structure or container into a Smart Element: paste a product URL, and Stripo pulls the image, name, and description into your template. Configure it once, then reuse it across campaigns. See the full setup guide.


Thank you for taking the time to read our articles. We hope you will find this information helpful.


If you have any additional questions, please email us at support@stripo.email.

We would be glad to talk with you.


Did this answer your question?