Best Referral Page Examples: 21 Designs For High Conversions

Why are referral programs so popular?

Because when referred by a friend, people are 4x more likely to make a purchase. Not to mention referral programs increase customer loyalty and retention when the reward itself is redeemable for future purchases. 

But how do you get more friends to spread the word in the first place?

1. First, you need a referral program (with a referral link) 
2. Second, you need a promotional strategy 
3. Third, you need a good referral landing page 

Your referral page communicates the value of your program, shares important details about how the program works, puts terms and conditions front and center, and makes signing up easy. 

Without a referral page, your program has no home. And without a home, good luck getting your referral program to work.

A referral page is a dedicated landing page built to promote the benefits of your referral program and increase program conversions, which in turn increases customer acquisition numbers via word of mouth (WOM). 

Simple

A referral page should

• Clearly communicate your program’s incentives
• Make signing up or purchasing easy
• Function as the single source of truth for all relevant information (no miscommunication about incentives, terms, conditions, etc.). 

Think of a referral page like a product page, only your referral program is the product. 

You wouldn't try to sell a product or service without a web page, right? Of course not. 

Well, you shouldn't try to sell your referral program without one either. 

Aside from establishing a single source of truth for your referral program, let's review some not-so-obvious benefits of referral pages: 

• Credibility: 30% of companies have a formal referral program (which is surprisingly low), but certain industries skew much higher, like health and beauty or eCommerce. Either way, if you expect your referral program to stand out from the rest, first it needs credibility. And there's no better way to tell your customer base (or the people they refer) that you're serious about their rewards than by creating a dedicated home for your program. 
• Disclaimers: Every referral program has different rules, but if you don't communicate your terms and conditions, you're asking for trouble (and pissed off customers). A referral page puts everything in writing. No guessing. No ambiguity. No he said, she said. 
• Conversions: Yup, more participants that sign up for your referral program to begin with. Why? Because a good referral page makes it easy to A/B split test different messages and incentives so that you keep getting better. You can't optimize your referral program without a landing page. 
• Measurement: Without a dedicated page for your referral program, how will you measure the effectiveness of your marketing campaigns that promote it? You won't. To measure conversion rates, you need a dedicated landing page. 
• Scalability: Sure, when you're a one-person shop or small business, managing referrals and rewards ad hoc isn't a problem. But when you have loads of existing customers, it's impossible to scale an effective referral program without scaling its reach. And you can't scale its reach to one customer at a time (or when the only way to communicate your program is by telling someone yourself). Share the damn referral link. 

Like any landing page, a referral page should follow a set of proven landing page best practices: 

• Attention-grabbing headline
• Enticing subheading 
• Credible design
• Relevant visuals 
• Social proof
• Features and benefits 
• Compelling call-to-action (CTA) 
• Low-friction opt-in form 
• Irresistible offer

But since we've written about each of those best practices in detail, we're not going to repeat ourselves here (just click on the links to learn more). 

Instead, we're going to explore the three most important components of a referral page that are 100% unique to referral pages:

1. Incentive or reward 
2. Terms and conditions 
3. How it works 

The entire effectiveness of your referral program hinges on the incentive. This means you should use your heading and subheading to clearly articulate your program's potential earnings or rewards for participants. 

No beating around the bush. No hiding it in the body copy. Put your incentive front and center.  This will make customer acquisition a breeze.

For example, Rakuten’s refer-a-friend program uses the headline and subheadline to communicate their incentive in big, bold letters: 

“Give and get unlimited $30 bonuses”

What’s more exciting about this incentive, relative to others, is the word “unlimited.” Yes please!

No referral page is complete without written terms and conditions (or a link to your terms page).

Why? 

Because the last thing you want from your referral program is a customer service “he said, she said” nightmare. 

Make your terms and conditions easily accessible so participants know the stakes of the game outright. No assumptions. 

For example, Bombas provides a brief terms section below their sign up form: 

SoFi details their terms and conditions in an “Official Rules” section at the bottom of their referral page: 

And Rakuten does the same with their “Refer-A-Friend Terms & Conditions”:

