How to customize the post-purchase widget
The moment right after checkout is the best time to ask for a referral: the customer is at peak enthusiasm, the thank-you page has nothing else to click, and you know exactly who they are. Bloop puts a referral block there as a Shopify checkout UI extension, so it renders natively on the order status page.
Open Branding, pick your theme, choose Customize, and open the Post-purchase popup card. Like the referral page, it’s marked Recommended — these two surfaces carry most of a healthy programme’s shares.
Add the block to your checkout
Section titled “Add the block to your checkout”The block doesn’t appear until you place it:
- Edit in checkout editor opens Shopify’s checkout and accounts editor.
- Select the Thank you page.
- Add app block, choose Bloop’s Referral block, and position it.
- Save.
Bloop’s checkout extension also renders a redemption block during checkout, so a referrer can claim a free product reward on their next order.
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 this block.
Write the content
Section titled “Write the content”Two content blocks, each saved per language:
| Block | What it covers |
|---|---|
| Referral block | The prompt on the thank-you page — the headline, the reward line, and the button |
| Email sending | The copy shown when the customer invites a friend by email from that prompt |
Spend your effort on a one-line, value-led referral block. Keep the email warm and personal: it arrives as if from a friend, and it should read that way.
If automatic translation is on for the campaign, switch languages with the selector before you type, because unsaved edits are discarded when you change it. Each customer sees the text you wrote for their language, or Bloop’s built-in wording if you wrote none. With automatic translation off, there is no selector and everyone sees your default language.
Copy that works
Section titled “Copy that works”| Do | Why it works |
|---|---|
| Lead with the friend’s reward | Frames sharing as generosity, not self-interest |
| State both rewards in one line | Two-sided offers outperform give-only ones |
| Keep it to one sentence and one button | The thank-you page rewards a fast, obvious action |
| Make the share one tap | Fewer steps, more links sent |
| Match the tone of the page | A celebratory voice beats a corporate pitch |
A worked example
Section titled “A worked example”Illustrative, not measured Bloop results. The default “Give your friends a reward and claim your own when they make their first purchase” is long and never names the reward. Rewriting it to “Loved your order? Give a friend $10 off - and earn $10 yourself” puts the friend’s reward up front. An A/B test against the default shows share rate rising from 3% to 5% - a real gap - so you keep it.
Common mistakes to avoid
Section titled “Common mistakes to avoid”- Writing the copy and forgetting to add the block. Nothing appears on the thank-you page until you place it in the checkout editor.
- Leading with your ask, not their reward. Put the friend’s discount first.
- Writing a paragraph. One clear sentence — a pitch loses the moment.
- Not localizing. An English-only prompt fails the customers most likely to refer in another language.
Next steps
Section titled “Next steps”- Brand the on-site widget in Widget panel, launcher and referee popup.
- Add a permanent entry point with the referral page.
- Catch repeat customers with the customer account extension.