Birthday Email for Pet Brands: One Free Treat, One Code, Every Year

Pet parents outspend every other moment of the year on their animal's birthday or gotcha day. This template drops one free treat or toy behind a single code, fires once a year, and lands looking identical in Gmail, Apple Mail, and Outlook.

Open the full email ↗ Get this on your brand

Live preview View HTML ↗

What makes this birthday work for pet / pet supplies

The trigger is a date property on the profile, not a calendar blast. In Klaviyo that is `Pet Birthday` or `Gotcha Day`. For rescue and shelter-adjacent brands, gotcha day converts better because most owners know the adoption date, not the actual birth date. If you sell to the adoption crowd, default to gotcha day and let self-reported birthdays be a secondary field.

Fire 10 to 14 days before the date, not the morning of. A free treat or toy is a physical item that ships, so a day-of send arrives a week late. The 10-day window gives the order time to land on the doorstep by the big day. A short reminder 2 days before, to non-openers, lifts redemption without annoying the people who already claimed.

Keep the offer to one item and one code. Free treat OR free toy, single use, annual reset. A single clean code (PAWTYTIME) redeems far better than a tiered spend-$50-get-something deal, because the owner is already primed to celebrate and does not want to do math. Expect 8 to 15% redemption on a free-item birthday code against 1 to 3% on a generic promo code.

Copy puts the pet first and the brand second. Lead with the pet's name, treat the human as the sidekick, keep it warm and a little silly. Subject lines like 'Happy Barkday, {{ person.pet_name }}!' or 'One free treat for {{ person.pet_name }}' beat 'Celebrate with 20% off.' Pet birthday sends typically draw 3 to 5x the open rate of standard promotional sends, and redeemers repeat at roughly 2x the rate of non-redeemers over the next 90 days.

The CTA is the pet, not the cart: 'Claim {{ person.pet_name }}'s free treat.' Skip 'Shop now' and 'Buy.' The job of this email is one click to a pre-loaded cart with the code already applied.

Why it renders in every inbox

Every layout node compiles to a nested HTML table, not a div or a flex container. Gmail, Outlook, and Yahoo strip or ignore flexbox and CSS positioning, so the structure relies on the one layout method they all honor: tables all the way down.

Every style is inline. Styles belong on the element itself because Gmail drops the <head> on send and many webmail clients ignore <style> blocks. The compiled HTML puts color, font, padding, and the button's background on the tag.

The CTA is a bulletproof VML button. Outlook runs on Word's rendering engine, which ignores border-radius and padding on <a> tags, so a normal button shows up as a flat underlined link. The MJML button emits a <!--[if mso]> v:rect block that draws the rounded orange button in Outlook and a styled anchor everywhere else.

Headlines and offer copy are live text, not images. Live text scales on mobile, stays selectable, and survives when the client blocks images by default. The hero photo carries the pet's face; the words carry the message.

The head declares color-scheme: light dark and locks supported schemes to light. Apple Mail dark mode will still try to invert, but the meta tells it the email was built for a light palette, which keeps the peach code box from flipping to black-on-black.

One mobile media query handles phones. A single max-width: 480px block shrinks the headline from 38px to 30px, tightens the side padding, and resizes the hero image. No framework, no breakpoints scattered through the file.

The font stack loads Poppins if the device has it and falls back to Helvetica Neue, then Arial. Web fonts are progressive enhancement here: missing the custom font never breaks the layout.

How to use it in Klaviyo or Mailchimp

Copy the HTML. Export the compiled HTML from Mailwright, or run the MJML through the MJML app or `mjml` CLI if you edited the source.

Paste into your ESP. In Klaviyo, open the campaign or flow email, drop an HTML block into the canvas (or open a text block and toggle Source code), and paste. In Mailchimp, start a campaign, choose Code your own, then Paste in code, and paste the full file.

Swap the brand layer. Replace 'Pawly' with the client name, the orange #ff7a3d with their accent color, the hero image, and the social links. The brand palette lives in <mj-attributes> at the top of the MJML, so changing it there cascades through every section.

Wire the merge tags. Pet brands live or die on the pet's name. In Klaviyo use `{{ person.pet_name|default:'your pup' }}`, `{{ person.first_name }}`, and the code as a static coupon (PAWTYTIME) or a dynamic Klaviyo Coupons tag if the client rotates single-use codes. In Mailchimp use `*|PET_NAME|*`, `*|FNAME|*`, and `*|COUPON_CODE|*`, with the fields created under Audience settings.

Test before send. Check Gmail on web and Android, Apple Mail in light and dark, and Outlook on Windows (the Word engine). Run it through Litmus or Email on Acid. Confirm the code box stays peach in dark mode, the VML button stays orange and rounded in Outlook, and the pet's name resolves from the profile in every test.

Questions

Is this pet birthday template free to use? +

Yes. Copy the compiled HTML or the MJML and use it across as many client accounts as you like. No license fee, no attribution. The only cost is whatever the free treat or toy costs your client to fulfill.

Will the button and layout hold up in Outlook? +

Yes. The CTA is a VML button wrapped in an Outlook conditional, so Word's engine draws the rounded orange button instead of collapsing it to a plain link. Layout is nested tables, which Outlook renders without the column-dropping you get from div-based layouts.

How do I change the colors and brand? +

Edit the <mj-attributes> block at the top of the MJML. Change background-color, the button background, and text color once, and it cascades to every section. In the compiled HTML, find-and-replace the hex values, for example #ff7a3d for the orange accent and #fff6ec for the cream background.

Do I need to know HTML to use this? +

No. Copy the compiled HTML, paste it into Klaviyo or Mailchimp, and swap the merge tags listed above. The MJML source is there for strategists who want to restructure the layout, but most users never touch it.

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