Whereas a traditional landing page might spend a good amount of time communicating features and benefits, a referral page needs to spend more time communicating how the referral program works. 

However you want to call it, the best referral pages make participation feel simple and uncomplicated by incorporating elements like a

• Simple outline
• Diagram
• Step-by-step guide

For example, Detour Coffee includes a “How it works” section on their referral lander:

TurboTax includes a three-step referral process titled “How to refer a friend to TurboTax”:

And Moo includes two different “How it works” sections, depending on whether you refer a friend or refer a business:

Now that you know what it takes to create a high-converting referral page, let's explore some referral page examples (and customer referral program examples).

Below is a list of 21 referral page examples (some of which we've already touched on), complete with a

• Referral link (if there is one)
• Full-page screenshot
• Breakdown on why we love it

We searched high and low for reputable referral pages from recognizable brands: 

1. Morning Brew
2. Bombas
3. Coinbase
4. Canva
5. Rakuten 
6. TurboTax
7. T-Mobile
8. GetResponse
9. Uniqlo
10. Coursera
11. Chase
12. MeUndies
13. Fiverr
14. Dosh
15. Sofi
16. Koodo
17. SwagBucks
18. Xfinity 
19. Quip
20. Moo
21. Gusto 

Let's do it.

View full referral page: Morning Brew referral page 

What we love: Not only does Morning Brew's referral page function as a homepage for program signups, but it's also the home for monitoring your rewards. Everything on one, bookmarkable referral page. 

View full referral page: Native’sreferral page

Website URL: Native’s referral program

What we love: Their referral landing page is simple with one clear call-to-action, making it easy for customers to sign up for their program. Their offer is also easy to remember, “Give 20%, get 20%).  

View full referral page: Coinbase holiday referral program 

What we love: Not all referral programs are evergreen. Coinbase's holiday referral program offers a massive reward for a limited time. Adding a timeframe adds urgency, and urgency increases conversions. 

View full referral page: Canva referral page

Website URL: Canva Customer Referral Program

What we love: Canva has made it easy for customers to quickly understand what’s in it for them. Through the different diagrams they’ve placed throughout the page, to adding an FAQ section, customers have all of the information they need to successfully refer friends to their platform. 

View full referral page: Rakuten referral page

Website URL: Rakuten referral program

What we love: Rakuten places their incentive, how it works, and CTA all above the fold. 

View full referral page: TurboTax referral page

Website URL: Turbotax referral program

What we love: TurboTax's simple three-step outline makes their customer referral program seem conquerable! 

Website URL: T-Mobile referral program

What we love: Short and sweet. T-Mobile kept their landing page simple, removing unnecessary distractions for the reader. With their offer, they also limit referrers to existing customers, which is great because you want happy customers to sing your praises.

View full referral page: GetResponse referral page

Website URL: GetResponse referral program

What we love: GetResponse includes a useful FAQ section on their referral page. A FAQ section is a great place to clarify details or handle objections. 

Website URL: Wealthsimple referral program

View full referral page: Wealthsimple referral page

What we love: While it’s not the most beautiful referral program page, we love that Wealthsimple adds variety across their referral rewards. In some promotions, they give out iPhones while in others they’ll play to seasonality and give out lift tickets for ski resorts. 

Website URL: Coursera affiliate program 

View full referral page: Coursera affiliate page

What we love: This isn’t a customer referral program, but rather an affiliate program. In true fashion of being an educational platform, we love how easy they make it for potential affiliates to learn about the program and join right away. 

View full referral page: Detour referral page

What we love: For one, who doesn’t love coffee? But in reality, this page is so simple (you don’t have to scroll at all!) Not only is the offer easy to remember (15% for my friend, 15% for me), but also, your referral link is dead-center for quick sharing. They’ve also given customers the ability to share across multiple social media platforms to really spread the word. 

Website URL: Hostinger referral program

What we love: On their page, they’ve included a section on “How you can benefit from Hostinger’s referral program.” This is awesome because it outlines the benefits for the referrer and the referees in a clear and concise way: 

• Generate passive income
• Help your family and friends
• Grow your network

View full referral page: Fiverr referral page

Website URL: Fiverr referral program

