Blogs

Set-up Loyalty Reward Widgets

    Following loyalty rewards can be set up in the Shopify store theme.

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

    Step 3.

    Paste the copied shortcode where you require 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.
    ⇒ How to set up?

     

    2. Account Page → Paste copied shortcode in “customer/accounts.liquid” file under “Templates” for showing points.
    ⇒ How to set up?

     

    3. Home Page → Paste copied shortcode in any “.liquid” file under “Sections”(appearing in home page) for showing points.
    ⇒ How to set up?

     

    4. Collection Page → Paste copied shortcode in“product-grid-item.liquid” file under “Snippets” for showing points.
    ⇒ How to set up?

     

    5. Cart Page → Paste copied shortcode in “cart.liquid” file under “Sections” for showing points.
    ⇒ How to set up?

     

     

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

    Set up 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 and save.

     

    – Suggestions where you can paste 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.
    ⇒ How to set up?

     

    2. Account Page → Paste copied shortcode in “customer/accounts.liquid” file under “Templates” for showing points.
    ⇒ How to set up?

     

    3. Home Page → Paste copied shortcode in any “.liquid” file under “Sections”(appearing in home page) for showing points.
    ⇒ How to set up?

     

    4. Collection Page → Paste copied shortcode in“product-grid-item.liquid” file under “Snippets” for showing points.
    ⇒ How to set up?

     

    5. Cart Page → Paste copied shortcode in “cart.liquid” file under “Sections” for showing points.
    ⇒ How to set up?

     

     

    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 where you can paste 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 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.

     

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

    Step 3.

    Paste the copied shortcode where you require 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.
    ⇒ How to set up?

     

    2. Account Page → Paste copied shortcode in “customer/accounts.liquid” file under “Templates” for showing points.
    ⇒ How to set up?

     

    3. Home Page → Paste copied shortcode in any “.liquid” file under “Sections”(appearing in home page) for showing points.
    ⇒ How to set up?

     

    4. Collection Page → Paste copied shortcode in“product-grid-item.liquid” file under “Snippets” for showing points.
    ⇒ How to set up?

     

    5. Cart Page → Paste copied shortcode in “cart.liquid” file under “Sections” for showing points.
    ⇒ How to set up?

     

     

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

     

    Set up points redemption widget on cart

     

    Steps to set the widget are:

    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 after </form> tag in the file and save.

    Aitrillion_loyalty_redeem_points_1

     

     

    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.

    Aitrillion_loyalty_redeem_points_2

     

     

    -Video guidance for the same: 

    Customers Reward Redemption Ways

    Rewards can be redeemed in below-mentioned ways:

    First, Admin will have to create rewards which can be used by the customers for redeeming points.

     

    Rewards created will be visible to the customer. Below are the steps for the customers to redeem points by accessing the rewards tab available in the site:

    Step 1. As a customer, click on REWARDS tab available and then log in to the store.

    Step 2. A popup will appear and from here available loyalty points can be viewed.

    redeem-rewards-6

     

    Step 3. Now click the Get Rewards tab for redeeming loyalty points available.

    redeem-rewards-1

     

    Step 4. Customer can redeem the points by clicking get rewards button beneath any specific reward.

     

    Step 5. After getting a reward, the customer will have a unique discount coupon code which can be used at checkout for getting discount.

    redeem-rewards-2

     

    redeem-rewards-3

     

    redeem-rewards-2

     

    Second, If required, admin can create and add shortcode of the cart widget in cart.liquid file within the theme code so that customers can enter their loyalty points and redeem. Below are some screenshots for creating the widget:

    redeem-rewards-cart-widget-1

    redeem-rewards-cart-widget-2

    Below are the steps for the customers to redeem points at cart:

    Step 1. As a customer, log in to the store.

    Step 2. Add products to the cart. From the cart page points can be redeemed.

    redeem-rewards-cart-widget-3

     

     

     

    Share
    Did this article answer your question?
    Share
    Book A Demo