Rewards page & reward reminder

What your customers see, and how to make it yours.

The Rewards page

A block for your theme that you put on a page of your own. It works on every store, whichever kind of customer accounts you use. It shows:

• The customer's tier and the date they joined, or an invitation to join if they're not a member yet.
• What they've spent this year, a progress bar, and how much more they need for the next tier.
• A ring showing how far they are from their next reward code.
• The benefits you list.
• Their unused reward codes, each with its value, expiry and a Use code button.
• A "How it works" panel showing every tier and what it takes to reach it.

Signed-out visitors see a sign-in button that brings them straight back to the page. The block reads straight from Shopify, so it loads fast and keeps working even if TierWise itself is briefly unavailable.

Placing the page

The app's Setup page does it: its buttons create the page and add the menu link, and open the theme editor for the part only you can do there. See Getting started, which has the editor steps with pictures. In short:

1. Create a template for the page. In the theme editor's dropdown at the top, choose Pages, then press Create template. Name it "rewards", based on Default page. Without this the block would appear on every page that shares the default template.
2. Hide the theme's page title. In the left panel, under Template, click the eye on the Page section. The block has a title of its own.
3. Add the block. Add section → Apps → Rewards page. Save.

The page is live at /pages/rewards on your store as soon as it's saved.

Where the Rewards link appears

Setup adds "Rewards" as the last item of your store's main menu. On Shopify's own themes that's the navigation in your header, and the slide-out menu on phones.

If your header shows a different menu, the link is added but customers won't see it. Add "Rewards" to the menu your header uses under Content → Menus.

Make it yours

In the theme editor, on the block:

A signed-in customer who hasn't joined yet sees an invitation instead of a status: your heading on the card, what they need to spend to reach the first tier, and a button to start shopping. Once they've spent something, the card shows how far they have left. Below it comes what members get, then how it works.

Tier names and thresholds come from the app's Settings and appear on the page as soon as you save them. Everything else about the page is set on the block itself.

The reward reminder

A small pop-in on your online store that tells signed-in members what they have waiting. It slides in at a bottom corner, and becomes a slim strip along the bottom on phones. It stays off the Rewards page itself, where the codes are already on screen. You can have a bar across the page instead. It only appears for customers who hold at least one unused code, and they can dismiss it. It comes back when their codes change.

• One code: "You have $30 off waiting", with a Use it now button. One click puts the code on their order, so there's nothing to copy or type at checkout.
• Several codes: "You have 2 rewards: $30 off and 15% off", with a link to the Rewards page. Only one code can be used per order, so they pick one there: each code has a Use code button that puts it on their order.

Turning it on

From the app's Setup page, click Add the reward reminder. Your theme editor opens with Reward reminder switched on under App embeds. Click Save. You can also find it any time in Online Store → Themes → Edit theme → App embeds.

Settings