DocsComponents
All block types, explained
Text, image, button, divider, social and footer — what each is for.
Four groups, sixteen blocks
The block palette (left panel, Blocks tab) groups every draggable block type into four sections: Layout, Content, Brand & navigation, and Advanced. Drag any tile onto the canvas and a dashed line shows exactly where it'll land.
Layout
| Block | Use it for | Good to know |
|---|---|---|
| Section | A background-colored container for other blocks — one shared background color and padding for everything inside it. | Can't hold another Section — sections don't nest. |
| 2 columns | Two side-by-side cells, each with its own optional image, title and short text. | Leave a cell's image empty for a text-only column. |
| 3 columns | Same as 2 columns with a third cell — feature grids, short stats, three-up product picks. | Same text-only trick works per cell. |
| Spacer | An invisible vertical gap with a single height property. | Use it instead of an empty Divider when you don't want a visible line. |
| Divider | A thin horizontal rule with its own color, thickness and margin. | Its margin is independent of the blocks around it, so you control the gap on both sides. |
Content
| Block | Use it for | Good to know |
|---|---|---|
| Heading | One styled line of text — size, alignment and color. | Merge tags typed as {{first_name}} are auto-highlighted here too, not just in the Token block. |
| Text | A paragraph of body copy — size, alignment and color. | Same inline merge-tag highlighting as Heading. |
| Image | A single image with alt text, corner radius and margin. | Pick it from the media library or paste a URL directly. |
| Button | A call-to-action link — label, destination URL, alignment, background/text color and corner radius. | Compiles with an Outlook VML fallback so the rounded corner survives Outlook's rendering engine. |
| Video | A clickable thumbnail with a play-button overlay — email clients can't play inline video. | There's no link field in its properties; pair it with a Button if you need the thumbnail to lead somewhere. |
| Token | A standalone block whose entire content is one merge tag, e.g. {{city}}. | Its properties panel lists the four supported tokens as a reminder. |
Brand & navigation
| Block | Use it for | Good to know |
|---|---|---|
| Logo / header | Your brand name, an optional tagline, and a background color. | Usually the first block in a template. |
| Menu | A row of text links separated by ·, e.g. "Shop · About · Contact". | One shared alignment setting for the whole row — no per-item links. |
| Social | A row of social icons, chosen from a set of mainstream and open/federated networks. | Defaults to Instagram, Facebook, LinkedIn and Email; toggle any of 18 networks on or off. |
| Footer | Brand name, address, and the standard unsubscribe/preferences links. | Skip it and one gets added automatically at send time — with a blank brand and address. Add your own. |
Advanced
| Block | Use it for | Good to know |
|---|---|---|
| HTML | Free-form HTML you write yourself, inserted verbatim into the compiled email. | Only visible on Pro and Business plans — see the callout below. |
Pro and Business only (not Free or Starter): on the Free plan, the HTML tile doesn't appear in the palette at all, and saving a template with one server-side returns HTTP 402.
Common mistakes
- Nesting a Section inside a Section: the editor rejects the drop with a toast instead of nesting it — flatten your layout with 2/3-column blocks instead.
- Expecting Video to link somewhere: its properties only cover the thumbnail image, alt text, corners and margin — there's no destination URL field, so add a Button underneath if you need one.
- No Footer block anywhere: the compiler adds one automatically so every send has an unsubscribe link, but with a blank brand name and address — always add your own instead of relying on the automatic one.
Back to Docs
Was this helpful?