Loyalty Widget on a Page
Introduction
In this article, we'll show you how to effortlessly set up and personalize a dedicated page of Loyalty Rewards.
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.
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:
- <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.
Related Articles
Add store credit widget to the cart page
Introduction The store credit widget on the cart page allows customers to view and apply their available store credit before proceeding to checkout. By making store credit visible and easily accessible in the cart, you can improve the redemption ...What is Cart widget?
Introduction The Cart Widget in AiTrillion is a powerful feature designed to enhance the shopping experience by displaying relevant information and marketing elements directly in the shopping cart. This widget helps merchants engage customers at the ...Cart widget points
Introduction The Cart Widget Points feature allows customers to redeem loyalty points directly from the cart page. By displaying point information at the cart level, you can increase transparency, encourage higher order values, and motivate customers ...Enable Post purchase widget on Order status and Thank you page using Checkout X module
Introduction CheckoutX is an advanced module designed to optimize your Shopify store’s checkout and post-purchase experience. Enhance your post-purchase experience with Thank You/Order Status Page Page Widgets using the CheckoutX module in ...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 ...