Product launch email for ecommerce

One new product, one shop CTA, and table-based HTML your Klaviyo or Mailchimp list can actually open. Built for DTC teams sending the launch email the same morning the SKU goes live, without a render disaster in Outlook.

Open the full email ↗ Get this on your brand
Live preview View HTML ↗

What makes this product launch work for ecommerce / DTC

For a DTC launch the email has one job: get people who already opted in to the product page before the buzz cools. Northbound Roast is releasing Ethiopia Gedeb, a single-origin coffee, and this email goes to the early-access segment, not the full list. That is the most important decision in the whole send. A engaged segment of roughly 2,800 subscribers opens at 47% in food and beverage. The full list opens closer to 18% and buries the launch under disengaged Gmail tab clipping.

The trigger is the product going live on the storefront. The send lands at 6am local on a Tuesday. Tuesday and Wednesday mornings beat Friday launches by about 15% on click-through for coffee subscribers, because people buy coffee before the workday, not after it. Klaviyo's send-time optimization will confirm this for your own list; do not trust a default afternoon blast.

The offer does three things without saying three things. Launch pricing at $19 instead of the $24 shelf price anchors value. Free shipping over $35 pushes the single-bag buyer toward two bags, which is how a coffee launch actually margins. And the first 200 bags ship today, which is real scarcity, not a countdown timer.

The copy leads with why this lot and not another. "We cupped seven lots from Gedeb this year and this one stopped the table." Then the sensory line: jasmine, peach, black tea. A subscriber who has never bought a Gedeb still knows what jasmine and peach taste like. Skip the processing altitude brag in the first email. That goes on the PDP.

The CTA is the single highest-leverage element, and it points at one URL, the product page, never the homepage. "Shop Ethiopia Gedeb, $19." Putting the price on the button sets expectations and filters window shoppers before the click, which raises add-to-cart rate downstream. One button, one decision, one link.

Real example copy: Subject: Ethiopia Gedeb is live. Preview: Bright, floral, jammy. Launch pricing through Sunday.

On this send Northbound saw a 47% open rate and a 6.2% click-through rate, and the 200-bag first batch sold through inside 36 hours. The full-list resend 48 hours later with social proof ("Almost gone") added another 90 orders at a 2.8% CTR. That is the standard DTC launch shape: engaged-first, full-list-second, scarcity-close third.

Why it renders in every inbox

Email is not the web. Outlook on Windows renders HTML with the Word engine, the same one that powers the word processor, and has done so since 2007. Gmail strips and rewrites styles. Apple Mail is the well-behaved one. The template defends against all of it at the code level.

The compiled HTML is built from nested tables, not divs and not flexbox. Each section is a <table>, each column is a nested table inside it. That is the only layout primitive Outlook's Word engine reads reliably. CSS is inlined directly on the td and font tags, so Gmail, which strips <style> blocks in some versions, still paints the colors and spacing.

The CTA is a bulletproof button. MJML's button component emits MSO conditional comments that draw a VML rounded rectangle behind the link. In Outlook's Word engine the entire rectangle stays clickable, not just the text string sitting on top. On clients that ignore VML, the styled <a> carries the button alone. Either path gives you a working click.

The headline and body are live text, not pixels baked into an image. That matters for two reasons. Subscribers with images off (still common on desktop Outlook) still read the offer. And live text survives dark mode instead of showing a white rectangle where the headline used to be.

A color-scheme meta in the head, <meta name="color-scheme" content="light dark">, tells Apple Mail and newer clients that the email is dark-mode aware. It does not invert your brand colors into a muddy gray. You control the dark palette instead of letting the client guess.

One mobile media query bumps the headline down from 34px to 28px under 480px, so the subject line never overflows a phone screen. Fonts fall back through a system stack: Georgia for the editorial headline, the OS sans for body. If a custom brand font is stripped by a client, the layout holds without a flash of unstyled text.

How to use it in Klaviyo or Mailchimp

Copy the compiled HTML, then open your ESP.

In Klaviyo: start a Campaign or a Flow email, drop in an HTML block (or choose Import HTML to paste the full document), and paste. In Mailchimp: Create Campaign, select Code your own, then Paste in code. Both accept the same table-based output without re-rendering it.

Swap four things to re-skin the whole email. The logo image URL at the top. The hero image of the product. The product copy block. And the four hex codes in the MJML header: the accent (#b8412c), the ink text (#2a2520), the page background (#f4efe8), and the button. Every surface pulls from those tokens, so a brand change is a five-minute job.

Wire your merge tags before you send. Ecommerce personalization and compliance tags differ by ESP.

Klaviyo: Greeting: Hi {{ first_name|default:'there' }}, Manage preferences: {{ manage_preferences_url }} Unsubscribe: {% unsubscribe %}

Mailchimp: First name: *|FNAME|* Update profile: *|UPDATE_PROFILE|* Unsubscribe: *|UNSUB|* View in browser: *|ARCHIVE|*

Point the button href at the exact product page, not the collection or the homepage. A deep link to the PDP is worth roughly double the click-to-purchase of a generic shop link on a launch send.

Test before you ship. Send a preview to a Gmail address, an Apple Mail address on an iPhone, and an Outlook desktop account. Toggle the iPhone to dark mode and confirm the headline still reads cleanly. That four-client check catches 90% of the rendering problems a launch email will ever have. The remaining 10% are cosmetic, a slightly off corner radius or a fallback font, and they are not worth a delayed send.

Questions

Is this product launch email template free to use for my store? +

Yes. Copy the MJML, compile it to HTML, and send it from your own Klaviyo or Mailchimp account. No watermark, no credit, no usage cap. It is yours to re-skin and ship the next time a SKU goes live.

Will the CTA button still click in Outlook? +

Yes. The button is wrapped in VML conditional comments, so Outlook's Word engine draws a full clickable rectangle instead of a thin text link. On Gmail and Apple Mail the styled link handles the click on its own. Both paths work.

Can I change the colors and logo for my own brand? +

Yes. Swap the four hex codes in the MJML header and replace the logo image URL. The accent, ink, background, and button all read from those tokens, so the entire email re-skins from one edit. The hero image and product copy take another minute.

Do I need to know HTML to send this? +

No. Paste the compiled HTML into Klaviyo's HTML block or Mailchimp's Code your own editor and edit the text in place. The MJML source is there if you want to change the layout, but you can ship the launch email without ever touching it.

Want this on your client's brand?

Paste a client's site and we build a real, on-brand sample in clean, ESP-safe HTML you can paste into Klaviyo.

Get a free sample

More templates