🚀 Feature availability
The Rewards page is available for Growave 2.0 users starting from the Growth plan.
Overview
The Rewards page is a storefront page that displays your loyalty program details. You can customize this page with Shopify standard sections and Growave Rewards page widgets to show how your program works, ways to earn and spend points, VIP Tiers, available rewards, reward history, and referral information.
Key benefits
Boost engagement by making your loyalty program easy to understand.
Increase conversions with clear earning and redemption flows.
Reinforce branding with a fully customizable layout.
How to set up your Rewards page
Before you start, make sure your loyalty program is configured in the admin panel. This includes setting up earning and redeeming rules, configuring the Referral program, defining VIP Tiers, and customizing notifications.
Step 1: Create the Rewards page
In the Growave admin, go to Onsite widgets → Rewards tab → Rewards page.
Choose a Shopify theme (live or unpublished) where you want to create the page.
Set your desired URL (e.g.,
yourshop.com/pages/rewards).Enable the Add to main menu checkbox and add a menu title.
Click Create page.
⚠️ Important
If a page with this URL already exists, you'll see an error. You can change the URL at any time.
When you create a new Rewards page, all relevant Growave widgets are added automatically in the page customizer. However:
Only widgets for active programs (e.g., Points, VIP Tiers, Referrals) will display in the storefront.
The History and Available rewards widgets appear in the storefront only for logged-in, eligible customers.
Step 2: Open the page in Shopify theme editor
In your Shopify admin, go to Online Store → Themes → click Edit theme.
In the top dropdown, choose Pages → growave-reward-page.
Here you can customize the Rewards page by adding Growave widgets and Shopify sections, arranging them in any order.
⚠️ Important
Some Shopify sections (like Image banner or Multicolumn) may not be supported by your theme. If you don’t see a specific section, contact your theme developer or try a different theme that supports standard Shopify blocks.
Step 3: Add a welcome message
Use an Image banner section to introduce your loyalty program and encourage sign-ups:
In Shopify theme customizer, click Add section → in Sections tab, select Image banner.
Upload a background image.
Add a headline and short description. Here are some examples:
Join the club, get rewarded – Earn points for every purchase and redeem them for exclusive rewards.
Rewards just for you – Sign up and start collecting points for discounts, gifts, and more.
Unlock exclusive rewards – Earn points, save on future orders, and access special perks.
Get rewarded for shopping – Join our loyalty program to enjoy faster checkout, birthday rewards, and more.
Add buttons like Join now or Log in.
Click Save.
✅ Tip
Keep your headline short and benefit-focused. Avoid long marketing copy.
Step 4: Add a "How it works" section
Use a Multicolumn section to explain the steps of your loyalty program:
In the Shopify page editor, click Add section → Multicolumn.
Add 3 columns to explain the basics, e.g.:
Join for free — Create an account to start earning points.
Earn points — Collect points for purchases, referrals, reviews, and more.
Redeem rewards — Use your points for discounts, gifts, or free shipping.
Add icons or images to each column for visual appeal.
Click Save.
How to add and manage Growave Rewards page widgets
Growave Rewards page widgets let you display specific parts of your loyalty program. You can mix and match widgets based on which programs are enabled in your store.
Step 1: Enable Growave app embeds
Growave widgets rely on Shopify App embeds to function correctly on the storefront.
In the Shopify theme editor, click App embeds in the left-hand menu.
Find Growave in the list and toggle it ON.
Click Save.
⚠️ Important
App embeds are usually turned on during the onboarding process. However, it's good to double-check, especially if you're working with a new theme or creating a Rewards page manually.
Step 2: Add Growave widgets to your page
In the page customizer, scroll to the Template area.
Click Add section → Apps tab.
Choose the required widget marked Growave: Loyalty & Wishlist (e.g. Ways to earn points, VIP Tiers, etc.).
Arrange the widgets in your preferred order.
Click Save.
📘 Note
When you add a Growave widget in the Shopify theme editor, you may see a “Dummy content shown” badge. This only appears in the customizer preview to help visualize the widget layout. On the live storefront, the widget will display real data from your store and customers.
Step 3: Control widget visibility and eligibility
If you've enabled Allow or Forbid tags in the Rewards → Settings → Specify customer eligibility section, the Rewards page will not display Growave widgets for guests and ineligible users, and show the following messages:
Logged-out users will see: “Rewards are waiting! Sign up or log in to view your benefits.”
Logged-in but ineligible users will see: “Looks like loyalty benefits aren’t available on this account yet. Please check back later.”
You can customize these messages in Growave → Branding → Language editor.
To allow unauthenticated visitors to view the widgets before logging in, navigate to Rewards → Settings and enable the Show Rewards widgets to guests checkbox. When turned on:
Guest users will see all Rewards widgets on the page.
They must still log in to redeem rewards.
Eligibility tag settings (Allow / Forbid) still apply after login.
Rewards page widgets overview
Ways to earn points
This Rewards page widget shows how customers can earn points, such as through purchases, leaving reviews, or social actions.
Ways to spend points
This Rewards page widget shows what customers can redeem their points for, such as discount codes, gift cards, or free shipping.
Available rewards widget
This Rewards page widget displays rewards that customers have redeemed or earned through Points, Referrals, or VIP Tiers, but have not yet applied.
Only visible to logged-in and eligible customers.
Helps users keep track of unused rewards available for their next purchase.
VIP Tiers widget
This Rewards page widget displays all VIP levels, including names, benefits, and the customer’s current tier status.
The current tier card uses the Primary color defined in Growave admin (Branding → Rewards → General tab → Theme section → Primary color), with white text.
Other tier cards use the same color with lower opacity. Their text color adjusts automatically for readability.
Tier rewards and criteria are configured in Growave → Rewards → VIP Tiers.
Referral program widget
This Rewards page widget displays referral rewards and sharing options. It explains how the program works and shows the reward amounts for both the referring customer and the referred friend.
The widget layout changes based on the customer’s login status:
Logged-out users: See a short program description, displayed rewards for both sides, and sign-up/login buttons.
Logged-in users: See the program description, view their personal referral link with a copy button, and can share the link via Facebook, X, WhatsApp, Messenger, Pinterest, or Email.
⚙️ Customization tip
After adding the Referral program widget, click the widget block in the theme editor to upload a custom background image or add custom CSS styles.
History widget
This Rewards page widget gives customers a detailed view of their Rewards activity. It's only visible to logged-in, eligible customers.
The widget displays:
Earned rewards (e.g. from product reviews, referrals, purchases)
Redeemed rewards (points exchanged for discounts, gift cards, etc.)
Tier achievements (e.g. reached Gold tier, received free shipping)
Manual adjustments (admin-issued point changes or balance updates)
For each entry, the following details are shown:
Field | What it displays |
Action | Type of event (e.g. Reward earned, Redeemed) |
Reward | Points earned/spent, or reward type/amount |
Summary | Discount code, note, or reward description |
Status | Active / Expired (for codes and rewards) |
Date | When the action occurred |
The History widget helps customers track their progress, see which rewards are active or expired, and understand how they’ve interacted with your program — improving transparency and engagement.
How to add a Rewards FAQ section to the Rewards page
FAQs help customers understand how your loyalty program works and reduce support requests. You can add FAQs in two ways:
Option 1: Use Shopify’s Collapsible content section
In the Shopify theme customizer:
Click Add section → select Collapsible content.
Manually enter each FAQ question and answer.
Style the content as needed and click Save.
Option 2: Use the Growave FAQ placeholder widget
This placeholder widget automatically pulls Rewards FAQ content from your Growave admin settings (Branding → FAQ).
In Shopify page editor, click Add section → choose Custom Liquid.
Paste the following code:
<div
class="gw-rd-faq-page-widget-placeholder"
data-gw-widget-shadow-root-enabled="true"
style="display: block"
></div>
3. Click Save.
How to customize the Rewards page widget appearance
Growave admin (colors and fonts): To change the primary colors, button colors, and text styles for all Rewards widgets, navigate to the Growave admin and select Branding → Rewards.
Shopify Theme Editor (CSS and layout): The Shopify Theme Editor does not control the base colors of Growave widgets. You can use the Custom CSS field within the Rewards page widget block to apply advanced styling.
A well-structured rewards page is vital for any online store aiming to boost customer loyalty and engagement. By clearly showcasing your rewards program, VIP tiers, referral details, and an informative FAQ section, you create a compelling experience that motivates customers to return and participate actively. This not only strengthens customer relationships but also enhances overall satisfaction and retention.
Want to see Growave in action?
Book a live demo to explore key features, ask questions, and get expert recommendations tailored to your store.
If you have any questions or need further assistance, please reach out to us at [email protected] or use the chat icon in the bottom right corner of the Growave admin panel. We’re here to help you make the most of your rewards page and achieve your business goals. 🤗