Build an email with the drag & drop editor

Templates & contentUpdated

Assemble a responsive email from ready-made blocks in the drag & drop editor, no HTML required.

The drag & drop editor builds a responsive email from a palette of blocks you arrange on a canvas, no HTML required. Drag a block in, click it to edit its text or settings, then save; EmailFig turns what you built into real email markup behind the scenes.

Start building

  1. Open a drag & drop template: either a fresh one (Templates → New template, or from the Gallery’s Drag & drop scratch link) or an existing one (Templates → Edit on a drag & drop template, or any adopted Gallery template; see Use a template from the Gallery).
  2. Drag blocks from the sidebar onto the canvas. The available blocks are Section, Title, Paragraph, Button, Image, Divider, Spacer, Menu, Table, and a raw-HTML block for anything the others can’t express.
  3. Click into any block to edit its content, then use the block’s own settings for things like colour, alignment and spacing.
  4. Personalise text with contact data: type {{ or open the merge tag menu to insert one. See Merge tags: personalise with contact data.
  5. Add images by dropping in an Image block and uploading. See Add images to an email.
  6. Fill in the Template name and Subject line fields above the canvas, then save.

The drag and drop editor with the block sidebar open, listing Section, Title, Paragraph, Button, Image, Divider, Spacer, Menu, Table and HTML, and a Paragraph block being dragged out of it.

The Insert merge tag menu open over a text block, listing each tag with its literal, such as First name and its double-brace contact.first_name tag.

Previewing your work

This editor doesn’t show a live preview as you build. Save the template, then use the Desktop / Mobile toggle on the template’s own page to see how it’ll actually look before you use it in a campaign.

What you can’t do here

There’s no source-code view here. For full control over the underlying HTML, use the HTML editor instead (see Choose an editor: drag & drop or HTML). The raw-HTML block covers most one-off needs (a bit of markup the block palette can’t do) without switching editors entirely.

Next steps