Welcome Email for Coffee Brands

Coffee buyers move on impulse. They were looking at a bag two minutes ago. The welcome email has to land while they still remember which roast caught their eye, so the trigger and the offer do most of the work.

Trigger. Fire on the newsletter signup, not the first purchase. Most roasteries capture the email with a popup promising 15 percent off the first bag. The welcome email is the thing that makes good on that promise.

Timing. Send inside the first minute. Coffee welcome emails typically open at 50 to 60 percent when they land immediately. Wait an hour and opens drop by about a third. Coffee is an impulse buy; the second bag is built on habit, and habit starts now.

Offer. Lead with the discount on the first bag, then give a reason to come back instead of buying once. Freshness dating, a featured single origin, free shipping over $40. One roastery we work with lifted first-order value 22 percent by pairing the 15 percent code with a line about roasting and shipping inside 48 hours.

Copy angle. The roaster writes it, not the brand. Open with the roast: the farm, the varietal, the day it came off the drum. Then one brewing tip the reader can use tonight. Close with the code.

Example subject line and preheader: Subject: Your 15% is ready, {{ first_name|default:'friend' }} Preheader: Plus the one tip we give every new coffee drinker about grind size.

Example body open: 'I pulled this Ethiopia Yirgacheffe off the dryer on a Thursday in February. Stone fruit, jasmine, clean enough to drink black.'

CTA. One button. Claim 15% off your first bag. No secondary links above it, no bestseller carousel. The welcome has a single job: turn the signup into a first order.

Email clients still live in 2009. Gmail strips <style> blocks it does not like, Outlook runs on the Word rendering engine, and Apple Mail flips your colors in dark mode. This template is built to survive all three.

Nested HTML tables, not divs or flex. Every layout block is a table inside a table inside a table. Divs collapse, flex does not exist in Outlook, and floats break in older Yahoo. Tables are the one structure every inbox still honors.

Inline CSS on every element. Gmail clips <style> tags in the head whenever it feels like it. Style goes on the element itself: <td style="padding:24px;font-family:Georgia,serif;color:#2A1810;">. The mj-attributes block in the MJML source keeps it consistent without you typing it.

Bulletproof VML button for Outlook. Outlook renders an <a> button as flat blue underlined text unless you wrap it in VML. This template uses the v:roundrect and mso hacks so the button keeps its background color and rounded corners in Outlook 2007 through 2019.

Live text over images. The roast story, the brewing tip, and the code are real text, not images. Live text loads instantly, scales on mobile, and stays readable when the image host is slow. Images are reserved for the bag photo and the logo.

Dark-mode color-scheme meta. <meta name="color-scheme" content="light dark"> and <meta name="supported-color-schemes" content="light dark"> in the head tell Apple Mail and Outlook to respect your palette instead of inverting it. The cream and espresso hex values are chosen to hold up on both modes.

One mobile media query. A single @media block at 480px widens the columns and drops the headline from 32px to 26px on phones. No multiple breakpoints, no hover states, no Javascript.

Web-font fallbacks. If you load a custom typeface, every font-family stack ends in Georgia, 'Times New Roman', serif so the email still reads as yours when the web font does not load. On Outlook it will not.

1. Copy the HTML. Export the MJML below and compile it, or grab the rendered HTML straight from the preview.

2. Klaviyo. Campaigns > Create Campaign > Email. Drag in an HTML block, or build an HTML-only email. Paste the full HTML into the block. Klaviyo keeps your inline CSS intact.

3. Mailchimp. Create > Email > Code your own > Paste in code. Paste the full HTML. Mailchimp will warn about table elements. Ignore it; tables are correct here.

4. Swap brand, colors, links. Replace Bright Iron Coffee with your roastery name in the logo image, the from-name, and every text mention. Find-and-replace the two brand hex values (#2A1810 for text, #A0431F for the button) and the cream background (#F5EDE0). Swap the CTA link and the bag image URL.

5. Wire merge tags. Klaviyo: {{ first_name|default:'friend' }} in the subject and greeting, {{ unsubscribe_url }} in the footer. Mailchimp: *|FNAME|* with a default of 'coffee lover' set in list settings, *|UNSUB|* for the footer. For the discount, use a Klaviyo one-time coupon, or a static code like ROAST15 if one-time codes are not set up yet.

6. Test. Send a preview to a Gmail address, an Apple Mail address (iCloud), and an Outlook.com address. Turn on dark mode on the phone and check it again. The roast story should stay dark on cream in both modes.