Skip to main content
All CollectionsNew Editor QuestionsGeneral information about a new editor
(New editor) Understanding of Stripo Template Layout
(New editor) Understanding of Stripo Template Layout

This article will explain in depth how Stripo Template architectural works.

Oleh Tokariev avatar
Written by Oleh Tokariev
Updated over a week ago

The structure of Stripo emails is based on the HTML table layout.

The core elements of the email are stripes that may contain an unlimited number of structures.

You can set the desired number of stripes by pressing on the "+" icon.

Every stripe might have its type: Header, Content, Footer, or Info area. You can set it manually in the "Message area" settings:

More information about stripes we written in our separate article here.

Each structure has a container and may have up to 9 containers in a row.

And each container has a block and may have as many blocks as you need when placed one above the other.

(on the screenshot above, you see 4 blocks inside one container, which are text block social networks block text block spacer block)

However, you need different containers to place blocks to the right and left positions of each other.

For more details about blocks, please click here.

How to move, copy and delete elements?

  • To move the element, click on the "move" icon, and with the left mouse button pressed, move it to the desired location as well;

  • To copy the element highlight the applicable element and click on the "copy" button;

  • To delete the element, press the "trash-basket" button;

How to save content as a module?

  • To save a container/structure/stripe as a module, click on the "Save as module" button.

More information about module configuration you will find in our separate article here.

Please be advised, that blocks cannot be saved as modules.

How to navigate between the email elements?

To begin with, please select the needed elements with the mouse. In this case, the selection priority belongs to the lowest-level element (block).

For instance, by clicking on any block in the container, this action will take you to the block settings menu.

You can also use the settings panel to upgrade the navigation from block to container:

Then from container to structure:

And from structure to stripe:

By the way, you can navigate between BlockContainer Structure Stripe by hovering the mouse over the block and selecting the desired element:

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

We would be glad to talk with you!

Did this answer your question?