Loading page
About this tool
A drag-and-drop email template builder optimized for Gmail and marketing campaigns.
Gmail Template Builder is a drag-and-drop email composer that outputs table-based HTML with inline styles — a 600px-wide centred layout, MSO table hints and a max-width: 600px media query — which is the structure email clients like Gmail and Outlook actually render reliably. You stack nine block types (text, header, image, logo, button, divider, signature, social links and footer), edit padding, colour, size and alignment per block, then export the finished HTML or the layout as JSON. It is for marketers and developers who need a campaign or transactional template that survives Gmail's HTML stripping without hand-writing nested tables.
Open Gmail Template Builder on AltFTool — it loads instantly in your browser.
Drag a block from the Components palette — Text Block, Image Block, Button Link, Divider Line, Header Area, Footer Area, Signature Block, Logo/Brand or Social Media — onto the canvas, which starts on Start Building Your Email until the first block lands.
Click a block to open its Edit panel and set values such as Text Color, Font Size (px), Text Alignment, Border Radius (px) and the four Padding fields; drag the grip handle to reorder, Delete Component removes the block, and History gives you Undo, Redo and Clear.
Press Export HTML or Export JSON to open the Generated Email HTML or Generated Email JSON window, then Copy to Clipboard — a Copied to clipboard! confirmation appears. Blocks stay saved in your browser between visits, and Clear empties the canvas after a confirmation.
Every block becomes a table row with inline styles, plus mso-table-lspace/rspace resets and bicubic image handling, because Gmail and Outlook strip most stylesheet rules.
Each change is pushed onto a history stack you can step back through, and the current layout is written to your browser so a refresh does not lose the template.
The CTA block renders as a padded anchor with its own background, border-radius and inline padding, which is the pattern that keeps buttons tappable where CSS buttons fail.
A centred 600px-max-width table — the long-standing safe width for email — inside a full-width body, with a media query at max-width: 600px that lets the outer table and full-width images stretch to 100% on phones. Images also carry max-width: 100% and height: auto inline so they scale even where the media query is ignored.
Nine: text, header, image, logo, button, divider, signature, social media links and footer. Each one arrives with sensible defaults — for example the button ships at 12px vertical and 24px horizontal padding with a 5px radius — and every padding, colour, font size and alignment value is editable in the side panel.
Yes. The block list is written to your browser's local storage on every change and reloaded when you return, and nothing is uploaded to a server. Clearing the template or clearing site data removes it, so export the HTML or JSON if you need a permanent copy.
Two ways: the HTML export gives you the complete document with doctype, head styles and inline-styled table body ready to paste into a sending platform, and the JSON export gives you the raw block array with every style property so you can version it or feed it into your own tooling.