Loyalty Page
The Loyalty Page is a full rewards dashboard you embed on a page of your store — most merchants create a dedicated "Rewards" page for it. It gives customers a roomy home base for your program, with their balance, tier, ways to earn, referral link, and full history all on one page.
What shoppers see
Signed-in shoppers see the full dashboard:
- Their points balance and pending points
- Their VIP tier and progress to the next one
- Ways to earn more points
- Their referral section
- A history of their points activity
Shoppers who aren't signed in see a welcome hero with a sign-in prompt, so the page still works as a landing spot for your program.
How to add it
- In Shopify admin, create the page you want to use — for example a page called "Rewards" — under Online Store → Pages.
- Go to Online Store → Themes and click Customize.
- Navigate to that page in the theme editor, then use Add block in a section and choose Loyalty Page.
- Adjust the settings below, then click Save.
Theme editor settings
| Setting | What it does | Default |
|---|---|---|
| Guest hero image | Background image shown to shoppers who aren't signed in (use roughly 1200×600 or larger) | None |
| Color scheme | Light or dark, or auto to match the shopper's system setting | Auto |
| Show tier progress | Show the VIP tier section and progress bar | On |
| Show ways to earn | Show the list of earning actions | On |
| Show referral section | Show the customer's referral link | On |
| Show transaction history | Show the customer's points activity history | On |
| Content alignment | Center or left-align the page content | Center |
| Background / Card background / Primary text / Secondary text | Optional color overrides for each part of the page | Follows the color scheme |
Heading, fonts, and brand come from the app
Like the launcher, the heading and subheading copy, accent color, fonts, and card radius are managed in the app under Settings → Widget Customization, not the theme editor. The Loyalty Page and the launcher share those brand settings, so they stay consistent. Full brand matching — custom colors, fonts, and hero — is available on the Growth plan and above.
Related
- Loyalty Launcher: the floating rewards button that shares the same brand settings.
- Loyalty Studio: the same style of dashboard inside the customer account area.
- Widget Customization: set the page's heading, colors, and fonts.
- Loyalty Overview: how points, tiers, and rewards work.