Email Template Builder
Build a clean, email-safe HTML template in your browser: pick a layout, fill in the copy, watch the live preview, and export the HTML plus a matching plain-text version.
Features
Two layouts: announcement (color banner) and newsletter (quiet header)
Live preview that updates as you type, rendered in a sandboxed frame
Email-safe output: 600px table layout with inline styles only — no external assets
Accent color picker and an optional CTA button (links restricted to http(s) and mailto)
Copy the HTML, download it as .html, or copy a matching plain-text version
Built entirely in your browser — nothing is uploaded
How to Use
Pick a layout and an accent color
Fill in the brand name, headline and body (a blank line starts a new paragraph)
Add an optional button label and link
Watch the live preview update as you type
Copy the HTML and the plain-text version, or download the .html file
Use Cases
Frequently Asked Questions
- Why does my HTML email look broken in Outlook?
- Desktop Outlook on Windows renders email with Microsoft Word's engine, which ignores much of modern CSS — floats, flexbox, background images, max-width. The fix is the old playbook this builder uses by default: tables, inline styles, and a fixed 600px width.
- Why do emails still use tables and inline CSS instead of modern HTML?
- Because email clients never standardized. Style blocks get stripped by some clients, CSS support differs across Gmail, Outlook and the rest, and the one layout primitive they all render the same way is a table with inline styles. It is not nostalgia — it is the lowest common denominator that actually works.
- Should every HTML email include a plain-text version?
- Yes. Sending a text alternative alongside the HTML is standard practice: spam filters treat HTML-only mail with more suspicion, some clients and screen readers prefer the text part, and it costs nothing — this builder writes one to match your template automatically.
- How do I test an email template before sending it to a real list?
- Three free steps: run the copy through our Spam Checker for content red flags, send the template to a temporary address from this site and read it in a real inbox, and send one to yourself in the clients your audience actually uses. Paid preview services render dozens of clients at once when the stakes are higher.
- Can I paste designed HTML straight into Gmail to send it?
- Not directly — Gmail's compose box accepts rich text, not raw HTML source. Use the downloaded .html with an email service or SMTP tool that accepts HTML bodies. For a one-off: open the file in a browser, select all, copy the rendered result, and paste that into compose. Imperfect, but workable.
Related Tools
Spam Checker
Paste a draft and get a transparent content check: 26 weighted rules, a 0–10 score, and the exact quoted evidence and a concrete fix for every triggered rule. No black-box scoring, nothing uploaded.
Email Validator
Check any address with real checks: strict syntax validation, a live DNS MX lookup, disposable-domain and role-account detection, and typo suggestions — one address at a time or up to 100 in bulk.
Email Tracker Detector
Find out who is tracking an email you received: hidden pixels, redirect-wrapped links and identifier tokens, matched against 40 named tracking services — analyzed entirely in your browser.
Need a Temporary Email?
Get your free temporary email address to use with this tool.