Welcome Email for Baby Brands

A new parent subscriber is researching at 2am with one hand free. This welcome turns that first signup into a first order: a stage guide from newborn to toddler, a single shop CTA, and a first-order offer, in ESP-safe HTML that renders in Gmail, Apple Mail, and Outlook.

Open the full email ↗ Get this on your brand
Live preview View HTML ↗

What makes this welcome work for baby / kids

Trigger. Fire on the newsletter or popup signup, not the first purchase. Most baby boutiques capture the address with a popup promising 15 percent off plus a free swaddle, and the welcome is the thing that makes good on that promise. Send it inside the first minute. Klaviyo benchmarks put baby and kids welcome opens at 50 to 60 percent when the email lands immediately, the highest-open message most baby brands send. Wait an hour and that open rate drops by a third; the parent has already moved on to the next tab of research.

If you collect a stage at signup (due date, newborn, toddler), branch on it. A newborn parent needs footed pajamas and muslin swaddles. A toddler parent needs snack cups and grip socks. The SKUs barely overlap, so a one-list-fits-all welcome burns clicks.

Offer. Lead with the first-order incentive, then give a reason to buy a set instead of a single onesie. Fifteen percent off plus a free organic cotton swaddle over $60 is the sweet spot we see perform across baby clients. Go richer and you train the list to wait for the next sale; go thinner and the first cart never fills. Baby AOV runs higher than general ecommerce because parents buy in sizes and sets, so "your newborn starter set" outperforms "shop all" every time.

Copy angle. Write to the parent, not the brand. Open with reassurance (GOTS-organic, OEKO-TEX, snaps where they matter), then one stage tip the reader can use tonight. Safety-conscious parents read every word, so claim the certifications and drop the exclamation points. Editorial restraint reads as trust.

Example copy that ships with this template: Subject: Welcome to Hazel & Fawn. Your 15% and a free swaddle are inside. Preheader: Plus a quick guide by stage, newborn to toddler. Hero line: You are in. Here is 15% off, plus the swaddle everyone asks about.

Stage block (the lever for this vertical): Newborn (0 to 6 months): three footed pajamas, two muslin swaddles, the burp cloths you will lose first. Toddler (1 to 3 years): a leak-proof sippy, grip socks that stay on, a snack cup that does not spill.

CTA. One button, one job: Shop essentials by stage. No secondary links above it, no bestseller carousel in the header. One baby boutique we work with lifted welcome-to-first-order conversion 18 percent by pairing the 15 percent code with a stage picker and cutting the three-button nav. The welcome has a single job: turn a 2am signup into a first order.

Why it renders in every inbox

The layout runs on nested HTML tables, not divs or flexbox. Every layout block is a table inside a table inside a table. Gmail clips or strips head style blocks, Outlook renders mail on the Word engine, and Apple Mail inverts your colors in dark mode. Tables are the one structure every inbox still honors.

Inline CSS on every element. Style sits on the cell itself, so Gmail, Apple Mail, and Outlook all apply it. No external stylesheet, no class lookups that get stripped on the way in. The MJML mj-attributes block keeps the type, color, and line-height consistent without you typing it on every line.

Bulletproof VML button for Outlook's Word engine. Outlook 2007 through 2021 draws an anchor button as flat blue underlined text unless you wrap it in VML. This template renders the CTA with a v:roundrect inside Outlook conditional comments, so the clay Shop essentials by stage block stays filled, rounded, and clickable in Word. Gmail and Apple Mail see the normal anchor and render the rounded button. One CTA, drawn twice, for the two rendering worlds.

Live text, not images. The stage guide, the offer, and the code are selectable text, never burned into an image. Live text scales on a phone, translates for screen readers, and stays readable when the image host is slow. An image-based stage block would turn into an unreadable rectangle the second Apple Mail flips to dark mode.

Dark-mode color-scheme meta. A color-scheme meta plus a prefers-color-scheme media query in the head tell Apple Mail and Outlook to respect your palette instead of inverting it. The oat and sage hex values are picked to hold up in both modes, so a parent scrolling at 2am does not get blinded by a white block.

One mobile media query. A single max-width:480px block drops the headline from 28px to 24px and tightens the hero padding on phones. No stack of breakpoints, no hover states, no JavaScript. One tested query beats a pile of nested queries that older Android clients mangle.

Web-font fallbacks. If you load a custom typeface, every font-family stack ends in Georgia, then Times New Roman, then serif, so the headline holds its editorial weight when the web font never loads. On Outlook it will not. The layout never depends on a custom font loading.

How to use it in Klaviyo or Mailchimp

1. Copy the HTML. Compile the MJML below, or grab the rendered HTML straight from the Mailwright preview.

2. Klaviyo. Open the campaign or welcome-flow email, drag in an HTML block (or build an HTML-only email), and paste the full HTML. Klaviyo keeps your inline CSS intact. Set the flow to trigger on Subscribed to List, with no delay.

3. Mailchimp. Create an email, choose Code Your Own, then Paste in Code, and paste the full HTML. Mailchimp will warn about table elements; ignore it, tables are correct here.

4. Swap the brand layer. Replace Hazel & Fawn with your brand in the header, the from-name, and every text mention. Find-and-replace the three hex values: sage #3E5A4E for the header and hero band, clay #C28154 for the button, oat #F4EEE3 for the page background. Swap the CTA link, the logo URL, and any product imagery.

5. Wire the merge tags. Klaviyo: {{ first_name|default:'there' }} in the subject and greeting. If you collect stage at signup, use {{ person|lookup:'stage'|default:'newborn' }} to drive the stage block, and a dynamic Klaviyo coupon so WELCOME15 renders live instead of hardcoded. {{ unsubscribe_url }} in the footer. Mailchimp: *|FNAME|* with a fallback, *|STAGE|* as a custom merge field, and *|COUPON_CODE|* for the discount (or paste a static code). *|UNSUB|* in the footer.

6. Segment by stage if you can. A baby welcome that branches newborn versus toddler roughly doubles its click-through, because each parent sees the SKUs they actually need. If you do not collect stage yet, send the combined template below and add a stage question to your popup next.

7. Test before you ship. Send a preview to Gmail (web and app), Apple Mail in light and dark, and Outlook desktop. Confirm the CTA is a solid clay block in Outlook, the stage columns stack cleanly on a phone, and the discount code reads correctly. Run the dark-mode pass last.

Questions

Is this baby welcome email template free to use? +

Yes. The HTML and MJML are free for client and brand work. Build it inside Mailwright, or export the HTML and paste it into Klaviyo or Mailchimp at no cost. No paid plugin, no locked block.

Will the CTA and stage guide survive Outlook? +

Yes. The button is a bulletproof VML button, so Outlook's Word engine draws a solid clay block instead of a bare link. The stage guide and the offer sit as live text in table cells, so they line up the same in Outlook 2016 through the web client as they do in Gmail.

Can I match it to my baby brand's palette? +

Yes. The oat background, sage header, and clay button are inline hex values. If your brand runs dusty blue, blush, or butter yellow, swap two values and the whole email re-skins, structure untouched. The stage guide and the CTA keep their layout.

Do I need to know HTML to send this welcome? +

No. Paste the HTML into your ESP and edit the copy, links, and image in the visual preview. The MJML is there for developers who want to restructure the layout, but a copywriter or lifecycle marketer can ship this welcome without touching code.

Want this on your client's brand?

Paste a client's site and we build a real, on-brand sample in clean, ESP-safe HTML you can paste into Klaviyo.

Get a free sample

More templates