How to use the HTML Email Template Builder
- 1. Add contentBrand or logo, preheader, headline, body paragraphs and a button.
- 2. Set the footerYour postal address and a working unsubscribe link.
- 3. Download and testImport into your email tool and send tests to several inboxes.
What gets built
The output is a complete HTML document about 2.6 KB in size: a grey background, a white card 600 px wide with a header bar in your accent colour, your headline, paragraphs from the body box (a blank line starts a new one), a button and a footer with your address and an Unsubscribe link. A hidden preheader div sets the preview text that inboxes show after the subject. The button text switches between white and black depending on which reads better on your accent colour.
The preview runs in a sandboxed frame with scripts and links disabled, so you can look safely.
Why emails still use tables
- Outlook for Windows renders email with an engine that ignores much of modern CSS, including flexbox and grid.
- Many email apps strip style blocks, so styles are written inline on each element.
- Gmail clips messages larger than about 102 KB, so keep templates lean.
- Use web-safe fonts like Arial; custom fonts fail in many inboxes.
Your text is escaped, so characters like < and & display correctly. Marketing emails need an unsubscribe link and a real postal address, so the tool will not build without the link. Replace {first name} with your email platform's merge tag. Check the subject with the email subject line tester and track results with the email open rate calculator.
Frequently asked questions
Will this work in Mailchimp or Brevo?
Yes. Most email tools let you import or paste custom HTML. Replace the unsubscribe URL with their merge tag if they provide one.
Does it support dark mode?
Email apps apply dark mode in different ways. The simple colours here usually adapt acceptably, but always test.
Is the HTML Email Template Builder free?
Yes, the HTML Email Template Builder is free. The first time you build your first email, you are asked for your name and WhatsApp number once. After that, this and every other Uncodemy tool opens straight away without the form.