Opening the editor
In the campaign builder, the Design step is where you choose a starting point; picking one opens the editor on the next step, Content. The same editor opens when you create or edit an email template, and when you configure an Email step inside an email automation. It 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. The block names stay in English in every language:
- 1 Section — a full-width section container. Drop other blocks inside.
- 1/2 Section — a 50/50 split section.
- 1/3 Section — a three-column section, each column a third wide.
- 3/7 Section — a two-column section with a narrow left column and a wider right column.
- Button — a call-to-action button with a link. Customize the label, URL, color, and padding.
- Divider — a horizontal rule to visually separate sections.
- 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.
- Quote — a pull-quote block for highlighted excerpts.
- Link — an inline text link.
- Link Block — a whole block that acts as one clickable link, so you can wrap an image or a layout in it.
- Grid Items — two components side-by-side in a row.
- List Items — a list of two stacked components.
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 Fields, Custom Fields and Reserved variables. 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 (added to the footer automatically if you don't place it yourself)- Any custom field tags you've created — e.g.
{{plan}},{{company}}
Merge tags also work in the subject line and preheader — type them into those inputs the same way. The dashboard keeps showing the raw tag; the real value is filled in for each recipient when the email is sent.
If a subscriber has no value stored for a tag, the tag is left visible in the sent email — {{name}} arrives as literal {{name}}. To avoid that, add a fallback after a pipe inside the tag: {{name|there}} sends "there" whenever the name is missing or empty. An empty fallback ({{name|}}) leaves the spot blank instead.
Multi-column layouts
Drag a 1/2 Section, 1/3 Section or 3/7 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
The editor's top bar has device buttons for desktop, tablet and mobile widths. Switch between them to confirm the layout looks correct at all three before sending, and use the preview toggle beside them to hide the editing outlines and see the email the way a recipient will.
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.
The same toolbar also holds Load content (drop in a saved template or a recent email), Send test mail and Generate with AI.
Saving your work
In the template editor, click Save. In the campaign builder, click Next: Review and schedule to save and move on. 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 and schedule step. To reuse the design in future sends, save it as an email template.