Welcome email for supplement brands

The supplement welcome fires post-purchase, not at list signup. A regimen only matters once the bottle is in the mail, so trigger on "Placed Order" filtered to first-time customers (Klaviyo: Order Count equals 1, or the "Placed First Order" metric). Send it within five minutes of the order confirmation, while the customer is still watching their inbox. Health and wellness welcome emails open in the 45 to 55 percent range, roughly double a generic promo send, because the buyer just spent money and wants to know what they bought.

Lead with the regimen, not a discount. A first-order code trains people to wait for one, and it erodes the price on your core SKU. The cross-sell works better: frame the matching product ("complete the routine") at member pricing. A probiotic brand pairs the probiotic with its prebiotic at 15% off. That lifts average order value without touching the hero product's price, and it plants the second purchase before the first bottle is empty.

The copy angle that pays for itself is the 30-day expectations timeline. Slow-acting supplements (probiotics, magnesium, collagen, ashwagandha) get refunded when people feel nothing in week one. Spell out the curve: days 1 to 7 are adjustment, where some bloating is normal as the microbiome shifts; 8 to 14 bring the first signs; 15 to 30 is where it compounds. Brands that add this block report 15 to 30 percent fewer "it didn't work" refund requests inside the first month. It also quietly sets up the reorder email on day 25.

Keep claims compliance-safe. Use structure/function language ("supports digestion", "promotes regularity"), never disease claims ("treats IBS", "cures bloating"). The FDA disclaimer lives in the footer of any email that makes a claim, no exceptions, with no dosing language beyond what the supplement facts label states.

One CTA. "Shop the gut routine", pointing to the collection that completes the regimen. Not the homepage, not a product grid. One path, measured as one conversion. Real example copy that shipped: subject "Your first 30 days on Florae", preview "Welcome. Your gut plan starts now.", headline "Your gut starts adjusting in week one."

The compiled HTML is built from nested tables, not divs or flex. Gmail, Outlook 2019 through 2024, and Yahoo still break flexbox and CSS grid, so every section is a table inside the 600px body table. Every style is inline. Webmail clients strip <style> blocks (Gmail clips head CSS, Outlook ignores most of it), so your colors and spacing survive because they live on each element.

The CTA is a bulletproof VML button. Outlook's Word rendering engine does not support border-radius or padding on an anchor tag, so a normal button collapses into an unstyled text link. The button here wraps a v:roundrect inside Outlook conditional comments, which draws a real clickable rectangle filled with the brand green. Outlook users see a button. Everyone else sees the rounded anchor.

The headline and regimen steps are live text, not images. That matters for supplements because the 30-day expectations copy is the part that prevents refunds, and it has to stay readable with images off, in dark mode, and on a slow cellular connection. Image-based headlines vanish the moment images fail to load.

The head carries a color-scheme meta set to light and dark. Apple Mail dark mode and Outlook dark themes read that meta and invert the background on purpose instead of guessing and turning your sage hero block into pure black. One mobile media query at 480px scales the headline down and swaps the side padding, so the email reads on a phone without horizontal scroll.

Fonts fall back through a web-safe stack: Helvetica Neue, then Helvetica, then Arial. If you load a brand font, every weight carries a fallback in the same x-height range, and the layout does not shift when the web font fails to load in Outlook or Gmail, which it usually does.

Copy the MJML and compile it to HTML. The Mailwright preview exports this directly. Outside Mailwright, the MJML app or the mjml command line does the same thing in one step.

In Klaviyo, build a flow triggered by "Placed Order", then add the filter "Placed Order, zero times, over all time" so the welcome only fires on a customer's first purchase. Drop in an email tile, switch the content to Source > HTML, and paste the compiled HTML into the block. In Mailchimp, start a customer-journey or classic automation on a product purchase, open the email, and pick "Code your own, then Paste in code". Same paste.

Swap the brand before you send. Replace the logo image URL and alt text, the hero image, and the two link destinations. Colors live in two places in the MJML: the mj-attributes block and each section's background-color. Change the sage (#4A6B3A) and cream (#F4F1EA) once each and it cascades through the whole email, the VML button fill included.

Wire the merge tags. The greeting already uses {{ first_name|default:"friend" }} for Klaviyo. Point the CTA at your real collection URL, or make it dynamic with {{ event|lookup:'Items' }} to reference the exact SKU they bought. Attach a discount to the flow and reference it as {{ coupon_code }} where you want the 15% line. In Mailchimp the equivalents are *|FNAME|* for the name and *|COUPON_CODE|* for the promo.

Then test before you turn the flow live. Send to Gmail on the web, the Gmail Android app, Apple Mail on an iPhone in light and dark, and Outlook desktop on Windows. Confirm the FDA disclaimer footer is intact, the CTA is a real button in Outlook rather than a collapsed link, and the hero image loads before the recipient manually downloads images. Litmus or Email on Acid catches anything you missed.