Birthday Email for Ecommerce (Free, ESP-Safe HTML Template)

The birthday flow is the highest-revenue-per-recipient automation most DTC stores underuse. Open rates land in the 35 to 45% range, clicks beat any broadcast, and the email arrives when the customer already expects a gift. The job is to convert that expectation into one extra order.

**Trigger.** Fire on the subscriber's birthday from a profile property captured at signup or pulled from the Shopify customer account. Store month and day, never the year. Most stores see better redemption sending 7 days before the date rather than the morning of, because the window overlaps the gift-buying decision instead of landing after it.

**Offer.** A single-redeem code for 20% off the next order beats free shipping and outperforms 10% or 15%. Set it to one use per profile in Shopify and cap it with a 7-day expiry so the code cannot be shared or stacked with a sitewide sale. Percentage off wins for apparel, home, and accessories. Free-gift-with-purchase wins for higher-AOV verticals like skincare and supplements.

**Copy angle.** Lead with the person, not the brand. First-name greeting, one warm line, then the code. Skip the lifestyle hero photo. Live text converts, survives dark mode, and keeps the file under Gmail's 102KB clip limit.

Real copy for a candle store: - Subject: Happy birthday, {{ first_name|default:'friend' }}. Your 20% gift is inside. - Preheader: Use code BDAY20 at checkout through Sunday. - Body: It's your birthday week. Take 20% off your next order, on us. Pick what you've been eyeing.

**CTA.** One button, one action: Claim my 20%. Link it to the discount-applied URL (yourstore.com/discount/BDAY20) so the code auto-loads at checkout. A second link to new arrivals splits attention and drops click-through. One offer, one button, one week to redeem.

This template ships as table-based HTML, not divs or flexbox. Outlook on Windows still renders mail through Word's engine and ignores modern CSS, so every layout block is a nested table. The email holds together in Outlook 2016 through Outlook 365 the same way it does in Gmail and Apple Mail.

**Inline CSS.** Every style sits on the element it styles. Gmail strips parts of head style blocks for some accounts, and Outlook ignores most of them. Inline styles mean the design depends on nothing in the head surviving.

**Bulletproof VML button.** The CTA is an mso-fallback VML button. Outlook users get a real rounded button that links, not a flat rectangle or a dead PNG. The same button shows clean CSS rounded corners in Gmail and Apple Mail.

**Live text.** Headline, code, and body are real text over a background color. No hero image carries the offer. That keeps the discount readable to screen readers, keeps the file small, and lets dark mode recolor the type instead of dropping a bright card onto a black theme.

**Dark mode.** A color-scheme meta and a supported-media query hand Apple Mail and Outlook dark mode the right palette. The brand color stays brand color. The background tints rather than inverting to pure black.

**One mobile media query.** A single max-width:480px block resizes the headline and tightens side padding. No framework, no external stylesheet, no JavaScript.

**Web fonts.** The headline runs on a system serif stack (Georgia). Web fonts fail silently in Gmail and Outlook, so the fallback is the design, not a visible downgrade.

1. In Mailwright, export the email as HTML. Copy the full file.

2. Paste it into your ESP: - Klaviyo: open Email Templates, Create Template, HTML, and paste into the Source of a single HTML block. Or drop it into a Universal email HTML block inside your birthday flow. - Mailchimp: start a campaign, choose Code your own, then Paste in code.

3. Swap three things: the brand name, the two hex colors (button and background), and every link (logo, CTA, footer, social). Leave the table structure untouched.

4. Wire merge tags. - Klaviyo: {{ first_name|default:'friend' }} for the greeting, {{ today|date_modify:'+7 days'|date:'F j' }} for the expiry line, and {{ unsubscribe_url }} in the footer. - Mailchimp: *|FNAME|* for the greeting, *|STORENAME|* for the sign-off, and a coupon content block for BDAY20.

5. For the discount, generate single-use codes in Shopify and sync them through Klaviyo's coupon feature for one-per-customer enforcement. Smaller stores can keep BDAY20 as a static single-use code. Mailchimp users get the same control from the coupon content block.

6. Test before you schedule. Send to a Gmail address, an Apple Mail address in light and dark, and Outlook on Windows. Confirm the CTA link loads the code at checkout and that it redeems exactly once. Run the Apple Mail preview through dark mode last.