Your website
The online side of your program: a Rewards button on every page, reminders on product and cart pages, a full rewards page, want lists, an installable phone app and a thank-you message.
On this page
All of these are added in your theme editor (Online Store → Themes → Customize), except the thank-you message, which lives in the checkout editor.
The Rewards button
- In the theme editor open App embeds and switch on Rewards button.
- Choose the settings below, then press Save.
| Setting | What it does |
|---|---|
| Logo | Shown on the button and at the top of the rewards window. A square image works best. |
| Button style | Logo and label, Logo only, or Label only. |
| Button label | The text on the button (default "Rewards"). |
| Main color | The color of the button and window. |
| Position | Bottom right or Bottom left. |
| Show rewards reminder in the cart drawer | Adds a rewards card to the cart drawer: points this order earns and rewards ready to use, above the checkout button. On by default. |
| Hearts on product cards | Adds a heart to product cards that saves the product to the customer's want list. Off by default. |
Signed in: their balance, VIP tier, saved rewards with Apply to cart, rewards they can redeem now, a "complete your profile" card if it's unfinished, their progress (badges, quests, streak and so on) and recent activity. Redeeming puts the code straight on their cart. Signed out: how to join and a sign-in link.
The button hides itself while a cart drawer is open, so it doesn't cover the checkout button.
The Rewards reminder
A small card you place on product pages and the cart page.
- On product pages it shows how many points the product earns, and on sold-out products an "Add to want list" button. Turn off the points line with the block setting On product pages, show the points this product earns.
- On the cart page it shows the points the cart earns, saved rewards with Apply, and how much the customer can redeem.
Add it to product pages
- In the theme editor, open a product page (top menu → Products).
- In the product information section, press Add block, open Apps and pick Rewards reminder.
- Drag it to just under the price. Press Save. Repeat for each product template you use.
Add it to the cart page
- Open the cart page in the theme editor.
- Add the Rewards reminder block (Add block → Apps) near the checkout button, and save.
Cart drawer
App blocks can't go inside a cart drawer, so the drawer card comes from the Rewards button embed instead (the setting above). It is built for Dawn-style cart drawers; on other themes, check it shows up, and use the cart page block if it doesn't.
The rewards page and menu link
Your store gets a rewards page at /apps/rewards, shown inside your theme. Visitors see how the program works, ways to earn, rewards, VIP tiers and questions. Members see their balance and tier in a header strip and tabs for their progress, redeeming, ways to earn, want list and tools, referrals and questions.
Add it to your menu
- Go to Online Store → Navigation (or Content → Menus) and open your main menu.
- Add a menu item named "Rewards" with the link
/apps/rewards, and save.
Change the page text
In CounterQuest → Settings → Rewards page, set the headline, intro and main color. The questions and the program terms are written from your settings automatically. Add shop-specific rules under Program terms → Extra terms. The terms also have their own page at /apps/rewards/terms, handy for a footer link.
Want lists and hearts
Turn on want lists in CounterQuest → Bonuses & extras → Want lists. Members save products they want, whether they're saving up or the product is sold out. When a saved product that was sold out comes back in stock, the member gets a note in their rewards window, a push notification if they turned them on, and the customer tag "Rewards: Want list match" for an email (see Emails with Shopify Flow).
- Product pages: the Rewards reminder shows "Add to want list".
- Product cards: switch on Hearts on product cards in the Rewards button embed. It works on Dawn-style product cards.
- The want list page:
/apps/rewards/wantslists saved items with live price and stock, filters and Add to cart. The rewards window and rewards page link to it.
Bonuses & extras also shows a "Most wanted right now" list, useful when you're deciding what to restock or buy.
The phone app and notifications
Customers can install your store as an app on their phone's home screen. No app store listing is needed.
- Upload a square icon (at least 512×512, PNG works best) in Shopify Content → Files and copy its link.
- In CounterQuest → Settings → Rewards page, paste it into App icon (optional) and save. Without one, a simple icon in your page color is used.
A small "📱 Get the app" button on the rewards page. Android installs in one tap; iPhone shows how to use Share → Add to Home Screen. Returning phone visitors may see a slim install strip at the top of the page. Inside the installed app there's a tab bar (Shop, Rewards, Want list, Cart, Account) and a one-time offer to turn on notifications.
Push notifications go out for want-list restocks, a reward becoming ready and the birthday bonus. Customers turn them on from the rewards page (Want list & tools tab → Phone notifications) or the in-app offer. On iPhone, notifications only work in the installed app.
Thank-you page message
- Go to Settings → Checkout and press Customize.
- Switch to the Thank you page in the page menu at the top.
- Add the app block Rewards: points earned where you want it, and save.
"You earned about N points with this order", with a link to your rewards page. It is an estimate from the order subtotal and any points event running. The points are added to the account with the order's email within a few minutes (plus any VIP tier bonus), and customers without an account are told to create one with the same email.