Launcher placement and display
Bottom right, bottom left, a custom drag position, or a side tab, with icon, text or both set separately for desktop and mobile.
Show your referral offer on your storefront, thank-you page and customer account
BLOOP puts the offer in front of customers in several places: an on-site widget, a friend popup, a referral page, the thank-you page, customer account blocks and a personal referral hub.
What it is
Popup, referral page and hub, explained
A referral program only spreads if customers see it. The widget is a launcher button that opens a panel on your storefront, and the friend popup greets a visitor arriving on a referral link. The referral page is a real Shopify page on your domain, so it inherits your theme, and the post-purchase block asks for a referral right after checkout.
Customer account blocks keep the offer in front of repeat customers, and the referral hub gives each referrer a personal dashboard with their link, code, rewards and tier progress. All of these belong to a branding theme you edit once, and wording can be saved per language.
For your customers
How it works on your store
-
01
A customer sees the offer
They notice the launcher on a product or cart page, the block on the thank-you page, or the referral link in your menu or footer.
-
02
They open it and join
The panel asks for their email, then shows their link and code with share buttons.
-
03
They share
They copy the link or use a share channel you enabled, including email sent through BLOOP.
-
04
The friend arrives
A friend who clicks the link sees the friend popup, claims the reward and gets a confirmation to copy.
-
05
The referrer comes back to track it
The Track your referrals link in the popup and the hub link in the customer account open their referral hub.
For you
Set it up in BLOOP
Steps follow the BLOOP user guide. Most stores finish setup in about 30 minutes.
-
01. Style the widget and friend popup
In your campaign, open Branding, pick a theme, choose Customize, and edit the Referral widget and Friend popup cards: launcher, placement, panel colors, wording and optional auto-open.
Read the guide → -
02. Choose which pages show the launcher
Show it on all pages, only on selected pages, or hide it on selected pages. Pick from Home, Cart, Product, Collection and Search, or add a URL.
Read the guide → -
03. Create the referral page
In the Referral page card, enter a handle and select Create. BLOOP makes a Shopify page at /pages/<handle> that you style in the theme editor, then add it to your menu or footer.
Read the guide → -
04. Add the post-purchase block
Customize the Post-purchase popup card, then use Edit in checkout editor, select the Thank you page, add the Bloop Referral block and save.
Read the guide → -
05. Add customer account blocks
In Shopify's customer account editor, add the Referral link block to the order status, order index or profile page, and edit the wording in Bloop.
Read the guide →
Options you control
Make it fit your store
Auto-open and auto-close
Open the popup on page load after a delay, and close it automatically after a set number of seconds.
Referral page layout
Three sections (Main, Guide, Reward) that you can hide, reorder and color, with an optional image beside the signup block.
Three account blocks
Referral link, Referral rewards, and Reward payment method for cash payouts.
Referral hub
A hosted dashboard with link, code, rewards filtered by status, tier timeline and recent activity.
Custom code and languages
Add CSS and JavaScript to the widget, and write wording per language or let automatic translation handle it.
Guides
Go deeper
FAQ
Popup, referral page and hub: common questions
Do I need to code to add the popup?
No. You style the widget and popup in the BLOOP editor and add the referral page and thank-you block through Shopify's theme and checkout editors. Custom CSS and JavaScript are optional and are not supported by BLOOP support if they break.
Which surface matters most?
BLOOP's guide marks the referral page and the post-purchase block as Recommended, because together they carry most of a mature program's traffic. Check Referral analytics for impressions and share rate per entry point on your own store.
Can I hide the launcher and still use the popup?
Yes, but something else must open it, such as auto-open or your own link or button. If nothing opens the popup, visitors cannot reach it.
Will the referral page break my theme?
It is built as a real Shopify page with an app block, so you style it in the theme editor like any other section. Avoid renaming the handle after launch, because that breaks links you already shared.
More referral program features
Pairs well with
Turn Your Customers Into Your Best Marketers
Boost revenue, cut CAC, and build loyalty with BLOOP’s all-in-one referral & affiliate solution for Shopify.