Once you’ve set up your referral rewards in Line Loyalty, you can display a Referral Program block directly on your Shopify storefront.
This lets your customers easily access and share their referral links directly from your desired page.
Benefits of adding Referral Block
Adding the referral program block to your storefront helps you:
Increase visibility - Make your referral program easy to find and use.
Encourage sharing - Customers are more likely to refer friends when the program is accessible.
Boost participation rates - Streamlines the referral process for both referrers and referred friends.
Reinforce loyalty - Keeps engagement consistent alongside your points and rewards widgets.
💡 Tip: Most merchants add the referral block to their homepage or dedicated Loyalty page to maximize visibility.
How to Add the Referral Block
You can add the referral block to your storefront using Shopify Online Store Customizer.
From your Shopify admin, go to your Online store > Themes (your live theme) > Customize.
Choose the page where you want the referral block to appear (e.g., Homepage or Loyalty page).
Click Add Section or Add Block.
In the apps tab, search for Line: Refer a Friend block.
Click Add to insert the block.
Adjust the placement, layout, and visibility as needed.
Click Save to publish changes to your storefront.
✅ That’s it! Your referral block will now appear on your storefront for customers.
Customizing the Referral Block
You can customize your referral block to match your storefront design and tone directly in the theme customizer..
Customization options include:
Featured image: representing your referral program
Banner Content: (For logged in and logged out customers)
Background Colors: To fit your brand theme
Changing the default referral message shared on social media
💡 Tip: Keep your referral offer headline short and value-driven — for example:
“Give $10, Get $10 — Share the love!”
For Logged out users:
For Logged in users:
Best Practices
Place it strategically: Add it to high-traffic areas like the homepage, product page or dedicated Refer a friend page.
Combine with loyalty widgets: Encourage customers to both earn points and refer friends in one place.
Use banners or popups: Highlight your referral program during sales or special campaigns.
Test visibility on mobile: Ensure the referral block looks great and functions smoothly on smaller screens.
Promote it across channels: Link directly to your referral program in newsletters, social media, and email footers.