Configuration of theme to show points balance

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 ...

    • 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 ...

    • Set Up The Membership Module Again After Changing The Theme

      For the Membership module, if you added or publish a new theme after the app is installed then these snippet files will need to be added to the new/updated theme along with the liquid installation. Follow below steps to setup the Membership Module ...