What we love: “Three Easy Steps” (phew!)

View full referral page: Dosh referral page

Website URL: Dosh affiliate program

What we love: Dosh does a better job at communicating benefits than anyone we've researched: VIP newsletter, reporting, earning potential, and a suite of professional graphics. 

View full referral page: SoFi referral page

Website URL: SoFi referral program

What we love: Cleanest design of them all. The design establishes credibility, and credibility increases conversions. Unlike other examples shown, this landing page also shows off how much they’ve paid out in referral commissions to date. 

View full referral page: Kodoo referral page

Website URL: Kodoo referral program 

What we love: The page copy is very conversational and light-hearted, “Good friends are hard to find (but surprisingly easy to refer)”, which is very in-line with their brand voice.

View full referral page: SwagBucks referral page

Website URL: SwagBucks referral program 

What we love: “Earn 10% for Life.” When you create a superior offer, your referral page writes itself. 

View full referral page: Xfinity referral page

Website URL: Xfinity refer a friend program

What we love: Not to be haters, but… Nothing. While they have an easy-to-follow step-by-step guide on how their referral program works, it’s not clear where to put your email. 

View full referral page: Quip referral page

Website URL: Quip referral program 

What we love: The simplicity of this page (are you seeing a trend?) The only thing we’d recommend changing is to have the terms and conditions available on this page. 

View full referral page: Moo referral page

Website URL: Moo referral program

What we love: Considering that Moo caters to two big audiences across individuals and businesses, it’s only fair that they create two referral streams as well. They also provide referrers with the quick talking points on why they’re so great in the bulleted list below each section. 

View full referral page: Gusto referral page

Website URL: Gusto affiliate program

What we love: Beautifully designed. Clear benefits. Short and sweet. 

To run a successful referral program, you'll need to enlist the help of referral software. 

Referral software handles the heavy lifting so you can launch, manage, and scale a referral program without technical expertise. 

Consequently, you really only have two options for building your referral page: 

1. Referral software landing page: Choose referral program software that includes a landing page feature, like FriendBuy, Extole, or Talkable. Simply use one of their out-of-the-box referral page templates and viola. 
2. Landing page builder + embed: Design your own referral page using a landing page builder like Unbounce, LeadPages, or Instapage, then embed your referral program widget into it. 

If you want to A/B split test your referral page copy, headlines, and incentives, best to use a landing page builder since they make split testing easy and scalable. Though some referral software like Talkable makes conversion optimization easy too. 

If you want to get your program up and running quickly, best to use referral software that includes referral page templates and custom domain hosting. 

Whichever you decide, here's a list of some of our favorite referral tools, some with referral landing pages, others with embeddable widgets (pricing varies): 

• FriendBuy
• ReferralCandy 
• Impact
• Extole
• Talkable
• ShareASale
• GrowSurf
• SparkLoop.app

Mobile accounts for approximately half of web traffic worldwide. That means you’re going to lost conversions if your page isn’t 

• Fast
• Responsive
• Easy-to-navigate

A frustrating mobile experience means people bounce before they even sign up for your referral program.

Potential referrers will have questions your landing page copy might not address, including

• Rewards
• Eligibility
• Payout timelines
• Cookie tracking timeline

An FAQ removes hesitation by addressing concerns upfront, making it easier for visitors to commit without needing extra support. It also ensures that referrers can hit the ground running immediately (rather than waiting for an answer from your team). Less friction = more potential customers.

If you know us, you’ll know we love to A/B test landing pages. So, be sure to make small tweaks and test them: 

• CTA placements
• Colors
• Copy

We’re not done with A/B testing yet. It’s also important to test your incentive program. Not all rewards are equally motivating. Testing different referral incentives (cash vs. discounts, higher-value rewards, etc.) ensures you find the best offer that drives the most participation and ROI.

There's a reason why referral marketing is so popular:

The customers you acquire through referrals have a 37% higher retention rate than non-referrals, and 81% of customers are more likely to engage with brands that have a rewards program. 

But your referral program will only go as far as your referral page will take it. 

It's never been easier to create and publish a referral page. 

Happy WOM!