Abandoned Cart Email for Supplement Brands

Supplement carts die for specific reasons. The shopper is comparing ingredient panels, price-checking Amazon, second-guessing whether the bottle is worth $34, or stalling on a subscription. A generic "you left something in your cart" line does not move them. This template is built around the four things that actually close supplement buyers.

Trigger and timing. Fire the first email 1 hour after checkout starts. Supplement shoppers are high-intent but research-heavy, and the one-hour window catches them before they tab over to a competitor. Run a three-email series at 1 hour, 24 hours, and 3 days. Most recovery happens inside email 1.

Offer. Lead with subscribe-and-save, not a flat discount. Supplements are recurring-revenue products, and a 20% subscribe-and-save plus free shipping beats a one-time 15% off on both margin and lifetime value. Hold the flat discount in reserve for email 3 as a last resort.

Copy angle. Reassurance first. Put NSF Certified for Sport, third-party batch testing, and a 60-day money-back guarantee above the fold. Add a ships-today deadline ("Order by 2pm ET for same-day shipping") to force the click. Skip disease and cure claims entirely. The FDA disclaimer lives in the footer where it belongs.

CTA. One button, one job. "Complete my order" linked to the populated cart. Resist stacking a second CTA; supplement recovery is single-action.

Real example. Verdant Labs runs this exact series for their Magnesium Glycinate ($34, 90 capsules). Email 1 recovers 8% of carts at the 1-hour mark with no discount, just the NSF badge, the 2pm shipping cutoff, and the guarantee. Email 2 at 24 hours adds the 20% subscribe-and-save pitch and recovers another 4%. Email 3 at 3 days closes 2% more with a flat 15% off and the line "Join 40,000 sleepers." Series revenue per recipient lands around $0.42.

The HTML is engineered to survive the renderers that break everything else.

Nested tables, not divs or flex. Every section is a table with rows and cells. Outlook's Word engine ignores flexbox and grid entirely, and Gmail strips style blocks it does not like. Tables are the one layout method every renderer still parses.

Inline CSS. Every text color, font size, and padding value sits directly on the element. Gmail drops style rules that are not inlined, so inlining is the only way colors and spacing hold up.

Bulletproof VML button for Outlook. The CTA uses the v:roundrect VML pattern so Outlook renders a real filled rectangle with working padding instead of a thin collapsed strip. The link fires in Outlook, and the button still degrades to a styled anchor everywhere else.

Live text, not images. Product name, price, the NSF line, and the CTA are real text. Images get blocked by default, and live text delivers the message with or without images on.

Dark-mode color-scheme meta. The head carries a color-scheme meta so Apple Mail and iOS invert the white background cleanly instead of dumping a half-broken dark palette. The earthy green palette was picked to survive both modes.

One mobile media query. A single max-width 480px rule stacks the two-column product block and shrinks the hero image. No multiple breakpoints, no fragile code.

Web-font fallbacks. The font stack falls back to system fonts (-apple-system, Segoe UI, Helvetica, Arial) so the email never ships a broken font link or a layout shift.

1. Copy the HTML. Export the MJML to HTML, or copy the compiled output below.

2. Paste it in. In Klaviyo, drag an HTML block into your abandoned-cart flow email and paste. In Mailchimp, choose Code your own, then Paste in code.

3. Swap brand, colors, and links. Replace the Verdant Labs logo URL, the product image, and the three hex values (background #F4F1EA, text #2C3A2E, button #3E6B47) with your brand palette. Update the cart link.

4. Wire the merge tags. In Klaviyo, replace the static product details with dynamic tags: {{ item.name }} for "Magnesium Glycinate," {{ item.line_price }} for $34, {{ item.image_url }} for the bottle image, and {{ item.url }} for the cart link. In Mailchimp, use *|PRODUCT_NAME|*, *|PRODUCT_PRICE|*, and the product image merge from your e-commerce sync. Leave the FDA disclaimer as plain text in the footer.

5. Test before you send. Send a live test to Gmail (web plus Android), Apple Mail (macOS and iOS, both light and dark), and Outlook on Windows, the renderer that punishes shortcuts. Confirm the FDA disclaimer still sits in the footer, the VML button is a real rectangle in Outlook, and the product block stacks on a 375px phone screen.