Loyalty reward widgets
Introduction
Loyalty reward widgets are small, customizable tools that can be added to a website or web page to display information about a loyalty program and allow customers to interact with it.
These widgets can be a useful way to promote and manage a loyalty program, as they can provide customers with easy access to their loyalty account and rewards information.
Overview🗂️
Workflow of the loyalty reward widgets?
To show You earn X points on this purchase
How to show customers available point?
How to show customers lifetime points?
How to show customer spent points?
Workflow
To show You earn X points on this purchase
To learn more, Click here
To Show Customer Available Points
Step 1: Copy the below shortcode
<span class="aaa-ly-cus-available-p"> </span>
Step 2: Log in to your Store admin → Themes → Actions (Published theme) → Edit code → Open a liquid file (files can be chosen from suggestions).
Suggestions to put the shortcode in sectioned themes:
You can choose from the below suggested “.liquid” files accordingly for pasting shortcodes and displaying customer points on specific pages:
1. Product Page → Paste the copied shortcode in the “product-template.liquid” file under “Sections” for showing points.
2. Account Page → Paste the copied shortcode in the “customers/account.liquid” file under “Templates” for showing points.
3. Home Page → Paste the copied shortcode in the “index.liquid” file under “Sections on the home page for showing points.
4. Collection Page → Paste the copied shortcode in the “product-grid-item.liquid” file under “Snippets” for showing points.
5. Cart Page → Paste the copied shortcode in the “cart.liquid” file under “Sections” for showing points.
If you have a non-sectioned theme (no files available under sections) then choose and paste the copied shortcode in the files suggested for non-sectioned themes.
Suggestions to put the shortcode in non-sectioned themes:
You can choose from the below suggested “.liquid” files accordingly for pasting shortcodes and displaying customer points on specific pages:
1. Product Page → Paste the copied shortcode in the “product.liquid” file under “Templates” for showing points.
2. Account Page → Paste the copied shortcode in the “customer/accounts.liquid” file under “Templates” for showing points.
3. Home Page → Paste the copied shortcode in the “index.liquid” file under “Templates” for showing points to any home page section. Find the keyword “include” if any snippet has been included, open that file under “Snippets” and paste the shortcode there.
4. Collection Page → Paste the copied shortcode in the ”collection.liquid” file under “Templates” for showing points. Find the keyword “include” if any snippet has been included, open that file under “Snippets” and paste the shortcode there.
5. Cart Page → Paste the copied shortcode in “cart.liquid” file under “Templates” to show points
To Show Customer Lifetime Points
Step 1: Copy the below shortcode
<span class="aaa-ly-cus-lifetime-p"> </span>
Step 2: Go to Online-store → Themes → Actions (Published theme) → Edit code → Open a liquid file (files can be chosen from suggestions).
Step 3: Paste the copied shortcode where you require it and save it.
To Show Customer Spent Points
Step 1: Copy the below shortcode
<span class="aaa-ly-cus-spent-p"> </span>
Step 2: Go to Online-store → Themes → Actions (Published theme) → Edit code → Open liquid file (files can be chosen from suggestions).
Step 3: Paste the copied shortcode where you require it and save.
Next⏭️
Related Articles
AiTrillion's Loyalty Rewards Program
Watch the 5-minute loyalty setup video Introduction This article will walk you through how the Loyalty Rewards Program in AiTrillion works, the different types of rewards you can offer, and how it helps increase customer retention, lifetime value, ...Enable Loyalty rewards program
Introduction Enabling the Loyalty Rewards Program is the first step toward building stronger, long-term relationships with your customers. Once enabled, you can start rewarding customers for their purchases and engagement, turning occasional shoppers ...Loyalty Widget on a Page
Introduction In this article, we'll show you how to effortlessly set up and personalize a dedicated page of Loyalty Rewards. Follow these steps to set up a custom Loyalty Rewards Page: Step 1: Go to Loyalty Rewards > Display On Store. Then click on ...Configure the display of loyalty rewards
Introduction Welcome to the world of Loyalty Rewards in AiTrillion! In this article, we'll show you how to showcase your Loyalty Rewards program directly on your store, engaging your customers and enticing them to participate. By displaying your ...Configure the Theme to Display Loyalty Points Balance
Introduction In this article, we will walk you through the step-by-step process of configuring your website’s theme to display a points balance effectively. Whether you are using a pre-built theme or customizing one to fit your brand, these best ...