Opening the editor
The email editor opens automatically in step 4 (Design) of the campaign builder. It also opens when you create or edit an email template, or when you configure an Email node inside a workflow. The editor is a full drag-and-drop canvas.
Adding blocks
The blocks panel lists all available content blocks. Drag any block onto the canvas to add it:
- Text — a rich-text block for a single line or paragraph. Click to edit inline with bold, italic, links, and alignment options.
- Text section — a combined heading + paragraph block, useful as a quick starting point for a new section.
- Image — click to upload an image or enter a URL. Always set alt text for accessibility and spam-filter friendliness.
- Button — a call-to-action button with a link. Customize the label, URL, color, and padding.
- Divider — a horizontal rule to visually separate sections.
- Quote — a pull-quote block for highlighted excerpts.
- Grid items — two components side-by-side in a row.
- List items — a list of two stacked components.
- 1-column section — a full-width section container. Drop other blocks inside.
- 2-column section — a 50/50 split section.
- 3-column section — a 33/33/33 split section.
- 30/70 section — a two-column section with a narrow left column and a wider right column.
Editing block content
Click any block on the canvas to select it. A contextual toolbar appears for that block type — use it to change text, set link URLs, adjust alignment, and change colors. The style panel shows detailed styling properties for the selected block, including padding, background color, and font settings.
To reorder blocks, drag them by their handle to a new position in the canvas.
Using merge tags for personalization
A reference panel below the canvas lists every available tag, grouped into Basic, Custom, and Reserved sections. Type tags directly into a Text or Text section block — for example, {{name}} or {{company}}. Common tags:
{{name}}— the subscriber's name{{email}}— the subscriber's email address{{unsubscribeURL}}— the one-click unsubscribe link (required in every campaign)- Any custom field tags you've created — e.g.
{{plan}},{{company}}
If a subscriber has no value stored for a tag, the tag renders as empty text. Add a fallback in your copy — for example, "Hi {{name}}," backed up with "Hi there," for subscribers without a name on file.
Multi-column layouts
Drag a 2-column, 3-column, or 30/70-split section from the block list onto the canvas, then drop other blocks (image, text, button) into each column slot. The column count and width ratio are pre-set per section variant — pick the variant that matches the layout you need rather than configuring columns on a single block. Column layouts collapse to single-column automatically on mobile-width email clients.
Preview desktop, tablet, and mobile
Click the Preview button in the editor toolbar to see a rendered view of your email. Toggle between desktop, tablet, and mobile sizes to confirm the layout looks correct at all three breakpoints before sending.
Override with raw HTML
Two toolbar buttons give you direct HTML access, both backed by a Monaco code editor in a modal:
- Import code — paste in a complete HTML document (e.g. a handcrafted template or an MJML-compiled output). Click Apply to wipe the canvas and replace it with the imported HTML, or Cancel to discard.
- Edit code — loads the current email's HTML for tweaking. Apply writes your changes back to the canvas; Cancel discards them.
Both flows fully re-render the visual canvas from the HTML you supply. Custom inline styles may be partially normalized when returning to the visual editor.
Saving your work
Click Save in the toolbar at any time, or hit Next to save and move on to the Review step. Yaplet warns you if you try to navigate away with unsaved changes.
What's next
When your design is ready, schedule or send your campaign from the Review step. To reuse the design in future sends, save it as an email template.