Search

Loyalty & Rewards: Display Widgets

  • Updated

Showcase the Stamped Loyalty & Rewards program in your store with the list of display widgets available. This guide will showcase examples of each widget.

Key notes

  • Preview your widgets in the dashboard under Display Widgets in your 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://stamped-demo.com/pages/rewards
  • Note: The relevant program needs to be enabled for the display widget to be visible
    • Points - Page Earnings, Page Spending, Checkout redemption, Points Indicator
    • Referral - Page Referral, Page Modal
    • VIP - VIP Tiers

In this guide

Page Summary

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.

Anonymous:

LR

Logged-in Customer:

LR

How it works

A widget to display how the loyalty & rewards program works. This widget is informational and looks the same to every visitor, signed in or not.

LR

Page Earnings

A widget that displays how to earn points in your loyalty & rewards program.

LR

What customers see: everyone sees the list of earning options, so logged-out visitors can still see what the program offers. The Earn Points action on each option only appears for a signed-in customer who qualifies for that action. An action a customer has already completed, or is not eligible for, will not show an active button for them.

Page Spending

A widget that displays the rewards your members can redeem using their accumulated points.

LR

What customers see: everyone sees the list of available rewards. The Redeem action only appears for signed-in customers, and it is only actionable once the customer has enough points for that specific reward. A signed-in customer who is short of the required points will see the reward listed with the redeem option greyed out, which is expected. If a customer with sufficient points still cannot redeem, contact support@stamped.io.

Page Referral

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.

LR

What customers see: the email field, share actions and the customer's unique referral link only appear when the customer is signed in. This is because the widget needs the customer's account details in order to generate and display their referral link. If you are viewing the widget while logged out and the field is missing, that is the expected. Sign in to a customer account and check again.

A pop-up modal that displays after an order for the Referral Program. See our full guide to the Referral Modal widget.

L_R_Widget7.png

Checkout Redemption (Shopify Plus only)

Add a points redemption widget to your Shopify Plus checkout page, giving customers the option to view their points balance, redeem for specific rewards, cash discounts, and more. Check out our full guide on this widget here.

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

L_R_Widget10.png

Here's the code to be installed:

<div id="stamped-rewards-points-placeholder"></div>

Another version of the indicator will display the monetary value of the points accumulated:

L_R_Widget11.png
Here's the code:

<div id="stamped-rewards-points-placeholder" data-type="points-price" data-ratio="100" data-symbol="$"></div>
  • data-ratio: This attribute will determine the ratio of points to the dollar (eg. a ratio of 100 will convert 200 points to $2)
  • data-symbol: This attribute will determine the currency shown on the indicator
  • For the VIP tier indicator, you can install the following code:
<div id="stamped-rewards-viptier-placeholder"></div>

What customers see: these indicators show the signed-in customer's own balance or tier, so they render only for signed-in customers. A logged-out visitor sees nothing in that position.

Rewards Activities

A widget that displays the customer's account history: points earned, points spent, and any manual point adjustments made to their account from the Stamped dashboard. Points expiry also appears here. If a customer queries a change in their balance, this widget shows them the same history your team sees on the customer profile.

L_R_Widget12.png

VIP Tiers

A widget that displays the overview of the VIP program, with the benefits and perks of each tier listed

LR

Display of the perks & rewards for each tier is according to the Tier perks settings for individual VIP tiers over in the program:

https://go.stamped.io/loyalty/tier

LR

 

Related to

Was this article helpful?

2 out of 5 found this helpful

Have more questions? Submit a request