Documentation

Email Builder

A reference for what the editor does today. Everything described here is available now, in the browser, without an account.

Getting started

  1. 1
    Open the editor
    Go to the editor. You start with a single empty row. Nothing to install, no sign-up.
  2. 2
    Add a row layout
    Below the email canvas, choose 1 column, 2 columns or 3 columns to append a new row. Rows stack top to bottom and each column is a drop target.
  3. 3
    Drag a block onto the canvas
    Pick a block from the left sidebar and drag it into a column. The column highlights when you are over a valid drop target.
  4. 4
    Edit it
    Click a block to select it — its settings appear in the right-hand property panel. Text and Button blocks also support double-click to edit their words directly on the canvas.
  5. 5
    Rearrange or delete
    Drag a block to move it within a column or across into another one. A selected block shows a delete badge, and the property panel has a Delete block button. Hover a row to reveal its delete control.

Block types

The sidebar offers eleven block types, grouped into Content, Structure, and Media & Social.

Text
A paragraph of text. Double-click on the canvas to edit it inline; the property panel controls font size, colour, alignment, line height and padding.
Rich Content
Formatted text with bold, italics, links and lists. Double-click to edit inline with a small formatting toolbar.
Image
An image loaded from a URL you provide. Until you set a URL it renders as a placeholder. You can set alt text, an optional link, width and alignment.
Button
A call-to-action button. Double-click to edit the label inline. The panel sets the destination URL, background and text colour, font size, corner radius and alignment.
Divider
A horizontal rule for separating sections. Colour, thickness and padding are adjustable.
Spacer
Vertical empty space. Drag the height slider to add breathing room between blocks.
Social
A row of social icons. Each network (Facebook, X, Instagram, LinkedIn, YouTube) takes a URL — leave one blank to hide it. Icon size and alignment are adjustable.
Video
Email clients cannot play embedded video, so this block exports as a clickable thumbnail image linking to your video URL. Set both the video URL and a thumbnail image URL.
HTML
Raw HTML passed straight through to the export untouched. Useful for markup the other blocks do not cover. Nothing is validated for you.
Footer
Footer text plus an unsubscribe link. The unsubscribe URL is required — see Exporting HTML below.
Signature
A ready-made personal signature: photo, name, role, contact details and social links, laid out as a two-column photo-and-text card.

Saving and your data

The editor auto-saves your current design to this browser every five seconds, and again when you leave the editor. Reopening the editor in the same browser restores your last working design. This keeps your work-in-progress safe, but it only keeps one design — each new session overwrites the previous one.

Saving as a reusable template. To keep a design you want to return to later, click the Save as Template button in the editor toolbar. This adds the design to your Templates page, where it stays until you delete it. Templates are not created automatically — you must save each one explicitly when you are happy with it.

Saving is local to one browser. Clearing your browsing data, using private/incognito mode, switching browsers, or moving to another device will lose your designs and templates — there is no copy anywhere else. Export a file if you want to keep it.

Backing up properly. Use the Export design (JSON) button in the toolbar to download a portable file containing your full design. The Import button loads that file back in — on any browser or machine, with every block, style and ordering intact. This is the reliable way to move work between computers or keep a long-term archive.

Account sync. Cloud sync is available to Pro subscribers, with no invitation needed. With an active Pro subscription, your saved templates and uploaded images sync to your account and follow you across devices.

Exporting HTML

Export HTML compiles your design with MJML and downloads a single, self-contained.htmlfile. The output uses table-based layout with the conditional comments that Outlook needs, and inline styles, so it can be pasted into an email service provider or sent directly.

Images are referenced by URL rather than embedded, so any image you use must be publicly reachable on the internet for recipients to see it.

The unsubscribe requirement. If your design contains a Footer block, export is blocked until you fill in its Unsubscribe link URL. There is no placeholder or default. Commercial email in most jurisdictions — including CAN-SPAM in the US and GDPR/PECR in the EU — requires a working opt-out, and a broken or unresolved unsubscribe link is a compliance problem for the person who sends the message. Paste the real unsubscribe URL from your email provider.

Keyboard shortcuts

Ctrl + S
Save now (Pro subscribers also save to their account for cloud sync)
Ctrl + Z
Undo — up to 20 steps
Ctrl + Shift + Z
Redo
Ctrl + E
Export HTML

On macOS use ⌘ in place of Ctrl. Undo and redo are ignored while you are typing inside a text field, so your browser's own text undo keeps working.