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.
Resize containers by dragging the divider on the canvas or by entering numeric values
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) | ✓ | — |
Settings | Lock Element, with All, Content, or Styles scope | ✓ | ✓ |
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 | ✓ | ✓ |
How do the key options work?
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.
The Lock Element feature allows users with the appropriate permission to lock individual elements of an email — stripes, structures, and containers — so that other collaborators cannot modify them. Locking protects brand-critical areas (headers, footers, legal blocks) from accidental or unauthorized changes, while the rest of the template remains fully editable.
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.