Introduction
Links are the easiest way to promote your Loyalty and Rewards Program with just a click. You can add a link to menu items, buttons, texts, and anywhere that you would share a normal URL in order to boost customer engagement and encourage new sign-ups!
Strategic placement of loyalty links throughout your store can significantly increase program visibility, drive customer participation, and create multiple entry points to your rewards system. Whether you're guiding customers to a dedicated loyalty page or using deep links to open specific sections of your floating widget, well-placed links help showcase the value of your program.
Add links to your Dedicated Page
A dedicated loyalty page gives potential customers a central hub to learn about your Loyalty and Rewards Program benefits. By adding links to this page throughout your store, you create multiple opportunities for customers to discover your program and its value. Here are several ways to link to your dedicated page:
Have a page on your store where potential customers can land on and get to know more about your Loyalty and Rewards Program. If you haven't created a Dedicated Loyalty Page yet, please visit our guide here →
Navigation Menu
From the Shopify admin, go to Online Store > Navigation.
On the Navigation page, click the title of the menu that you want to edit.
Click Add menu item.
Enter the name you wish for your Dedicated Loyalty Page. This will be the name displayed in the menu only.
Click the Link field and paste the URL of your Page. You can also search for the page by clicking Pages in Shopify's dropdown menu.
Click Add to save your new menu item.
Click Save menu.
Button link
From the Shopify admin, go to Online Store > Themes.
In Current Theme, click Customize. If you want to edit a theme that hasn't been published yet, please find Theme Library section.
In the menu at the top, select the page of your store you will add the button to (e.g. Home page).
In the left-side menu, find an existent button or click Add block to add a new button. Please note that you can only add one button per section.
Click the new block that has been added and add the button label.
In the Button link field, paste the URL of your Dedicated Page. You can also search for the page by clicking Pages in Shopify's dropdown menu.
Click Save.
Hyperlink
From the Shopify admin, go to Online Store > Themes.
In Current Theme, click Customize. If you want to edit a theme that hasn't been published yet, please find Theme Library section.
In the menu at the top, select the page of your store you will add the text block (e.g. Home page).
In the left-side menu, find an existent Text block or click Add block to add a new one. Please note that you can only add one text per section.
Click the new block that has been added to open details. Highlight the text you want to add the link and click the Insert Link button.
In the Link field, paste the URL of your Dedicated Page. You can also search for the page by clicking Pages in Shopify's dropdown menu.
Click Insert to add the link and then click Save.
Announcement Bar
From the Shopify admin, go to Online Store > Themes.
In Current Theme, click Customize. If you want to edit a theme that hasn't been published yet, please find Theme Library section.
In the left-side menu, click Announcement bar, and then click Add Announcement.
Click the new block that has been added to edit details. You can change the text and the color scheme according to your theme.
In the Link field, paste the URL of your Dedicated Page. You can also search for the page by clicking Pages in Shopify's dropdown menu.
Click Save.
Add links to your Floating Widget
The Floating Widget can be triggered by deep links (anchor links), which can be used just like any common URL. Deep links allow you to send customers directly to specific sections of your loyalty widget rather than just the home screen, creating a more targeted customer experience.
Here is the list of deep links available and the widget section they link to:
#ba-loyalty-home → The front page of the widget with an overview of points and status
#ba-loyalty-rewards → My Rewards section where customers can view reward history
#ba-loyalty-ways-to-earn → Ways to Earn section showing available point-earning activities
#ba-loyalty-redeem → Ways to Redeem section where customers can spend points
#ba-referral-program → The Referrals Program section with program information
#ba-referrals → My Referrals section for tracking referral activity
📝 Note: Deep links #ba-loyalty-home, #ba-loyalty-ways-to-earn, and #ba-loyalty-redeem only work with logged-in customers. For guests, these links will open the default Widget view.
You can add these anchor links to buttons, texts, navigation menus, and the announcement bar. You can even hide the Widget Button and have deep links to trigger the Floating Widget when they're clicked. Please read our tutorial on Using deep links to open and hide the Loyalty widget.
Special Parameters for Deep Links
You can enhance deep links with special URL parameters to direct customers to specific actions:
Referral Parameters - Add
?referral_code=YOUR_CODEto your URL to direct customers to sign up with a referral codeExample:
mystore.com/?referral_code=FRIEND25#ba-loyalty-home
Best Practices for Using Links
Maximize the effectiveness of your loyalty program links with these strategic approaches:
Strategic placement - Add loyalty links to high-traffic areas of your store like the header, footer, and product pages
Clear call-to-action - Use descriptive text like "Earn Rewards" or "Join Our VIP Program" instead of generic "Click Here"
Targeted deep links - Direct customers to relevant sections based on context (e.g., link to "Ways to Earn" from product pages)
Mobile optimization - Consider using navigation menu links with deep links for mobile users if you've hidden the widget button
Common Questions
Can I track which links customers are using most often?
Yes! You can add UTM parameters to your links for tracking in Google Analytics. For example: mystore.com/?utm_source=newsletter&utm_medium=email&utm_campaign=summer#ba-loyalty-rewards
Can I customize the appearance of my floating widget when opened via links?
While the widget opens with the same appearance regardless of how it's accessed, you can customize its overall look using our Custom CSS options. See our guide on customizing the widget screen.
Why don't some deep links work for certain customers?
Some deep links require customers to be logged in to view personalized content. If a customer isn't logged in, they'll be directed to the default Widget view.