Introduction
A dedicated on-site page for your loyalty program is the optimal place where you can explain how your loyalty and rewards program works. A rewards page will be the main place where your customers (and potential customers) can sign up and understand your loyalty program's benefits! In this article, we'll learn how to create a landing page for your Loyalty, Rewards, and Referrals program on your website using our in-app page builder.
✨ Dedicated Loyalty and Rewards page is available on the Starter plan and up
In this article:
Benefits
Show how your Loyalty, Rewards, and Referrals program works and how customers can sign up.
Explain the benefits of your loyalty program on a dedicated page.
Encourage your customers (and potential customers) to log in, earn points and redeem rewards.
Create your loyalty and rewards page
The first thing you need to do is navigate to the page setup in the app.
From your Loyalty dashboard, click On-Site Displays.
Next, click Dedicated Page or click here to go directly there and click Create Page.
Tada! Your Loyalty page is now created and visible at /pages/loyalty-program on your website.
If you navigate to the pages section of your Shopify Admin, a new page will be created called "Loyalty Program".
📝 After creating the page, it will be active on your website under /pages/loyalty-program, but the page will not be visible to your customers until you add it manually in your navigation. See below: Launch your page.
Customize your rewards page using the page builder
Next up, the fun part – let's start to customize the look and feel of the page! We’ll walk through how you can edit, add, arrange and customize your rewards page sections. Your customers can sign in and see their points and loyalty program activity on the page you create. Using the page builder, you can customize images, colors, text, fonts, and the order of your page sections!
There are two views to the page, logged out (guest) and logged in (member). The logged-out (guest) view of the page is visible to customers browsing your website when they aren't signed in to their account. It will show the benefits, and display prompts to join your loyalty program. The logged-in (member) view is visible if the customer is signed in to their account. It will show the customer's account details, their points balance, referral URL and VIP tier status.
The page is divided into 6 sections:
Banner
Explainer
Ways to Earn
Ways to Redeem
Referrals
VIP Tiers.
For each of these sections, you can customize the font, colors, text, images, background, and more. You can also customize each of the logged-in views and logged-out views.
Try to match the colors of your loyalty program to the colors on your website! You can even add a banner image at the top to match your branding.
You can reorder or toggle visibility (hide) sections by clicking the eye icon and the up and down arrows next to the sections. The page preview on the left will update in real-time as you write and change items.
Launch your page
After enabling the page on your website, it's accessible by visiting /pages/loyalty-program
on your website! To launch it live to your customers, for the last step we'll need to add a link to it through your website navigation.
Click here to add a link to your Loyalty page or widget in your menu navigation so your customers can access your loyalty program! The URL handle or link for your page is /pages/loyalty-program
And voila! You now have a loyalty page in 3 simple steps!
Common questions
Can I use the page with only 1 program enabled?
Yes, you can. If you don't have a program enabled, the page section will automatically hide on its own. If you'd like to hide a page section manually, click the "eye" icon next to the title.
Can I use the loyalty page exclusively instead of the widget?
Yes! Your customers can earn, spend and redeem points right from the page itself. You can hide the widget by visiting this link. Note that sharing a referral link will still open the widget.
Can I create multiple loyalty pages?
The app creates a page template in your theme, if you’d like to show this loyalty program on another page, simply create a new page on your Shopify store and assign that page this page template.
Does the app translate my page automatically?
If you use a translation app or feature on your website, that app should pick up that this page is part of your website, and translate the page for you.
Is my page SEO-friendly?
Yes! The page pulls in all the relevant meta tags from your Shopify Admin.
Can I use my own custom icons and will they also update on this page?
Yes! You can set up your own custom icons by visiting this article.