Loyalty & Rewards: Display Widgets
Showcase the Stamped - Loyalty & Rewards program in your store with the list of display widgets available. This guide will showcase examples of each widget. You can preview them in the dashboard under "Display Widgets" in settings: https://go.stamped.io/v3/#/settings/widgets/display/
There are examples from our demo site for each display widget for your reference here: https://www.gatomall.com/pages/rewards-page
Note: The relevant program needs to be enabled for the display widget to be visible
Points - Page Earnings, Page Spendings, Checkout redemption, Points Indicator
Referral - Page Referral, Page Modal
VIP - VIP Tiers
In this guide
- Page Summary
- Page How it works
- Page Earnings
- Page Spendings
- Page Referral
- Referral Modal
- Checkout Redemption
- Points/Value/VIP tier Indicator
- Rewards Activities
- VIP Tiers
A summary page widget where the customer is able to sign in to redeem points and check reward history or sign up for the loyalty & rewards program.
Page How it works
A widget to display how the loyalty & rewards program works.
A widget that displays how to earn points in your loyalty & rewards program.
A widget that displays the rewards your members can redeem using their accumulated points.
A widget for the Referral Program that displays the rewards your member and their friends would get if your member referred them. There are also various options for customers to refer their friends, as well as the display of the unique referral link for each customer account.
A pop up modal that displays after an order for the Referral Program.
There are two types of widgets available: Slider Widget and Drop-Down Box Widget, which allows your members to redeem points at the checkout page.
*For Shopify Plus only
Drop-Down Box Widget:
Installation instructions: Redeeming Points on Checkout
Points/Value/VIP tier Indicator
- A simple points indicator which includes the branding of the points, recommended to be placed in a rewards information page/customer account page/header
Here's the code to be installed:
Another version of the indicator will display the monetary value of the points accumulated:
Here's the code:
- For VIP tier indicator, you can install the following code:
A widget that displays both the earning & spending histories of the customer's account
A widget that displays the overview of the VIP program, with the benefits and perks of each tier listed
Display of the perks & rewards for each tier is according to the Tier perks settings for individual VIP tiers over in the program:
- Any entry in the Tier perks setting will be displayed in the 1st column of the VIP tier widget (eg. "Points multiplier" highlighted in the blue box)
- Any value after the "~" symbol will be displayed under the respective tiers in the same row, (eg. "3x" highlighted in the orange box)
This results in the table as shown below, with the respective values highlighted with the same box color: