One of the most overlooked items of a referral marketing program is the referral landing page, where people sign up to join your referral program. You have thought about all aspects of your referral marketing campaign in great detail. Now you need to figure out how you’re going to display the program.

You may be wondering what components you need to have a successful landing page redesign. Don’t worry: We’ve got you covered with our list, featturing some of the best referral program landing page examples.

Creating a successful referral landing page: Why it’s vital

You want your referral program landing page to be appealing, convenient and informative. The landing page will either make someone want to sign up or it will make them run. If something looks confusing, boring or difficult, chances are the user will exit without giving it a second look. This means you won’t get as many new customers through the program (because if customers aren’t sharing, you won’t see a boost in conversion rates).

But an appealing landing page will increase your referral rates, generate more word-of-mouth marketing, help you build social proof, and mobilize more customers as brand ambassadors. This will bring you a higher likelihood of new customer conversions, and increase your customer base. And since referred customers are more likely to stick with your business, you’ll also see a boost in customer loyalty and retention.

Referral landing page examples

Looking for inspiration as you build your referral program landing page? Check out the high-quality referral program landing page examples below. They all highlight key features that are needed for a quality landing page:

  • A compelling headline
  • Eye-catching images
  • Benefits of referring (including rewards)
  • A short description of how the program works
  • Elements that make sharing easy
  • A clear call-to-action

Harry’s

Razor brand Harry’s nails the benefits aspect with their tiered program landing page: they offer more rewards the more friends someone gets to sign up. The headline gets to the point, it’s easy to understand how the program works, and there are multiple options for sharing. And check out the eye-catching mammoth as the hero image!

Tip to steal: Running a tiered referral program where rewards increase with every successful referral? Try using a reward tracker like Harry’s does. harry's referral program full page

Omsom

We love how Omsom catches your eye with the yummy hero image, featuring meals you can make with the brand’s authentic Asian meal starter packets. The headline advertises the reward and grabs the customer’s attention with the fire emoji. Then, Omsom concisely explains how to reap those referral program benefits. The CTA is easy to find, in purple with the “refer friends” text. And after someone has clicked, all they need to do is give their email and choose how they’ll share with a friend.

Tip to steal: The give and get headline is an awesome and catchy way to introduce your own referral program, especially if you’re offering similar rewards for referrer and friend.  omsom referral landing page

MeUndies

MeUndies starts off strong with a super-catchy headline, then explains the rewards of sharing the brand. It’s easy for customers to start sharing, as they just need to enter their email and click the CTA. A humorous pre-written message for the referred friend, written in the referrer’s name, means existing customers don’t need to think of what to say before they invite friends.

Tip to steal: Create a message that sounds like the referrer wrote it, so it’s easy for customers to share. But give them room to add to their message for maximum authenticity.   me-undies-referral-page

MOO

MOO places the incentives right in the headline, and gets straight to the point by inviting customers to refer a friend. The hero image displays its own headline that also describes what customers will get for referring. And the seven sharing options (including several for social sharing, plus the direct copy of the referral link) really stand out.

Marketing strategy to steal: Although you don’t need two headlines, you might try to place headline text (or text describing the reward) on top of the hero image to draw people in. Just make sure you don’t make things too cluttered.  moo referral Landing page

Tabbed Out

Tabbed Out is an awesome example of how to create a mobile app referral landing page. The page is easy to find in the menu, the reward is displayed promimently, and it’s super easy to tap and share the referral code. A referral tracker with “sharing status” and the amount earned is a great motivator. Even with no traditional hero image (the reward in the circle functions as the hero), it’s still an effective landing page.

Tip to steal: Over half of your customers will browse your site on mobile, so even if you don’t have a mobile app, you’ll need your referral landing page to be mobile-friendly.  tabbed-out-image

Key elements for your referral landing page

Why do the above referral landing page examples work so well? As we covered in brief above, there are a few key template ingredients that will help you create the perfect landing page for your customer referral program:

  • Catchy headline or title
  • Navigation
  • Imagery
  • CTA
  • Benefits of referring
  • How the program works
  • Elements that make sharing easy

Here are all the details of how they come into play, along with even more examples that show these elements at work.

1. Catchy headline or title

The headline or title is your landing page’s opener – it is the first thing customers will see and read, in the biggest font. If you don’t “WOW” someone with this opener, they will not explore the page that long.

The headline must be as catchy and enticing as possible. It needs visual appeal to grab customers’ attention right away, and it should be intriguing enough to convince them to stick around for more. 

Your headline must be easy to understand, so keep it short and sweet. And ultimately, it should communicate what customers should do (share) and what is in it for them (the rewards). 

After all, it’s all about motivating your customers to share your brand, so you owe it to yourself to make referring irresistible as early as you can.

Things to consider:

  1. Is it simple? Make it easy for potential users to understand.
  2. Is it uncomplicated? Complicated and gimmicky make it less appealing to customers.
  3. Is it applicable? If it’s not relevant to the user – chances are they won’t be interested.

Do you need help creating a catchy headline? Here are 5 easy tricks to write catchy headlines, by Jeff Goins. Make sure you follow him on Twitter @JeffGoins. Here is a good example of a simple yet catchy headline. Trendy Butler gets right to the point with what this landing page is all about. Plus, they mention the purpose of the page. Boom – (the What) “Friends and Family Program”. Bam – (the why) “$10 for every sign up”. They kept it simple, uncomplicated and applicable to their customers. trendy butler referral program landing page

2. Navigation

While this is not technically a part of the landing page, making your landing page easy to locate is paramount. After all, customers must easily be able to find the page before they can use it to do any sharing. If your users have a hard time navigating to and from the page, things might crash and burn.

Your best bet is to be simple and visible. Place links to your referral landing page in your navigation menus, so customers can access the landing page from all other pages of your site (including from your homepage). You may opt to have your referral program as its own option on your navigation menu. Or it may, perhaps, be a secondary option. 

The program link needs to be a simple but visible part of the navigation bar(s). The text of the link could read “share [brand name],” “refer a friend,” or “get [the reward].” You could also display a link to the referral program elsewhere on the homepage.

Things to consider:

  1. Is it over the top? Yes, you want it to be noticeable, but remember it’s not an attraction at the zoo. You still want your main content to be seen. So, blinking lights are not necessary.
  2. Is it confusing? From now on, just note that things need to be simple. Always. Navigating the landing page (or your site, for that matter) should not be confusing. If it is, then you can kiss conversions goodbye.

Here is a perfect example of landing page navigation (or navigation to get to the page). Dappertime places a link to their referral program page right on their main site menu. This will allow their customers to easily find the landing page, and take action. They make sure it’s findable without being over the top or confusing.