Welcome Email for Pet Brands

A new pet parent just handed you their email during the most sleep-deprived week of their life. This welcome turns that signup into a first order with a new-pet essentials checklist, one first-order code, and a single shop CTA, in ESP-safe HTML that lands clean 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 pet / pet supplies

Trigger. Most pet brands capture the address with a popup that promises 15 percent off plus a free bag of treats or a starter toy. Fire the welcome on "Subscribed to List" with no delay. The welcome is the thing that makes good on that promise.

Branch on species and stage if you can. If your popup asks dog or cat, and puppy, adult, or senior, use the answer to drive the email. A puppy parent's first order is a crate pad, two stainless bowls, training treats, and a chew toy. A kitten parent's first order is a litter mat that actually catches litter, a scratcher, and kitten kibble. The SKUs barely overlap, so a one-list welcome burns clicks. Pet brands that add a single species question to the popup typically lift welcome click-through 40 to 60 percent, because each owner sees the gear they actually need.

Timing. Send inside the first minute. Pet welcome emails open in the 55 to 65 percent band when they land immediately, the highest-open message most pet brands send. Wait an hour and opens drop by about a third. New pet parents research at all hours and move fast to the next browser tab.

Offer. Lead with the first-order incentive, then give a reason to buy a starter set instead of one bag of treats. Fifteen percent off plus a free training treat bag on orders over $40 is the sweet spot we see across pet clients. Go richer and you train the list to wait for the next sale. Go thinner and the first cart never fills. Pet AOV runs higher than general ecommerce because new parents buy in kits, so "your new-pet starter kit" beats "shop all" every time.

Copy angle. Address the pet by name and treat the human as the sidekick. Warm and a little silly, first-person from the founder or a Chief Treat Officer. Open with welcome to the pack, drop one new-pet tip the reader can use this week (how to make the crate a happy place, how many treats is too many), then the code. Pet people read every word of a welcome that talks about their animal, so the essentials checklist does real work.

One pet supplies client we work with lifted welcome-to-first-order conversion 19 percent by swapping a generic Shop all hero for a curated new-pet essentials checklist and a single code. Redeemers of the welcome code repeat at roughly 2x the rate of non-redeemers over the next 90 days.

Example copy that ships with this template: Subject: Welcome to the pack, {{ person.pet_name|default:'friend' }} Preheader: Your 15% and the new-pet essentials list are inside. Hero line: You are in. Here is 15% off, plus the treats and the checklist.

CTA. One button, one job: Shop new pet essentials, pointing at the curated starter collection. No secondary links above it, no bestseller carousel in the header. The welcome turns a signup into a first order.

Why it renders in every inbox

Every layout node compiles to nested HTML tables, not divs or flex. Gmail clips or strips head style blocks, Outlook runs mail on the Word rendering engine, and Apple Mail inverts your colors in dark mode. Tables are the one structure every inbox still honors.

Inline CSS on every element. Color, font, padding, and the button background sit on the cell or tag itself, so Gmail, Apple Mail, and Outlook all apply them. No external stylesheet, no class lookups that get stripped on the way in. The mj-attributes block in the MJML keeps 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 amber Shop new pet essentials 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 essentials checklist, 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 checklist would turn into an unreadable rectangle the second Apple Mail flips to dark mode or Outlook blocks images by default.

Dark-mode color-scheme meta. A color-scheme meta set to light and dark in the head tells Apple Mail and Outlook to respect your palette instead of inverting it. The cream and amber hex values are picked to hold up in both modes, so a new 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 32px to 26px and tightens the side 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 Helvetica Neue, then Helvetica, then Arial, so the headline holds its 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 welcome-flow email (Flows, Create Flow, Subscribe to List), drag in an HTML block or build an HTML-only email, and paste the full HTML. Klaviyo keeps your inline CSS intact. Set the trigger to 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 Maple & Mutt with your brand in the header, the from-name, and every text mention. Find-and-replace the three hex values: espresso #2D1F15 for text and footer, amber #D97A2C for the button and accents, cream #FBF5EB for the page background. Swap the CTA link, the logo, and the hero and product imagery.

5. Wire the merge tags. Pet brands live or die on the pet's name. Klaviyo: {{ person.pet_name|default:'friend' }} in the subject and hero, {{ first_name|default:'there' }} for the human, a dynamic Klaviyo coupon so WELCOME15 renders live instead of hardcoded, and {{ unsubscribe_url }} plus {{ manage_preferences_url }} in the footer. Branch the checklist by species with a simple {% if person.pet_species == 'cat' %} swap. Mailchimp: *|PET_NAME|*, *|FNAME|*, *|COUPON_CODE|*, and *|UNSUB|*, with the fields created under Audience settings.

6. Test before you ship. Send a preview to Gmail on web and the Gmail app, Apple Mail in light and dark, and Outlook desktop on Windows. Confirm the CTA is a solid amber block in Outlook rather than a collapsed link, the checklist rows stack cleanly on a phone, and the pet's name resolves from the profile in every test. Run the dark-mode pass last.

Questions

Is this pet welcome email template free to use? +

Yes. The HTML and MJML are free to copy, edit, and send for any pet brand or client account. No license and no attribution. Reskin it for as many pet clients as you take on.

Will the button and checklist render in Outlook? +

Yes. The CTA is a bulletproof VML button, so Outlook's Word engine draws a filled amber block instead of collapsing it to a bare link. Layout is nested tables with inline CSS, so the new-pet essentials checklist lines up the same in Outlook 2016 through the web client as it does in Gmail.

How do I change the colors and brand for my pet store? +

The espresso text, amber button, and cream background are inline hex values. Swap #2D1F15, #D97A2C, and #FBF5EB once each and the whole email re-skins, structure untouched. For a cat-leaning brand that runs slate and sage, replace those three values and the checklist and CTA keep their layout.

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

No. Paste the compiled HTML into Klaviyo or Mailchimp and the email is ready. You only touch HTML to swap colors, links, and merge tags, and each of those is a find-and-replace, not a code change. 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