Fill in your brand name, headline, message and call-to-action, choose a color theme, and get a complete, table-based HTML newsletter template with a live preview — copy the code straight into your ESP's custom HTML editor.
Modern CSS layout tools like flexbox and grid have patchy support across email clients — Outlook desktop in particular still renders using a Word-based engine with very limited CSS support. Table-based layout with inline styles remains the most reliable way to get consistent rendering across Gmail, Outlook, Apple Mail, Yahoo and the many other clients your subscribers might use, which is why every major email service provider's own template builders still generate markup this way under the hood.
The generated template includes a header band with your brand name, a body section with a headline, intro paragraph and a prominent call-to-action button, and a footer with your custom text plus a placeholder unsubscribe link — the essential structure of a standard newsletter, kept intentionally simple so it's easy to extend.
Most email service providers (Mailchimp, Klaviyo, Constant Contact and similar) offer a 'custom HTML' or 'code your own' template option — paste the generated code there directly. You'll likely want to replace the placeholder unsubscribe link with your ESP's merge tag for unsubscribe (most platforms auto-insert compliant unsubscribe handling, or provide a specific tag to use), since this generator can't know your specific platform's syntax.
Once you've copied the code into your platform, send yourself a test email before the real campaign goes out — even table-based HTML can render slightly differently across clients, and a quick test catches spacing or color issues that the in-browser preview here can't fully replicate for every possible inbox. It's also worth checking how the template renders in dark mode, since some email clients now automatically invert colors, which can occasionally clash with a template's chosen accent color if it wasn't designed with that in mind.
Yes, in general — paste the HTML into your platform's custom code editor. You'll want to swap the placeholder unsubscribe link for your platform's specific unsubscribe merge tag before sending, since compliance links are usually platform-managed.
The iframe renders the generated HTML in isolation, exactly as an email client would show it, without your browser's own page styles interfering — giving a more accurate preview than embedding the HTML directly on the page.
This generator produces a single clean section with one call-to-action, which covers the most common newsletter format. For a more complex multi-section layout, use this as a starting structure and extend the HTML manually.
It uses a fixed 600px-wide table, which is the long-standing safe default for email — it displays properly on both desktop and mobile inbox apps, which generally scale email content on smaller screens automatically.
No. Everything is generated and held in your browser tab only, for the live preview and code output — nothing is saved or transmitted.