Blocks and Sections
This page explains how End Users build emails with blocks, sections, and saved sections.
Blocks are individual content elements. Sections are prebuilt layout groups. Saved sections are custom sections that users save for reuse.
Blocks
Blocks are the smallest draggable content elements in the editor.
Users can drag blocks into the canvas and then configure their content, style, spacing, and visibility.
Common blocks include:
| Block | What it is used for |
|---|---|
| Text | Add headings, body copy, descriptions, and other written content. |
| Image | Add or replace an image. |
| Image+Text | Add a combined image and text layout. |
| Button | Add a call-to-action button. |
| Divider | Separate content areas visually. |
| Spacer | Add vertical spacing between content. |
| Social | Add social media links or icons. |
| Timer | Add a countdown timer for time-sensitive campaigns. |
| Code | Add custom HTML or code-based content. |
| Menu | Add navigation-style links. |
| Table | Add structured rows and columns. |
| Video | Add video-style content or a video preview block. |
Available blocks may vary by plan, configuration, or editor version.
Sections
Sections are prebuilt layout groups that help users build emails faster.
Instead of adding blocks one by one, users can insert a section that already combines layout, images, text, buttons, or spacing.
Common section categories include:
| Section category | Example use |
|---|---|
| Text & image | Hero areas, feature highlights, product introductions. |
| Text | Copy-heavy announcements, descriptions, or messages. |
| Images | Image galleries, banners, product visuals. |
| Headers | Logo, navigation, headline, or top-of-email structure. |
| Footer & signatures | Footer links, sender information, signatures, unsubscribe areas. |
| Empty columns | Custom multi-column layouts. |
Users can drag a section into the canvas and then edit its blocks, layout, and style.
Saved Sections
Saved sections are custom sections saved by the user for reuse.
Use saved sections for content that appears repeatedly across emails, such as:
- Headers
- Footers
- Logos
- Legal text
- Brand signatures
- Common promotional sections
- Reusable product layouts
If the Saved tab is empty, users can create or save a section first, then reuse it later.
Saved sections help teams keep common email parts consistent across campaigns.
Editing Blocks and Sections
After adding a block or section to the canvas, users can select it and edit its settings.
Depending on the selected item, the editor may show controls for:
- Text
- Images
- Links
- Background color
- Border
- Rounded corners
- Padding
- Alignment
- Visibility on desktop or mobile
Section-level visibility settings may take priority over internal block visibility settings.
Blocks vs Sections vs Saved Sections
| Item | Best for |
|---|---|
| Blocks | Building specific content piece by piece. |
| Sections | Adding complete layout patterns quickly. |
| Saved sections | Reusing custom sections across emails. |
What Integrators Should Know
Blocks, sections, and saved sections are part of the editor user experience. They do not change the embed flow or API flow.
Your integration still opens the editor with:
- One-time code
- Email ID
- Optional language setting
When the End User saves, the final email content is returned to your backend through the Push URL callback.
Training Notes
When training End Users, explain the difference like this:
- Use Blocks when you need one specific element.
- Use Sections when you want a ready-made layout.
- Use Saved when you want to reuse a custom section created earlier.
Encourage users to save repeated headers, footers, and brand sections so future emails can be built faster and more consistently.
Updated about 1 month ago