Best practices: making your referral program visible
The most common reason a referral program underperforms is not a weak reward — it is that customers never see it. The short answer: do not rely on a single placement. Combine an always-on widget, a post-purchase prompt at the moment of highest goodwill, a dedicated landing page you can link anywhere, and email so the program reaches customers who have left your store. This article explains how those surfaces work together, then links the Bloop branding settings for each.
Think of visibility as a system, not one button. Each surface catches customers in a different state of mind, and a referral that one surface misses, another can catch.
The four surfaces and what each is for
Section titled “The four surfaces and what each is for”| Surface | When it reaches the customer | Its job |
|---|---|---|
| Widget (launcher + panel) | While browsing your store | An always-on invitation to share, recognised as part of your brand |
| Post-purchase popup | The instant an order completes | Captures the buyer at peak goodwill, before they leave |
| Referral landing page | Anywhere you link to it | A permanent home for the program, off-site and on |
| After the customer has left | Brings inactive customers back into the program |
Each surface lives in your referral campaign’s Branding section, except email, which has its own Email notifications section in the same campaign.
Lead with the post-purchase moment
Section titled “Lead with the post-purchase moment”The single highest-converting moment is right after checkout, when the customer is happiest with you. Frame the prompt around the friend’s reward — “Give friends a discount, and earn one yourself” — so sharing reads as doing a favour, not as you asking for one. Keep it to a sentence. Set this up in the post-purchase popup.
Keep the widget quietly present
Section titled “Keep the widget quietly present”The on-site widget catches customers mid-browse. Treat the launcher as advertising and the panel as the product: keep the launcher visible on high-intent pages without nagging, and make the panel polished enough that sharing feels worthwhile. Brand it before you promote anything, because every on-site share begins here. If you use Auto-open popup on page load, set a few seconds in Wait before opening and let the popup close automatically, so it greets visitors instead of blocking the page. Style it in the referral widget and popup branding.
On product pages, the Referral Share Button adds a share link beside the product, shown only where your friend’s reward applies.
Give the program a permanent home
Section titled “Give the program a permanent home”A landing page is the one link you can drop into a menu, newsletter, order email, or social bio and trust to explain the program. Give it a clean handle and add it to your main menu or footer before launch — a page nobody can find converts nobody. Create it in the referral page branding.
Use email to reach customers who have left
Section titled “Use email to reach customers who have left”The widget and post-purchase prompt only work while a customer is on your store. Email closes that gap, pulling lapsed customers back into the program and reminding referrers about rewards before they expire. Configure the program emails in referral emails.
Sequence it for launch
Section titled “Sequence it for launch”- Brand the widget so it matches your store.
- Turn on the post-purchase prompt — your highest-converting surface.
- Publish the landing page and add it to navigation.
- Switch on the referral emails.
- Then start actively promoting, knowing every surface is ready.
Set it up in Bloop
Section titled “Set it up in Bloop”- Referral widget and popup branding
- Post-purchase popup
- Referral landing page
- Referral Share Button on product pages
- Referral emails
- For off-site promotion ideas, see how to promote your referral program and the best referral widgets for Shopify.