Skip to content
mailblocks

Embeddable email editorEvery email is a stack of blocks.

Mailblocks gives your product a drag-and-drop email builder in one script tag. Your users design responsive emails, your app receives clean HTML and MJML, and nobody has to fight Outlook again.

Start free trialTry the live editor

14 days free, no card. Works on localhost from the first minute.

  • Image
  • Heading
  • Columns
  • Button
  • Divider
  • HTML

Block library

Every block your users reach for.

Each block exports to MJML that renders the same in Gmail, Outlook and Apple Mail. Nothing to configure.

  • Heading
  • Text
  • Image
  • Button
  • Columns
  • Wrapper
  • Divider
  • Spacer
  • Social
  • Table
  • HTML
  • AI draft

Integration

Three steps, and the editor is in your app.

  1. 1

    Add the script

    One tag, a few kilobytes. The editor itself loads from Mailblocks inside a sandboxed frame.

  2. 2

    Mount it

    Point it at an element, pass your public key and the id of the person editing. That is the whole setup.

  3. 3

    Save the result

    On save you get the HTML to send and a design JSON to store. Load the JSON back any time to keep editing.

<div id="editor" style="height: 720px"></div>
<script src="https://customer.mailblocks.app/sdk/v1.js"></script>
<script>
  const editor = Mailblocks.mount('#editor', {
    publicKey: 'pk_live_…',
    user: { id: currentUser.id },
    onSave: ({ html, design }) => saveTemplate(html, design),
  });
</script>

For the people using it

Your users get a real editor, not a form with a preview.

Drag, drop, done

Sections, columns and blocks snap into place. Undo, redo and keyboard shortcuts work the way people expect.

Responsive by default

Preview on desktop and mobile, hide blocks per device, and trust the output in every major inbox.

Dark mode, designed

Give any colour a dark variant. Mailblocks writes the media queries so the email looks deliberate in dark inboxes.

Merge tags

Offer your own placeholders, grouped and labelled. The syntax is yours: Handlebars, Liquid or anything else.

Image library

Uploads, folders, search and import from a URL. Hosted by us, or pointed at your own storage.

Start from an existing template

Paste an MJML template, as tags or JSON, and it opens as editable blocks instead of a blank page.

AI template builder

A first draft in the time it takes to describe one.

Users build a sentence step by step and get a complete, editable template made of real blocks. Not a screenshot, not a wall of HTML.

Create a newsletter email for Northwind Coffee about autumn roasts, in a friendly tone, asking readers to shop now.

  • Eight guided steps, or free text where it helps
  • Output is MJML, imported as editable blocks
  • Monthly allowance per plan, counted on our side
  • Prompts run on our servers and are never shipped to the browser
How the AI builder works →

White label

It wears your colours, not ours.

Pass a theme and every panel, button and dialog follows it: accent, surfaces, borders, fonts, corner radius, light and dark. The Mailblocks badge goes away on paid plans.

Licensing

Licensed to your domains. Useless anywhere else.

You never download the editor, so there is nothing to leak. It runs in a frame that only renders on the domains on your licence.

  • app.yourproduct.com Licensed
  • staging.yourproduct.com Licensed
  • localhost:5173 Local · always allowed
  • copy-of-your-app.net Not licensed · stays blank

frame-ancestors · signed · watermarked

Domain locked

The browser itself refuses to show the editor on a site that is not on your licence.

Nothing shipped

Your bundle contains a tiny loader. The editor code stays on our servers and is watermarked per licence.

Signed users

Optionally sign user ids on your server so nobody can open sessions in your name.

Fair metering

You pay for monthly active editor users, not page views. Local development is always free.

Read the security notes →

Pricing

You pay for the people who open the editor.

Every plan includes the full editor, the AI builder and the image library. Start with a 14-day trial.

Startup

For a first product putting email design in its users’ hands.

$49per month

  • 50 active editor users / month
  • 1 production domain
  • 150 AI generations / month
  • 5 GB image storage
Start with Startup

Growth

Recommended

For products with several apps, tenants or environments.

$129per month

  • 250 active editor users / month
  • 3 production domains
  • 1,000 AI generations / month
  • 25 GB image storage
Start with Growth

Business

For platforms where email design is part of daily work.

$299per month

  • 1,000 active editor users / month
  • 10 production domains
  • 5,000 AI generations / month
  • 100 GB image storage
Start with Business

Enterprise

Custom allowances, contracts and support for large platforms.

Custom

  • 10,000 active editor users / month
  • 50 production domains
  • 25,000 AI generations / month
  • 100 GB image storage
Talk to us
Compare plans →

Questions developers ask first

Do I need a backend change?

No. The editor gives you the HTML and the design JSON in the browser; save them wherever you already store content. Signing user ids is optional and takes one line on your server.

Which frameworks does it work with?

Any. The SDK is plain JavaScript with no dependencies, so it works in React, Vue, Svelte, Angular, Laravel Blade, Rails or a static page.

What exactly is an active user?

A distinct user id that opens the editor during a calendar month. The same person editing fifty times still counts once. Sessions on localhost and .test domains are never counted.

Can I host the editor myself?

The editor runs on Mailblocks so it can stay licensed and up to date. Your designs, your HTML and, if you want, your images stay on your own infrastructure.

Put a proper email editor in your product this week.

Start the trial, paste three lines, and send the first email your users designed themselves.

Start free trialRead the docs