Create a tabless loyalty program for BigCommerce
Creating a tabless loyalty program allows you to remove the loyalty tab from your online store. You can then use your unique loyalty program link to allow your customers to access their loyalty profile in other ways, for example, through your stores navigation, a loyalty banner etc.
📝 Note: You can update both the loyalty tab position and visibility under Loyalty tab design. For example, if you would like to have the tab on your online store, but hide your loyalty tab on mobile devices you can.
In this article:
- Creating a tabless program
1. Turn your loyalty tab off
2. Create your unique loyalty program link
- Add your loyalty program to your online store's navigation
- How it works - your customers' experience
- Tabless program examples
Creating a tabless program
📝 Note: If you are not using a BigCommerce Stencil theme, first make sure you have installed your loyalty widget by following this guide.
Turn off your loyalty tab
1. In your Marsello admin, go to Loyalty > Loyalty Widget
2. Click on the toggle to switch the loyalty tab off
This will remove your loyalty tab from your online store.
Create your unique loyalty program link
To create a tabless loyalty program, you'll need to first create your unique loyalty program link.
1. Go to your online store's homepage
2. At the end of the URL, Add /?loyal
💡 Pro Tip: You can have this on any page on your website, as long as it has the /?loyal at the end of the URL.
4. Press Enter to open your loyalty widget on your online store.
5. Copy your loyalty program link
You can now use this loyalty program link on your online store.
Add your loyalty program to your online store's navigation
One way you can create a tabless program is by adding your unique loyalty program link to your store's navigation.
1. In your BigCommerce admin, go to Storefront.
2. Under Storefront, go to Web Pages
2. Click on Create a Web Page
3. Under Web Site Link, select This Page Will: Link to another website or document
4. Under Web Page Details, add a Page Name, and paste your unique loyalty program link.
5. Click Save & Exit
How it works - Your customers' experience
Your loyalty program will then show on your chosen website navigation, e.g. Main Menu.
When a visitor clicks Loyalty Program, your loyalty widget will automatically open. New customers can join your loyalty program and existing customers can login to check their points balance, earn points and redeem rewards.
💡 Pro Tip: Make sure that your loyalty program is visible and clearly labelled so that customers can easily find it. You may even choose to have links on both top and footer navigation, or button links throughout the site so it's easily accessible.
Tabless program examples