How to add a container block
Open the popup or embed you want to edit.
In the Blocks panel, add a Container block.
The container appears on the canvas. Click inside it to start adding child blocks.
Adding blocks inside the container
You can add any block type inside a container: text, button, image, email capture, SMS, video, and more. Each child block is styled independently, so each one can have its own background, border, text, and formatting.
To add a child block, drag another container block inside the parent container. From there you can add the other blocks.
Container settings
Once the container is selected, you can configure:
Direction: choose how child blocks are arranged inside the container. Horizontal places them side by side in a row. Vertical stacks them on top of each other, the same way regular blocks behave in a popup.
Gap: the spacing between child blocks.
Height: a uniform height applied to all children in the container.
Nesting containers
You can place a container inside another container to build more complex layouts. For example, a horizontal container can hold a text block on the left and a vertical container on the right, which itself stacks an image and a button on top of each other.
One level of nesting is supported. You cannot go three levels deep (no container inside a container inside a container).
Horizontal
Vertical
A few things to know
Child blocks share the container width equally. For example, three blocks in a horizontal container each take up one third of the width.
On mobile, child blocks shrink proportionally to fit the screen.
You can add a button block inside the container if you need to lead customers to another URL.