Browse Abandonment Email for Supplement Brands

Trigger: fire on a Viewed Product event with no Add to Cart in the same session and a known email address. In Klaviyo, use the Viewed Product metric with a 15-minute dedupe so a bounce does not count. A three-second glance is noise. You want shoppers who scrolled the label.

Timing: first send at three to four hours. Supplement buyers spend real time on form, dose, and testing before they drop $40 to $60 on a bottle, so they need a longer window than a $25 apparel cart abandoner. Add one follow-up at 24 hours if they did not click. Two touches maximum. Past that you read like a discount engine, and this category runs on trust.

Offer: hold the discount. The first email leads with the viewed SKU and ingredient reassurance, not 20% off. If you need a nudge, free shipping on the first order outperforms a percentage cut here because shipping cost is the objection that survives the research. Save the percentage discount for the 24-hour follow-up only.

Copy angle: transparency first. Name the exact form (magnesium glycinate, not magnesium), the elemental dose per serving, the third-party test or certificate of analysis, and the FDA structure-function disclaimer. Lead with the product image, the price, and one line on why the form matters.

CTA: one. "See the full ingredient label" or "Back to Magnesium Glycinate." Do not stack three buttons.

Example copy for a magnesium browse abandon: Subject: Still looking at Magnesium Glycinate? Preheader: Third-party tested. 200mg per capsule. Here is the certificate of analysis. Body: You were reading the label on our Magnesium Glycinate earlier. Here is what is in the bottle: 200mg of elemental magnesium per capsule, glycine-bound for absorption, third-party tested for heavy metals. The full label and COA sit one click away.

Numbers: supplement browse abandonment emails open at 38 to 44% and click at 3.5 to 5.5% on a healthy list. That trails cart abandonment, which clears 45% open, but it beats the generic "come back" send because it answers the question the shopper was actually researching. Brands that lead with the ingredient form and the testing badge see 15 to 25% higher click-through than those that lead with a discount code.

The HTML is nested tables, not divs or flexbox, because Outlook 2007 through 2019 still renders with the Microsoft Word engine and ignores modern CSS. Every element sits in a table cell with a defined width, so the layout holds in Outlook, Gmail, Apple Mail, and Yahoo without conditional hacks.

Inline CSS on every element. Gmail strips class definitions out of your head when it clips the message, so inline styles are the only thing guaranteed to survive. The MJML compiles to that inline style.

Bulletproof VML button. The CTA is a table with a Vector Markup Language rectangle for Outlook. It renders as a solid colored button in Outlook and as a normal HTML button everywhere else. No image, so it still shows when images are blocked.

Live text. Subject line, preheader, headline, ingredient line, disclaimer, and CTA are real text. Image-only emails get clipped in Gmail and never show alt text in Outlook with images off, and the FDA disclaimer has to be readable, not baked into a JPG.

Dark mode. A meta color-scheme declaration in the head tells Apple Mail Dark Mode and Outlook Dark Mode to flip the background automatically. Pinned hex values inside one prefers-color-scheme media query keep the logo and testing badge from inverting to white on white.

One mobile media query. A single @media block in the head sets max-width 600px, stacks the two-column product row into one column, widens the button, and bumps body type to 17px. One query keeps the head small and avoids the bloat that triggers Gmail clipping.

Web-font fallbacks. The email declares a display font then falls back to Helvetica, Arial, sans-serif. If the font fails to load or the client blocks it, the email still renders in a clean sans-serif instead of Times New Roman.

1. Copy the exported HTML.

2. In Klaviyo, open a flow email (or campaign), drag in an HTML block, and paste. To save it as a reusable template, go to Templates, Create Template, Import HTML. In Mailchimp, start a campaign, choose Code your own, then Paste in code.

3. Swap the brand name, logo URL, product image, hex colors, and every link. The ingredient form line, the dose, and the FDA disclaimer stay as static text.

4. Wire the merge tags. Browse abandonment runs off the Viewed Product event, so the SKU is dynamic: - Klaviyo: {{ event.Name }} for the product name, {{ event.Price }} for price, {{ event.URL }} for the link, {{ event.ImageURL }} for the image. - Mailchimp: *|PRODUCT_TITLE|*, *|PRODUCT_PRICE|*, *|PRODUCT_URL|*, *|PRODUCT_IMAGE_URL|* inside an abandoned-product automation. Keep the structure-function disclaimer as hard-coded text. It is not a merge field.

5. Test. Send a live render to Gmail web, Gmail app, Apple Mail, Outlook on Windows, and Yahoo. Toggle dark mode in Apple Mail and Outlook to confirm the color-scheme flip. Run a Litmus or Email on Acid pass if you have one. Click the button, confirm the product link resolves with UTM, and verify the unsubscribe tag renders.