Email template
builder
Assemble an email from simple blocks, preview it live, and export clean, table-based HTML with inline styles — the kind that actually renders in Outlook, Gmail and Apple Mail. Free, and everything runs in your browser.
Add block
Exported HTML
Copy this into any email tool, or download it as an .html file. It uses table layout and inline styles only.
<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="color-scheme" content="light" />
<title>Email</title>
</head>
<body style="margin:0;padding:0;background-color:#f4f4f5;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#f4f4f5;">
<tr>
<td align="center" style="padding:24px 12px;">
<table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px;max-width:100%;background-color:#ffffff;">
<tr>
<td style="padding:16px 24px;text-align:left;">
<h1 style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:28px;line-height:1.25;font-weight:700;color:#1f2933;text-align:left;">Welcome to our newsletter</h1>
</td>
</tr>
<tr>
<td style="padding:8px 24px;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:1.6;color:#1f2933;text-align:left;">Thanks for subscribing! Here is what we have been working on this month — packed with updates, tips and a little something for you.</td>
</tr>
<tr>
<td align="left" style="padding:16px 24px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:separate;">
<tr>
<td align="center" bgcolor="#6d28d9" style="border-radius:8px;">
<a href="https://example.com" target="_blank" style="display:inline-block;padding:12px 28px;font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:600;line-height:1;color:#ffffff;text-decoration:none;border-radius:8px;background-color:#6d28d9;">Read the latest</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>Email HTML is a different beast.
The markup that renders your email is nothing like a modern web page — here is why this tool exports the way it does.
Tables, not divs
Email clients — Outlook especially, which renders with Microsoft Word — have no reliable support for flexbox or CSS grid. Layout has to be built from nested HTML tables, exactly like the web in 1999.
Inline styles only
Many clients strip <style> blocks and ignore external stylesheets, and none of them run JavaScript. Every style has to live in a style="" attribute on the element it applies to, which is what this exporter produces.
Bulletproof buttons
A styled <a> alone collapses in Outlook. Reliable buttons are a table cell with a background color and border-radius wrapping a padded link — so the clickable area survives even where CSS is ignored.
Built a template? Now send it.
Save it, personalize it with merge tags, and send it to your list with Bitelio's editor — deliverability and analytics included. Free to start, no credit card required.