Custom Loyalty Rewards Page | Personalize Your Loyalty Program with AiTrillion

Loyalty Widget on a Page

Introduction

In this article, we'll show you how to effortlessly set up and personalize a dedicated Loyalty Rewards page.

Follow these steps to set up a custom Loyalty Rewards Page:

Step 1: Go to Loyalty Rewards > Display On Store. Then click on the page tab >> Click on the Generate the shortcode button and copy the code.

Notes
Note: You also have the option to include a loader image, which will be displayed while the page is loading.




Upon clicking "Generate your shortcode," you will receive the following:
 

  1. <div class="aio-loyalty-customer-panel"></div>



Step 2: After generating the shortcode, log in to your Shopify admin and then go to Online Store >> Pages >> Add page.





Step 3: Give a name/title to the page >> Click on the Show HTML button >> Paste the shortcode >> Change the visibility settings as per your need >> Click on the Save button.



Now, the reward page will be visible to the frontstore.



Important Notes

  • Ensure the Loyalty Rewards app block/widget is enabled on the storefront, otherwise, the custom loyalty rewards page will not load correctly.

  • The generated shortcode must be pasted inside the HTML editor (Show HTML) of the Shopify page. Pasting it in the visual editor may break the layout.

  • If you enable a loader image, it will be shown while the loyalty page content is loading. Make sure the image is optimized for fast loading.

  • If the page does not display correctly, recheck that the shortcode is copied exactly as generated and saved properly.


Next⏭️


More Helpful Articles