How to Set Up a Referral Widget That Rewards Both Friends

Your happiest customers already talk about you. The trick is making it easy for them to bring a friend, and worth their while for both people. That is what a customer referral widget does. It sits on your site, gives each customer a link to share, and hands a reward to the person who shares and the friend who buys. Do it well and your best marketing runs quietly in the background. This guide shows you how to set one up step by step, in plain language.

What a two-sided referral widget actually is

A referral widget is a small box on your website. A customer clicks it, gets a personal link or code, and shares it with a friend. When the friend places their first order, both people get something nice.

The word "two-sided" just means both people win. The friend gets a reason to try you. The customer who referred them gets a thank-you. That balance matters. If only the referrer gets paid, it feels like you are asking people to sell to their friends. If only the friend gets paid, your customers have no reason to bother. Reward both and the whole thing feels fair.

Here is a simple picture. Maya loves your store. She shares her link with her sister. Her sister gets 15% off her first order. Once that order ships, Maya gets a 15 credit to spend next time. Nobody feels used. Everybody feels a little lucky.

Why referrals beat most other marketing

People trust their friends more than they trust ads. When a friend says "buy this," that carries weight no banner ever will. A referral also brings you a buyer who already has a warm feeling about you, so they are easier to convince and tend to stick around longer.

It is also cheap. You only pay a reward after a real sale happens. No upfront ad spend, no guessing. Referrals work best alongside your other retention efforts, so it helps to already have a plan to turn one-time buyers into repeat customers. A referral widget then turns those loyal people into a small, steady stream of new ones.

Pick a reward that both people care about

Before you touch any settings, decide what each person gets. This choice makes or breaks the whole thing.

You have a few common options:

• Percentage off for the friend (say 10% or 15% off their first order). Easy to understand and feels generous.
• Fixed amount off for the friend (like 10 off orders over 40). Good when your prices vary a lot.
• Store credit for the referrer, added after the friend's order ships. This pulls them back for another purchase, so the reward pays you back too.
• A small free gift for either side, if you sell physical goods and have something cheap to add.

A safe starting recipe: give the friend a clear discount and give the referrer store credit. Store credit is smart because the reward only turns into cash when they shop again. If you want to lean into that idea, this guide on building a store credit system that turns spending into more sales pairs well with a referral setup.

Keep both rewards roughly equal in size. If the friend gets a huge discount and the referrer gets almost nothing, sharing dries up fast.

Set your rules so nobody games the system

A few simple rules keep your referral widget honest and protect your margins.

1. Reward only on a real, completed order. The referrer gets their reward after the friend's order ships or the return window closes, not the moment someone clicks a link.
2. Set a minimum order amount. If a friend must spend at least 30 to use the discount, you avoid tiny orders that cost you money.
3. New customers only for the friend reward. The friend discount should only work for someone who has never bought from you.
4. Cap the rewards per person if needed. Most stores never need this, but a cap stops one clever person from farming credits.
5. Set a clear expiry. Rewards that expire in, say, 60 days create a gentle nudge to use them.

Write these rules in plain words on the referral page. A short "how it works" note builds trust and cuts down on confused emails.

How to set up the widget step by step

The exact clicks depend on your platform, but the flow is the same everywhere. If you build your store on an all-in-one platform like vq.pe, the store, checkout, and payments already talk to each other, so tracking who referred whom is far less fiddly than gluing separate tools together.

1. Turn on referrals in your store or marketing settings and give each customer a unique link or code.
2. Set the two rewards you chose earlier: one for the friend, one for the referrer.
3. Add the rules for minimum order, expiry, and new-customer-only.
4. Place the widget where people will see it. The best spots are the order confirmation page, the thank-you email, and the customer account page.
5. Write the share message that goes out with the link, so customers do not have to think about what to say.
6. Test it yourself. Use a spare email, click your own link, place a small test order, and check both rewards land correctly.

That test step is not optional. A referral program that quietly breaks is worse than none, because you lose the trust of the people who tried to help you.

Put the widget where sharing feels natural

Timing beats placement. Ask people to share when they are happiest, which is usually right after they buy or right after their order arrives.

Good moments to show the referral offer:

• On the order confirmation screen, while the good feeling of buying is fresh.
• In the thank-you email after checkout.
• On the customer account page, so it is always there when they log in. A well-built customer account page that keeps shoppers coming back is the perfect home for a referral link.
• In a follow-up email a week or two after delivery, once they have used the product and love it.

Keep the ask short. One clear line about what the friend gets and what they get, one button to copy the link. Do not bury it in a wall of text.

Make the message easy to share

Most people want to help but freeze up when they have to write something. So write it for them. Fill the share message with a friendly, ready-to-send line they can tweak or send as is.

A good template sounds like a real person, not a coupon: "I've been loving this shop. Here's 15% off your first order." Add copy buttons for text, WhatsApp, and email so sharing takes one tap.

Also show progress. If someone can see "2 friends joined, 1 reward earned," they feel the momentum and keep going. This works a lot like a points program, and if you enjoy that hands-off style, a loyalty points system that runs on autopilot makes a natural companion to referrals.

A quick example that ties it together

Say you run a small skincare store. You set the friend reward at 15% off a first order over 25, and the referrer reward at 8 in store credit once that order ships. You add the widget to the order confirmation page and the thank-you email, with a ready-made WhatsApp message.

A customer, Sam, shares his link with three friends after a great first experience. Two of them buy. Each new friend saved 15% and had a warm introduction. Sam earned 16 in credit, which he spends on his next order. You gained two customers and pulled Sam back for a third purchase, all without spending a cent on ads. That is the quiet engine a good referral widget builds.

Track it, then tweak

Give your widget a few weeks, then check three simple numbers: how many people shared, how many friends bought, and how much each new customer cost you in rewards. If sharing is low, your rewards may be too small or too hidden. If friends click but do not buy, your first-order discount or minimum might need adjusting.

Change one thing at a time so you know what worked. Small tweaks to the reward size or where the widget sits often make a big difference.

You do not need a big audience or a marketing budget to make this work. You just need happy customers and an easy way for them to bring a friend. Pick your two rewards, write a few clear rules, drop the widget on your confirmation page, and let your best customers do the rest. Start small, test it, and watch word of mouth turn into real sales.