Understanding the referral hub
The referral hub is a personal dashboard where a referrer sees their rewards, tier progress, referral link and code, and recent activity. It renders straight from your campaign, so there’s nothing to build. Brand it from the Referral hub (hosted by Bloop) card under Branding when you’re ready.
What’s on the hub
Section titled “What’s on the hub”| Section | What it shows |
|---|---|
| Header | Your logo, campaign selector (when they’re in more than one), language picker (when automatic translation is on), light/dark toggle, account menu |
| Campaign banner | The banner image you upload, plus the campaign name and what each side gets |
| Referral methods | Their referral link and code, with copy buttons and the share channels you’ve enabled |
| My rewards | Every reward earned, filtered by All / Available / Used / Revoked, with a Shop now button for available discount and free product codes |
| Reward tiers | A progress timeline and what the next referral earns — shown only for tiered campaigns |
| Recent activity | Referral events and their status: Pending, Reward sent, Reward declined |
A revoked reward shows a note explaining why — see reward revocation. Referrers earning cash rewards who haven’t given you payment details see a prompt to add them; see cash rewards.
If Bloop is briefly unreachable, the hub shows the referrer’s last loaded copy with a notice that the data may be out of date, rather than an error page.
How referrers get in
Section titled “How referrers get in”Every hub link Bloop puts in an email or an integration property is permanent — it doesn’t expire, so a Klaviyo or Mailchimp flow that sends days later still works. Opening one signs the referrer in on that device and keeps them signed in until they log out from the account menu.
| Where the link comes from | Property |
|---|---|
| Bloop’s own referrer emails | Built into the template |
| Klaviyo | BLOOP Hub Portal |
| Mailchimp | BLOOPHUB |
Referrers can also get to the hub from your storefront: the Track your referrals link in the referral popup and the Access my Referral Hub link in the customer account open it in a new tab. If the referrer is already signed in to the hub on that device, they go straight to their dashboard. If not, Bloop emails a sign-in link to their address and the hub asks them to check their inbox. If the browser blocks the new tab, the popup sends that sign-in email instead.
Logged-in customers can also open the Referral Hub page inside their customer account, if you added it. It shows the same hub without any sign-in email, and its text is set separately; see the Referral Hub page.
That sign-in email is the Referral Hub access email, listed with the other referrer emails. You can edit its wording; if you turn it off or leave it empty, Bloop sends a built-in version so the referrer can still get in.
To keep inboxes safe, Bloop limits how many hub sign-in emails one referrer can receive in a short period and per day.
Open the hub as a referrer
Section titled “Open the hub as a referrer”From Referral → Contacts, open a referrer and choose Open referral hub to see their hub exactly as they see it, useful when someone reports a missing reward or a wrong tier. Referrers can open the hub any time from the Referral link block or the Referral Hub page in their customer account; see customer account extension.
Brand the hub
Section titled “Brand the hub”The Referral hub (hosted by Bloop) card under Branding controls how the hub looks. The Design tab holds the look:
| Section | What you set |
|---|---|
| Logo & favicon | Header logo (PNG, JPEG or WebP, max 5 MB) and browser favicon (PNG or ICO, max 5 MB). Without a favicon, the browser tab shows your logo |
| Colors | Primary brand color |
| Typography | Font family |
| Background | Background color |
| Banner | Campaign banner image. A wide image works best |
The Content tab holds the page title, welcome subline, and the labels on every section: credit balance, campaign, “friend gets” / “you get”, referral methods, tiers, activity, payment info, revoke warning, the Shop now button, the stale-data notice and the campaign selector.
A Custom code tab takes CSS and JavaScript that run on your live hub. Use it for the last 5% your brand needs, such as a web font or a tweak Bloop doesn’t expose. Bloop support can’t debug custom code, and a broken snippet can change how the hub looks or behaves.
A Live preview beside the fields shows your changes on sample data before you save.
Everything you set here is overridden by nothing else: the hub is the one surface a referrer returns to, so it’s worth matching to your store properly.
Languages and appearance
Section titled “Languages and appearance”When automatic translation is on for the campaign, referrers pick their own language from 21 options, including Catalan, from the header. With it off, the hub stays in your default language and the language picker is hidden. Referrers can also switch between light and dark themes. A referrer who has never chosen follows their device’s setting. Both choices stick on that device, so there is nothing to set up on your side.
Next steps
Section titled “Next steps”- Set what referrers earn in Referrer and referee rewards.
- Give referrers more milestones with FlexiTiers.
- Put the hub on your own domain in Sharing link.