heyyoshi
heyyoshi / Email templates / Mailplate
Live on the Chrome Web Store, free

Send a good-looking email from Gmail. No HTML needed.

Your email arrives looking the way you built it. Pick a design, click any text in it and type over it, with no code and no builder to learn. Already have HTML? Paste it in, and the design Gmail would normally wreck on Send lands intact instead.

Free, no account, and it installs in one click. Chrome, Edge and Brave, for Gmail on the web.

The Mailplate template picker open in a Gmail compose window, with a template previewed beside the list of built-in designs.
The problem

Why your HTML email arrives broken

The message looks right to you and wrong to everyone who receives it. Gmail's compose window renders like a browser; its sender does not, so the moment you press Send it rewrites your markup and silently discards everything on the left.

Removed by Gmail on send

  • <style> blocks and external CSS
  • class and id attributes
  • CSS Grid, entirely
  • Flexbox alignment properties
  • position: absolute and fixed
  • Media queries and web fonts

What Mailplate does about it

  • Folds every <style> rule into inline styles
  • Keeps the styles you wrote by hand
  • Flags grid and flexbox before you send
  • Warns about images that will not load
  • Shows the phone view without a test send
  • Ships designs built to survive all of it
What you get

Build a designed email and see how it lands

It stays private and works offline, with no account and no limit on how much you use it, because it all runs on your own machine.

A headline in the template preview being edited directly, with new text typed inline.

Edit it where you read it

Click straight into the preview and start typing. Change the headline, rewrite the paragraphs, relabel the button, and the text picks up the design styling as you go. There is nothing to learn and no markup to hunt through.

The compatibility panel listing four warnings about a pasted template Gmail would break.

It tells you what Gmail will break

Paste a design from anywhere and Mailplate checks it while you watch: grid and flexbox layouts, absolute positioning, images that will not load for the recipient, missing background colours that dark mode apps will recolour. Each warning says what to use instead, while you can still change it.

The same template previewed at phone width, scaled rather than clipped.

See the phone view before you send

Most email is opened on a phone. Switch to Mobile and the message is scaled exactly the way Gmail's app renders it, not cropped and not guessed at. No need to send yourself a test and squint at it.

The Mailplate picker rendered in dark colours to match Gmail's dark theme.

It looks like it belongs in Gmail

The Templates button sits next to Send, and the picker follows whichever Gmail theme you use. It reads the actual page rather than your operating system, so it matches even when the two disagree. Undo still works after inserting, and your draft saves normally.

Without the mouse

Pick a template and fill it in without the mouse

Go from picking a design to filling in the last blank without reaching for the mouse. Neither shortcut adds a setting, needs learning before the extension works, or takes a key Gmail already uses.

;;

Pick a template without leaving the keyboard

Type two semicolons and the list appears at the cursor. Keep typing to narrow it, Enter to insert. It has to start a word, so a semicolon in an ordinary sentence cannot set it off.

Tab

See what you still have to fill in

After inserting, the parts in square brackets are highlighted. Tab jumps between them, and clicking one selects the whole of it so the next thing you type replaces it. A small bar says how many are left and disappears once the last one is done.

In practice

From a blank compose window to a designed email

1

Compose

Open Gmail and hit Compose. A Templates button appears next to Send.

2

Pick and edit

Choose a design, then click into the preview and type your own words over it.

3

Insert and send

It becomes normal Gmail content. Adjust anything inline, then send as you always do.

Templates to start from
Browse all 24 →

Start from a design that already survives Gmail. Five ship with Mailplate, and the library on this site adds 24 more for the emails people actually send - all free, all table first, all editable once they are in your message.

Price

Free today

Mailplate costs nothing to use, with no account, no limits and no ads. It also costs nothing to run, because there is no server and everything happens inside your browser, so there is no pressure on it to change.

Being straight with you: that is how it is today, not a promise carved into stone forever. What it will not be is a bait and switch. Nothing you have already installed is going to start demanding money, and if a bigger tool ever justifies a price, it will say so on its own page before you install it.

Help

Get a direct answer

Hit a bug, or something not behaving? Send it through the Support tab on the Mailplate Chrome Web Store listing. Messages there reach me directly, and I answer all of them. Most questions are covered below first.

Questions
Do I need to know HTML?

No, that is the whole point. Pick one of the built-in designs, click into the preview and type over the words. The HTML is there if you want it, in a Code tab, but you never have to open it.

Can Mailplate read my email?

It runs only on mail.google.com, and only touches the message you are currently writing. It makes no network requests of any kind, because there is no server to send anything to. Your templates are stored on your own computer, and you can confirm it in ten seconds: open your browser Network tab while using Mailplate and watch it stay empty.

Will my design look right in Outlook too?

The built-in designs are table based with inline styles, which is the most portable shape email markup has, and they hold up well across clients. Mailplate warnings target Gmail specifically, since that is what it can check precisely. For a high stakes campaign, test with a service like Litmus or Email on Acid.

Why do my images not show up?

Images have to be hosted somewhere public and linked with an absolute https URL. Relative paths cannot resolve for a recipient, and embedded data images are frequently stripped. The easy way round it: insert your template, then drag the image straight into the compose window, and Gmail attaches it inline where it displays reliably.

Does it work in the Gmail mobile app?

No. Chrome extensions cannot extend the Gmail mobile apps at all, which is a platform limit rather than a missing feature. Mailplate works with Gmail on the web in any Chromium browser. Emails you send are of course readable everywhere, which is what the phone preview is for.

Why two semicolons rather than a slash?

Because Gmail already uses the slash. An empty compose window offers to write for you when you press it, and an extension should not take a key away from the application it is running inside. Two semicolons belong to nobody, need no modifier on a normal keyboard, and cannot appear in ordinary writing.

Will the quick menu fire when I do not want it?

It has to start a word, so a semicolon in the middle of a sentence cannot reach it. Escape dismisses it, and so does carrying on typing something it does not match.

Does the highlighting show up in the email I send?

No. It is painted by the browser over the text rather than written into the message, so there is no markup carrying it and nothing for the recipient to receive. Placeholders you leave in arrive as plain text in square brackets, with no colour and no underline.

What happens to my templates if I uninstall?

They live in your browser local extension storage, so removing the extension removes them too. If you have a template you care about, open the Code tab and copy the HTML out first.