How to add referral blocks to customer accounts

Your most likely referrers are repeat customers, and the customer account is where they spend their logged-in time. The post-purchase widget catches a buyer once; the account blocks are there on every return visit, next to the orders and details they came for. That makes this the best surface for steady, long-tail referrals — and the only place a referrer can give you the payment details a cash reward needs.

Bloop ships three blocks and a full Referral Hub page for Shopify customer accounts. You add them in Shopify’s customer account editor, and edit their wording in Bloop from the Referral in customer accounts card under Branding.

Best practice

Add the Referral link block to the order index as well as the profile. A customer checking “where’s my order?” is already engaged and already logged in — that’s a better moment to ask than a profile page they visit twice a year.

The three blocks

Block	Where it can go	What it does
Referral link	Order status, order index, profile	Shows the customer’s referral link and code, the share buttons you enabled, and a link that opens their referral hub
Referral rewards	Profile	Lists what they’ve earned — discount codes, store credit, cash, free products and custom rewards
Reward payment method	Profile	Lets a referrer choose how they want to be paid and fill in their details

Add them to your store

1. In Shopify admin, open Settings → Customer accounts and edit your customer account pages. From Bloop, Edit in customer account editor takes you straight there.
2. Choose the page you want — Profile, Orders, or an order’s status page.
3. Add block, then pick the Bloop block under Apps.
4. Position it and save.

The Reward payment method block only belongs on the Profile page. If your campaign pays cash, add it before you turn the reward on — otherwise referrers earn money you have no way to send.

If your target audience is a customer segment or has excluded segments, you can choose Hide the referral program completely under Customers outside the audience. Logged-in customers who don’t qualify then don’t see these blocks.

The Referral Hub page

The Bloop: Referral Hub page puts the whole referral hub inside the customer account, as its own page in the account menu. A logged-in customer opens it like their orders or profile, with no separate sign-in and no email to wait for.

Section	What it shows
Header	A welcome line, the Campaign selector when the customer belongs to more than one active campaign, and the language selector when automatic translation is on
Campaign card	The campaign name, whether it’s active, and what the friend gets and what the referrer gets. In a tiered campaign, the referrer’s side shows the reward for their next tier
Referral methods	Their referral link and code, each with a copy button, the share channels you enabled, and a form to invite friends by email
Reward tiers	Their progress through your FlexiTiers, with what the next referral earns. Shown only for tiered campaigns
My rewards	Every reward, filtered by All, Available, Used and Revoked, with a copy button and Shop now for available discount and free product codes
Recent activity	Their referred purchases and the status of each reward

iMessage is never shown on this page, because customer account pages can’t open the Messages app. When a campaign has ended, its card shows Inactive, and only the rewards and activity remain. Customers who have no referral link yet see No Referral Hub yet, with a Join the referral program button that opens your referral page. If Bloop is briefly unreachable, the page shows the customer’s last loaded copy with a notice that some numbers may be out of date.

To add the page:

1. In Bloop, open Branding → Referral in customer accounts and click Edit in customer account editor at the top.
2. In Shopify’s editor, open Apps and add Bloop: Referral Hub.
3. Accept the prompt to add it to the customer account menu, then save.

The page needs Shopify’s customer accounts, the version with the account editor. Its wording is set in the Referral hub page section of the same card, and it is separate from your web referral hub’s text. On older plans, editing that text needs the Scale plan.

Best practice

Add the page even if you already use the Referral link block. The block catches attention on the orders page; the page is where a referrer comes back to check rewards without hunting for an email.

Edit the wording

The Referral in customer accounts card under Branding has a section per surface, Referral hub page, Referral link and Referral reward, with a live preview beside the fields. View customer account above the preview opens your store’s customer account. Content saves per language. With automatic translation on for the campaign, each customer sees the text you wrote for their language, or Bloop’s built-in wording if you wrote none, so write every language you care about. With it off, everyone sees your default language. The language selector appears only when automatic translation is on.

Switching language discards unsaved edits, so save first.

The hub link

The Referral link block ends with an Access my Referral Hub link to the customer’s referral hub, their full dashboard of rewards, tier progress and referral history. It opens the hub in a new tab. If they’re already signed in to the hub on that device, they land straight on their dashboard; otherwise Bloop emails a sign-in link to the address on the account and the hub asks them to check their inbox.

The email step matters because a hub sign-in link is a credential, not a URL you can put on a page: sending it to the address on the account is the safe way to hand it over. Give the link text a reason to click: “See all your rewards” reads better than “Referral hub”.

Collect payment details for cash rewards

The Reward payment method block shows the referrer the payout methods you enabled in Referral → Settings → Payment method, lets them pick one, and collects the fields that method needs. Bloop stores the details and shows them beside the referrer when you run a payout in referral orders.

Until a referrer fills this in, their cash rewards sit in the payout queue with a Referrer hasn’t added payment details yet warning.

Common mistakes to avoid

• Adding the blocks and never mentioning them. Nothing announces a new profile block — link to it from your welcome or reward emails.
• Turning on cash rewards before the payment method block is live. You’ll owe money you can’t pay.
• Putting the Referral link block only on the profile. The order pages get far more traffic.
• Leaving the default copy in one language. These blocks reach your most loyal customers — they deserve their own language.

Next steps

• Catch buyers at checkout with the post-purchase widget.
• Give referrers somewhere to track everything in the referral hub.
• Set up payout methods in Referrer and referee rewards.