Design the email in the content editor
Add and arrange blocks, set each one, style the whole email, and save sections and templates to reuse.
Updated 3 min read
On this page
Content shows your email inside an inbox window, exactly where it will be read. Click any part to change it; its settings open on the right. On touch screens, tap.
Add, move and remove blocks
- Use the + between blocks to add one there. The picker also lists Your sections.
- A selected block has a toolbar: Move up, Move down, Duplicate, Save as a section to reuse and Delete. You can also drag blocks.
- A red dot on a block means a problem that stops sending; amber is a suggestion.
The blocks
| Block | For | Settings |
|---|---|---|
| Header | Your logo or name, at the top | Logo address, name, logo description, width 40 to 300 px, alignment |
| Heading | A headline or a section title | Text, size H1 to H3, alignment, colour |
| Text | Paragraphs and lists | Text, size 12 to 22 px, alignment, colour |
| Image | A picture, linked if you like | Image address, description, link, width 40 to 600 px, alignment |
| Button | The one thing to do next | Words, link, Filled or Outline, alignment, colour |
| Offer card | A product or offer with a button | Title, text, optional image, button words and link |
| Two columns | Two things side by side; stacked on phones | Left column width, up to 6 headings, texts, images or buttons in each |
| Divider | A thin line between sections | Colour |
| Spacer | Breathing room | Height 4 to 160 px |
| Social links | Links to where else you are | Up to 8: website, LinkedIn, X, Instagram, Facebook, YouTube, TikTok |
| Custom HTML | Your own HTML, with unsafe code removed | The HTML itself, up to 50 KB. See the custom HTML block |
Every block also has a Band (none, your brand colour, a soft tint, or a colour of your own) and Spacing above and below, with Hide on phones.
Writing in a text block
A blank line starts a paragraph and lines starting with - make a list. Use **bold**, *italic*, [words](https://link) and merge fields like {{ name | there }}. Raw HTML is not used in a text block; for that, add a Custom HTML block.
Images
Images and logos are added by address: paste an https:// link to the picture. Keep each under about 300 KB, and always fill in the description, which screen readers read aloud and inboxes show when images are off.
Email style
With no block selected, the right panel sets the whole email's look: the colours behind the email, of the email, of text, headings, buttons and links and the footer; the typeface (Modern, Classic or Rounded, all email-safe); and the corners. Text and button colours show their contrast, and warn when it is below 4.5 to 1. Note above the footer adds an optional line before the footer.
Shortcuts
| Keys | Does |
|---|---|
| Up and Down arrows | Select the block above or below |
| Alt with Up or Down | Move the selected block |
| Cmd D (Ctrl D) | Duplicate |
| Delete | Remove the selected block; undo brings it back |
| Esc | Close the block's settings |
| Cmd Z, Shift Cmd Z | Undo, redo |
| ? | Show the shortcuts |
Reuse your work
- Save as a section to reuse keeps one block, ready to drop into any email from the +.
- Save as template in the header keeps the whole design for everyone on the account. The subject and audience are not included.