Refer a Friend Email

Click any text to edit it right here · click an image or link to jump to its setting

  • Replace the placeholder links: Header link, Button link, Unsubscribe link, Email preferences link.

Related Email Templates

6 in Marketing categoryView all →
Refer a Friend Email template preview
Marketing

Refer a Friend Email

Responsive · Dark mode
Newsletter Email template preview
Marketing

Newsletter Email

Responsive · Dark mode
Product Update Email template preview
Marketing

Product Update Email

Responsive · Dark mode
Webinar Invitation Email template preview
Marketing

Webinar Invitation Email

Responsive · Dark mode
Black Friday Sale Email template preview
Marketing

Black Friday Sale Email

Responsive · Dark mode
Last Chance Sale Email template preview
Marketing

Last Chance Sale Email

Responsive · Dark mode

Refer a Friend Email — Free Responsive HTML Email Template

Marketing · v1.0.0 · Updated 2026-10-20 · Gmail, Outlook & Apple Mail · Dark mode

CategoryMarketing
Tagsreferralrefer a friendgive getword of mouthgrowthsaasecommerce
Updated October 16, 2026

What's included

Features

"Give $X, get $X" headline with a gift icon
Two reward cards: what the friend gets and what you get
Personal referral link in a copy-friendly box
Bulletproof "Share your link" button
Optional referral tracker line
Three-step "How it works" section
Terms line for minimum order and credit rules
Light and dark palettes, both editable
Unsubscribe link and postal address for CAN-SPAM
Plain-text version with the referral link

About this template

Refer a Friend Email — Free Referral Program Email Template

Refer a Friend Email template: A referral programme email built around a "give and get" offer: two reward cards (what your friend gets, what you get), the customer's personal referral link in a copy-friendly box, three numbered steps, a "Share your link" button, a referral tracker line and the programme terms.

Refer a Friend Email is a free, responsive HTML template for promoting a referral programme. Referred customers tend to trust a brand faster and stay longer, because a friend vouched for it, which makes "give and get" programmes one of the most cost-effective ways to grow.

The double-sided offer, front and centre

A gift icon and a "Give $20, get $20" headline make the deal clear instantly. Two reward cards spell it out: what the friend gets and what the customer gets. Below, the customer's personal referral link sits in a copy-friendly box, with a big "Share your link" button and an optional tracker line ("You've referred 2 friends and earned $40") that rewards people who have already shared.

Simple steps and clear terms

A numbered "How it works" section explains the programme in three short steps, and a terms line covers the rules: minimum order, when credit is added and that credit can't be exchanged for cash. Clear terms build trust and prevent disputes later.

Works with any referral tool

Copy the HTML into Klaviyo, Mailchimp, HubSpot or Customer.io, and fill the referral link and tracker from a referral platform such as ReferralCandy, Friendbuy, Rewardful or your own system. Built with tables and inline styles, an Outlook-safe button, a dark palette and a plain-text version, and the footer has the unsubscribe link and postal address that marketing email needs. Send it after a happy moment, such as a delivered order or a 5-star Review Request, or a high NPS Survey score.

Why use it

Why Use the Refer a Friend Email Template

🤝
Growth through trust
People trust recommendations from friends more than ads, so referred customers often buy sooner and stay longer.
🎁
A clear deal
Two reward cards make the "give and get" offer obvious in seconds, which is what gets people to share.
🔗
Sharing is one click away
The personal link is shown in full and the button goes straight to sharing, so nothing stands between intent and action.

How it’s different

How It’s Different From Other Free Email Templates

</>
Real email HTML you own
Not a locked design inside a sending platform. Copy production-ready HTML, download a .html file or fork it into My Code, and use it with any email service or your own code.
⚙
Coded for real inboxes
Tables, inline styles, Outlook conditional comments, a VML button and Outlook font fixes. Many free templates only look right in a browser.
◐
Dark mode built in
Separate, editable light and dark palettes, with a dark preview, instead of leaving dark mode to each email client.
✓
Checks before you send
Warnings for Gmail clipping, missing alt text, placeholder links, images that aren't hosted online, and a missing unsubscribe link or postal address.
Plain-text version included
A matching plain-text version is generated as you edit, ready for multipart emails and the clients and filters that read text.
◍
Free and private
No account, no watermark and no limits. Everything runs in your browser, and your edits are saved locally for next time.

Step by step

How to Use

  1. 1
    Pick your email platformChoose Mailchimp, Klaviyo, HubSpot or Brevo under Merge tags so first names and unsubscribe links export in its syntax, or keep plain {{first_name}} tokens.
  2. 2
    Edit the contentFill in the message & button, rewards and how it works, or click any text in the preview to jump to its field. Switch the how it works on or off.
  3. 3
    Add your brandUpload or paste your logo, set the brand colour and the light and dark palettes, pick fonts, or apply your saved brand kit.
  4. 4
    Preview and checkSwitch between desktop, mobile and dark mode, and fix anything the pre-send checks flag, such as placeholder links or missing alt text.
  5. 5
    Export or forkCopy the HTML into Mailchimp, Klaviyo, HubSpot, Brevo or your own code, copy the plain-text version, download a ZIP with images, or fork it into My Code.

Real-world uses

Common Use Cases

🛍
E-commerce give-and-get programme
Offer $20 off a friend's first order and $20 credit for the customer, and send the email a few days after a delivered order.
☁️
SaaS referral credits
Reward users with a free month for every friend who subscribes, with the tracker showing months earned so far.
⭐
After a 5-star review or high NPS score
Send it to customers who just left a great review or a 9–10 NPS score, the moment they are most likely to recommend you.
🏋️
Memberships and local businesses
Gyms, salons and clubs can offer a free class or visit for the friend and a reward for the member who refers them.

Got questions?

Frequently Asked Questions

A clear double-sided offer, the customer's personal link, one button to share, short steps and simple terms. Sending it at a happy moment, such as after a delivery or a great review, makes a big difference.

After a customer has had a good experience, for example a few days after delivery, after a high NPS score or a positive review, or when they hit a milestone in your product.

Use your referral platform's merge variable in the link field and the button, for example a personalised URL from ReferralCandy, Friendbuy or Rewardful, or generate the link in your own code.

Yes. It promotes your business, so it is commercial email under US CAN-SPAM and needs an unsubscribe link and postal address. Both are in the footer.

Include a short summary, such as the minimum order and when rewards are added, and link to the full terms. Clear rules prevent disputes and build trust.

It saves an editable copy of your Refer a Friend Email in My Code, the UI Snippets code editor: the email markup goes in the HTML panel and its CSS (mobile and dark-mode rules plus fonts) in the CSS panel, so you can keep refining the code and save your own versions.

Yes. It is free for personal and commercial email, with no sign-up and no watermark. Everything runs in your browser, and your edits are saved locally.