Post-Purchase Email for Supplements

Supplements live and die on adherence. A customer who never builds a taking habit in the first week rarely refills, and a customer who does not refill is lost. This email lands the day the bottle arrives. It teaches the routine and nudges the one-time buyer toward a subscription before the bottle empties at day 30.

Trigger on delivery, not purchase. Klaviyo's Fulfilled Order event (or a Delivered metric from your integration) fires when the package lands, so the usage instructions arrive with the product instead of two days early. Day 3 or 4 after order is the sweet spot. Post-purchase emails in supplements routinely open at 40 to 60 percent because the customer just paid and expects to hear from you.

The offer that fits this vertical is the refill, not a discount on a second bottle. Move the buyer to subscribe-and-save with a 15 percent incentive, and time the next shipment to land a few days before this bottle runs out. One-time buyers who convert to subscription spend roughly 2 to 3 times more over a year. Pair the refill with one complementary product at full price, a SKU that compounds the effect rather than another flavor of the same thing. Magnesium plus vitamin D3 and K2 is a classic stack because the two work together on absorption.

Copy does two jobs: set the routine and set expectations. Give an exact dose and an exact time of day. "Two capsules with dinner" outperforms "take daily." Then set the timeline so the customer does not quit in week one. Most supplement effects show up at 10 to 14 days, and saying so prevents the "I do not feel anything" churn. Keep claims structure-and-function only, never disease claims, and run the FDA disclaimer under every benefit sentence.

The single CTA is the subscription. "Set up my refill, save 15 percent" beats "Shop now." If the buyer is already subscribed, suppress this block with a subscription-status filter and show a reorder cross-sell instead. Never offer subscribe-and-save to customers who already subscribe.

This template compiles to the kind of HTML that survives Gmail, Apple Mail, and Outlook because it uses the rendering primitives email clients actually support.

Layout is nested tables, not divs or flex. Outlook and Gmail strip flexbox and clip float layouts, so every section is a table, row, and cell. MJML outputs that structure automatically from the mj-section and mj-column components.

Every style is inline. Gmail removes the head style block, so a class on an element does nothing in Gmail web. This template inlines color, font-size, and padding on each cell, and the email looks the same with or without the head styles.

The CTA is a bulletproof button. Outlook 2007 through 2019 render email with the Word engine, which ignores border-radius and padding on anchor tags. The button falls back to a VML rectangle with mso styles, so the full area stays clickable in Outlook and shows rounded corners everywhere else.

Headlines and the dose instructions are live text, not images. Gmail and Apple Mail block images by default until the recipient clicks, and screen readers skip image alt-only copy. Live text also adapts to dark mode where a flat image would not.

Dark mode uses the color-scheme meta. A single meta tag in the head tells Apple Mail and Outlook.com the email supports both light and dark, so backgrounds and text swap predictably instead of inverting into unreadable combos.

One media query, kept lean. A single max-width 600px rule stacks the columns and resizes the headline for phones. Gmail clips the head style block past roughly 16KB, so the responsive CSS stays small and lives in one block.

Web fonts carry a fallback. The brand font is declared in the head with a Helvetica, Arial, sans-serif stack behind it. Outlook ignores web fonts entirely, and the fallback carries the design without breaking.

Open the template and copy the compiled HTML. If you are pasting the MJML directly, Klaviyo now accepts MJML in its builder, or you compile it at mjml.io and copy the HTML out.

In Klaviyo, open the post-purchase flow, drag an HTML block into the email, and paste. In Mailchimp, choose Code Your Own, then Paste in Code. Both render table-based HTML unchanged.

Re-skin to the brand. The brand colors live in one mj-attributes block at the top of the MJML. Swap the forest green, cream, and clay hex values, drop in the logo image URL, and point the button at your subscription page.

Wire the merge tags. First name: Klaviyo uses {{ first_name|default:'there' }}, Mailchimp uses *|FNAME|*. The product name comes from the order in Klaviyo with {{ event.extra.items.0.product.name }} or your Mailchimp product merge field. The refill link should point at your subscription page pre-filled with the SKU, for example /pages/subscribe?variant={{ variant_id }} in Klaviyo or *|SUBSCRIBE_URL|* in Mailchimp.

Use a subscription-status filter so the refill offer reaches one-time buyers only. In Klaviyo, filter on Placed Order and exclude Subscription First Order so you do not offer subscribe-and-save to a customer who already subscribes. Show those subscribers a reorder cross-sell instead.

Test before it goes live. Send a real test order through so the merge tags resolve with real data. Read it in Gmail web and mobile, Apple Mail in light and dark, and Outlook on Windows. Confirm the VML button is clickable in Outlook and the dose instructions are legible in dark mode.