Configure Theme to Show Loyalty Points Balance | Enhance Customer Visibility with AiTrillion

Configuration of theme to show points balance

Introduction

In this guide, 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 practices will help you create a seamless and visually appealing experience for your users. Let’s get started!


There are 4 widgets which are required to configure show points balance

1. Customer available points
2. Customer lifetime points
3. Customer spent points
4.) Earn Points - To setup earn point widget - Click here

Workflow

Following loyalty reward points can be shown in the Shopify store theme:

A) Customer available points

Here are the steps for setting up the widget:

Step 1: Copy below shortcode

<span class="aaa-ly-cus-available-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 need it and save it.

B) Customer lifetime points

The steps for setting up the widget are:

Step 1: Copy 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.

C) Customer spent points

Follow the below steps for setting up the widget:

Step 1: Copy below shortcode

<span class="aaa-ly-cus-spent-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.

Suggestions to put the shortcode in sectioned themes:

You can choose from 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” to show 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 any “.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 “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” to display the points.

2. Account Page → Paste the copied shortcode in the “customer/accounts.liquid” file under “Templates” to display the 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 the “cart.liquid” file under “Templates”to display points.

    • Related Articles

    • Create and export a loyalty points balance sheet

      Introduction In this article, we'll walk you through the step-by-step process of generating a detailed balance sheet that provides insights into your customers' accumulated points, redemptions, and overall loyalty program activity. Follow these steps ...
    • Cart widget points

      Introduction In this comprehensive article, we'll walk you through the steps to configure Cart Widget Points, enabling you to display customers' loyalty points directly in their shopping carts. Here are the below steps to set Cart Widget Points: Step ...
    • Display and Customize the Earn Points Widget

      Introduction In this article, we'll explore how to display the "Earn Points" widget on your store's product detail & collection page and the benefits it brings to your overall customer retention strategy Overview?️ Display earn point widget ...
    • Manually adjust Loyalty Points

      Introduction In this article, we'll delve into the process of manually adjusting customer loyalty points within your AiTrillion platform. Here are the steps to manually adjust the customer’s Loyalty Points -: Step 1: Under Loyalty Rewards go to ...
    • Setup Reedem Points

      Watch the quick video to understand the Loyalty Redeem Points setup Introduction In this article, we'll walk you through the process of setting up and managing your loyalty program's redeem points system. Rewards are a part of AiTrillion 's loyalty ...