Landing Page

A referral landing page gives your program a permanent URL you can put anywhere — a menu, newsletter, order email, or social bio. Unlike the on-site widget, which only works while someone is browsing your store, the landing page is always there. Because Bloop builds it as a real Shopify page on your own domain, it inherits your theme and behaves like any other page. You manage it under the Branding tab of your referral campaign, in the Referral page card.

Best practice: Use a clean, memorable handle (the default referral-program works well) and add the page to your main menu or footer before launch. See how to promote your referral program for ways to drive traffic to it.

When to use a referral landing page

The widget and the landing page solve different halves of the same problem. Reach for the page whenever the share has to start somewhere other than your storefront.

Situation	Why the landing page fits
Linking from email or a newsletter	You need a stable URL to drop into a campaign — the widget can't be linked to directly
A "Refer a friend" item in your menu or footer	Gives the program a permanent, clickable home customers can return to
Social bio or a link-in-bio tool	One short URL that explains the program and starts a share
Paid or organic search traffic	A real page can rank and be indexed; an on-site widget cannot
Explaining a program with rules worth reading	More room than a popup for guide steps, reward tiers, and terms

If your only goal is to catch existing customers while they browse, the widget alone is enough — see referral widget branding. The moment you want to promote referrals off your store, the page becomes the destination those promotions point at.

What makes a referral page convert

Structure the page in the order a first-time reader needs information: value, then mechanics, then proof.

• A headline that names the reward. Answer "what's in it for me?" for both sides. "Give a friend 15% off, get $10 when they buy" beats "Join our referral program."
• A single, obvious action. One button to get a link or join. Competing calls to action split attention and lower the share rate.
• A short how-it-works. Three steps at most — share, friend buys, you both get rewarded. This is what the Guide section is for.
• The reward stated plainly. Both the referrer's and the referee's reward, in money or percentage terms, with any minimum spend visible. This is the Reward section.
• Trust where it helps. Word-of-mouth converts because it is trusted — 92% of people trust a recommendation from someone they know above any advertising, per Nielsen's Global Trust in Advertising study. A line of social proof or a friendly testimonial leans on that instinct.

Keep it scannable. A referral page is read in seconds, often on a phone, by someone deciding whether sharing is worth their social capital.

Create the page

The referral page editor has two tabs: Setup and Content.

1. On the Setup tab, open the create dialog and choose a page URL handle. Bloop builds the URL as https://yourstore.myshopify.com/pages/<handle> and defaults the handle to referral-program.
2. Confirm to create the page. Bloop adds the page to your Shopify store and links it to your referral campaign.

If the handle you pick is already used by another page, Bloop asks you to choose a unique one before it will create the page.

Manage the URL

Once the page exists, the Setup tab shows its details so you can adjust them.

Field	What it controls
Page title	The page's display title in your store
Page URL	The handle after /pages/, which you can rename
Full URL	The complete link, with a copy button for sharing

After editing the title or handle, choose Update page to save the changes back to Shopify. Use View page to open the live page in a new tab.

Handle and SEO: the page lives on your own domain at /pages/<handle>, so it can be indexed and earn search traffic. Pick a readable handle (referral-program, refer-a-friend) and avoid renaming it after launch — a changed handle breaks every link you have already shared.

Edit the content and design

• Content — switch to the Content tab to edit the page wording per language. Content is grouped into Main (with Join program and Share link sub-sections), Guide, and Reward, so you can tailor the copy for each part of the page.
• Design — choose Edit in theme editor to open the page in Shopify's theme editor, where you style it with your theme's sections and your store's branding.

Make the page easy to find

• Add the page to your store's main menu or footer so it is always one click away.
• Embed it into any existing page using Bloop's app block in the theme editor.
• Share the page URL directly in newsletters, order confirmations, and social posts.

See making your referral program visible for how the page works together with the widget, post-purchase popup, and email to surround the customer journey.

A worked example

Illustrative numbers — an example of the reasoning, not measured Bloop results.

1. Create it with a clean handle. Keep the default referral-program handle so the URL reads yourstore.com/pages/referral-program.
2. Write value-first content. In the Main section the headline becomes "Give a friend 15% off — get $10 when they buy." The Guide lists three steps; the Reward section states both rewards plainly.
3. Style it to match. In the theme editor apply your standard header, footer, and brand fonts so the page feels like the rest of the store.
4. Make it findable. Add "Refer a friend" to the footer, link the page from your monthly newsletter, and drop the URL into post-purchase order emails.
5. Watch what arrives. In analytics watch entry-point impressions and shares rise together — the sign that the page is doing its job.

Creating the page is step one of five. Content, design, findability, and measurement are what turn a URL into referrals.

Common mistakes to avoid

• Building the page and never linking to it. A page with no entry points gets no traffic. Add it to the menu or footer before launch.
• A vague headline. "Join our referral program" tells the reader nothing. Name the reward for both sides in the first line.
• Renaming the handle after sharing it. Every link you have already sent breaks. Choose the handle once and leave it.
• Stuffing the page with copy. Three steps, two rewards, one button — anything more dilutes the action.
• Letting it clash with your theme. A page that doesn't match the store reads as third-party and lowers trust. Style it in the theme editor.

Next steps

• Haven't launched yet? Begin with getting started with referrals.
• Style the on-site widget in referral widget branding.
• Add more entry points with the post-purchase popup and customer account extension.
• See where the page fits among your entry points in making your referral program visible.
• For promotion ideas, see how to promote your referral program.