A referral widget (or refer-a-friend widget) is the backbone of any successful referral marketing program, whether youโre an ecommerce brand or a B2B SaaS.
The referral widget is how customers sign up for your program and choose how theyโll share with their friends.
Today, weโll cover what a referral widget is and why you need one. We also go over the types of referral widgets, and best practices for setting up and using one on your site.
What is a referral widget? Why do you need one?
A referral widget is the form or panel you place on your website that allows customers to sign up for your referral program and share your brand with their friends.
It also includes the HTML code used to embed the program on your website, so customers see the program in a convenient place and time. ย
Although people often use the term โreferral widgetโ to mean a referral program pop-up, it can also mean any embedded referral program panel on your website that customers can use to share with friends. ย
An example of a referral widget on Lime Crimeโs website. Source
With a referral widget, your customers can share your brand in the way that works best for them.
Referral widgets are essentially your referral marketing campaignโs backbone. Theyโre the sign-up point where customers can join your referral program and help grow your word of mouth.
When your customers share your brand with their friends, those friends are more likely to become your new customers โ and stay loyal to your brand because they trust their peerโs recommendation.
A referral program makes it easy to promote and track this crucial word of mouth. But if your referral campaignโs widget isnโt easy for your customers to access and use, youโll miss out on many of those warm leads.
Referral widget best practices
So, how can you maximize the placement and results of your refer-a-friend widget? Weโll cover the best practices below.
Use referral program software
Itโs so much easier to create and embed a referral widget when you have referral softwareย to guide you through the process. Referral software also helps by integrating sign-ups with your referral tracking. Donโt try to DIY a widget, as youโll be in for a headache.
Make the referral widget easy to find and access
Pick the right locations on your website for the widget, and make the access points easy to find. For example, you could include a โrefer a friendโ link to the widgetโs landing page in your top menu. Or you could create a small floating โrefer a friendโ widget thatโs always visible and opens the full form when itโs clicked. You could also try a hero image on your homepage that directs to the widget.
Show the widget at the best times
Asking for referrals at the right timeย is key to referral program success. Know the key moments when your customers will be most open to engaging with the referral widget.
- Trigger the referral widget right after customers have made a purchase (as a pop-up or redirection to your refer-a-friend page after checkout).
- Include the widget when someone signs into their account on your brand website.
- If you offer credit or discounts for referrals, put a button on your homepage to entice repeat customers to refer their friends before making their next purchase.
- Send an email with a link to the widget after a customer makes a purchase (or even put the link in their receipt).
- If you offer a subscription service, include a link to the referral widget in your customer invoices, whenever their plan renews.
- Send personalized invitations or reminders to your most loyal customers โ again, with direct links to your widget!
Give your customers multiple sharing options
Your customers must be able to share in a convenient way for a referral widget to work. So, offer several sharing options.
- Every referral program should give the option to share via email.
- Provide options for sharing on the social media platforms your customers use most, as this is where they naturally share information. ย
- Make sure to provide a unique referral linkย that ties back to your customer. This way, customers can copy, paste, and share the link with their friends, wherever they please.
- You can also let your customers share directly via SMS, although usually the referral link works just as well.
Make sharing easy
User experience is key, so donโt make your referral widget complicated. Use as few steps as possible for your customers to refer a friend.
- Ideally, a customer should be able just enter their email and their friendโs contact info, add a personal message if they wish, and click to share.
- Provide a unique referral link to let customers copy, paste, and share on their preferred channel.
- Simplify things even more by filling in your customerโs name and email address automatically when theyโre logged into their account.
Itโs best to also give a brief explanation of how the referral program works in your widget. This gives customers all the tools they need for success.
If your referral widget is easy to use, your customers will be more likely to refer more friends.
Use an eye-catching call to action
A referral widgetโs call to action (CTA) is the largest text displayed on the widget, meant to catch customersโ eyes and direct them to refer their friends to your business. It convinces customers to keep the widget open, learn more about your program, and participate. ย
Convince customers to share with an enticing reward
Offering rewards for referring a friend, like store credits, discounts, or free products, motivates customers to take advantage of the referral widget and share with friends. In your widget, specify exactly what reward your referrers will receive for a successful referral.
Make sure the reward is promoted front and center in the widgetโs referral call to action, or directly under the call to action (e.g., โRefer a friend and get 25% off!โ or โ$10 for you, $10 for your friendโ). ย
Donโt be afraid to mention intrinsic rewards as well, like the opportunity to help a friend.
Promote your referral program onsite and offsite
A referral widget canโt function without solid promotion. If youโve put all the work into your widget but your customers donโt know where to find it, itโs practically useless.
Make sure to promote your referral program via email, social media, and (as we covered before) on high-contact points on your website. Always include a direct link to the referral widget in your promotional efforts!
Test your widget
Donโt just leave your widget be when youโve placed it on your website. Testing and monitoring its functionality and performance enables you to learn from your design and retain what works.
A/B testing is a great option, as it lets you compare and test different copy and designs for your widget, or even different types of widgets, side by side.
Types of referral widgets
Now that weโve gone over best practices for using refer-a-friend widgets, hereโs an overview of some of the most common types.
Embedded referral program widget
This referral program widget is embedded into a designated referral program page on your website. Itโs easily the most common referral widget.
User account referral widget
This embedded refer-a-friend widget is only accessible when someone is already logged into their user account on your website. If someone who isnโt logged in tries to access it, they will see a login prompt instead.
Standard pop-up widget
This referral program widget pops up on your website whenever a user completes a designated action (for example, right after theyโve made a purchase or right after theyโve logged into their user account). ย
Floating button widget
With this widget, users will see a button with a โrefer a friendโ prompt at a designated point on their screen (e.g., the right side or bottom right). Theyโll see this button no matter where they scroll or click. Clicking on the button opens up a full refer-a-friend panel in a pop-up.
Go beyond the widget with robust customization
Ready to add a referral widget to your website? Learn how Referral Rock referral software can help you unlock more word of mouth, and how we go beyond the widget to help you customize a robust customer referral program! ย