How to setup Loyalty Reward Widgets

How to setup Loyalty Reward Widgets

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.

Loyalty reward widgets are typically provided by the provider of the loyalty program, and they can be added to a website or web page using a simple piece of code. Once the widget has been added, it will display information about the loyalty program, such as the customer's current rewards balance and any available rewards or discounts.

Workflow

To access all the below codes: Go to  Loyalty Rewards >  Display On Store


Show Customer Available Points


Step 1.  Copy below shortcode

      <span class="aaa-ly-cus-available-p"> </span>
   

Step 2.  Login to your  Store admin    → 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.

  – 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 copied shortcode in “ product-template.liquid ” file under “Sections” for showing points.

2.  Account Page  → Paste copied shortcode in “ customers/account.liquid ” file under “Templates” for showing points.

3.  Home Page  → Paste copied shortcode in “ index.liquid ” file under “Sections”(appearing in home page) for showing points.

4.  Collection Page  → Paste copied shortcode in“ product-grid-item.liquid ” file under “Snippets” for showing points.

5.  Cart Page  → Paste copied shortcode in “ cart.liquid ” file under “Sections” for showing points.

NOTE:  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 below suggested “. liquid ” files accordingly for pasting shortcodes and displaying customer points on specific pages:

1.  Product Page  → Paste copied shortcode in “ product.liquid ” file under “Templates” for showing points.

2.  Account Page  → Paste copied shortcode in “ customer/accounts.liquid ” file under “Templates” for showing points.

3.  Home Page  → Paste copied shortcode in “ index.liquid ” file under “Templates” for showing points to any home page section. Find keyword “include” if any snippet has been included and open that file under “Snippets” and paste the shortcode there.

4.  Collection Page  → Paste copied shortcode in” collection.liquid ” file under “Templates” for showing points. Find the keyword “include” if any snippet has been included and open that file under “Snippets” and paste the shortcode there.

5.  Cart Page  → Paste copied shortcode in “ cart.liquid ” file under “Templates” for showing points

Show Customer Lifetime Points


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 liquid file (Files can be chosen from suggestions).

Step 3.  Paste the copied shortcode where you require it and save it.

Show Customer Spent Points


 

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 liquid file (Files can be chosen from suggestions).

Step 3.  Paste the copied shortcode where you require it and save.

Setup Points Redemption Widget on Cart


Step 1.  Copy below shortcode

      <div class="aaa-loyalty-cartredeem-widget"></div>
   

Step 2.  Go to  Online-store → Themes → Actions(Published theme) → Edit code → Open file “cart-template.liquid” under “Sections” .

Step 3.  Paste the copied shortcode where you want to show the widget in the file and save.

Step 4  If you have a non-sectioned theme (no files available under sections) then paste the copied shortcode in  cart-template.liquid  file under  Templates  after </form> tag and save.

Check more details about – What is  Loyalty Rewards Program  here.

Need Help?

Hope you find the guide helpful! If you have any feedback then please feel free to share in the comments below.

Also, check our  features page  to know more about our marketing automation app- AiTrillion.

However, if you have any doubts or queries then reach us here. If you are interested in our app and want to check it by yourself then  request for a demo .

Thanks for paying attention!!

😊🙂

 



    • Related Articles

    • A Quick setup of Loyalty Reward Program

      Engage more customers with earn points and redeeming points set up in your reward program. This is a step-to-step guide to setting up the loyalty program of your store. Watch a 5mins loyalty setup video: Workflow Step 1. Login to AiTrillion. Step 2. ...
    • How to setup Gift Code in Loyalty Earn Points

      Introduction Now, you can earn customer's loyalty easily by offering gift codes! You can reward your customers on the basis of their purchase actions on your eCommerce store. It encourages your customers to make repeat purchase as they are rewarded ...
    • Create Free Product Reward

      Create a free product reward in exchange for the points they have earned. Step 1. Login to AiTrillion. Step 2. Go to Loyalty Rewards > Redeem Points> Free Product Reward Setting Step 3. Configure the settings according to your requirements then click ...
    • How to setup Loyalty Points Expiry

      Offer time triggers loyalty benefits to your customers to encourage fast redemption of earned points. Use this guide to set the expiry date, after which all the loyalty reward points earned by a customer shall expire. Step 1. Login to AiTrillion. ...
    • How to setup Refer a Friend in the Loyalty Program

      Here is an excellent way to reward your customers when they refer friends to your store. Step 1. Login to AiTrillion. Step 2. Go to Loyalty Rewards > Set up program > Earn Points . Then click on refer a friend. Step 3. Fill in the details according ...