The Loyalty Points widget allows you to increase customer engagement by implementing a loyalty program incorporated with the Customer Interactions and Lifecycle Management Platform (inCust). To use the loyalty program, install inCust from Dashboard > Apps and configure the Loyalty Points widget afterward.
Note: Make sure that the currency in inCust matches your project's default currency.
Adding a Loyalty Points Widget
To add a Loyalty Points widget to your website:
- Go to the Visual Editor by clicking Design on the Dashboard top panel or by navigating from Dashboard > Channels > Design.
- Click Pages > Ecommerce > Checkout Payments page.
- Navigate to the Widgets list on the Visual Editor Left Panel.
- Type the widget name in the search bar, or find it in the Ecommerce > Checkout: Payments Widget grouping.
- Drag and drop the Loyalty Points widget from the list onto the desired crafting area of the Layout Canvas.
![](https://app.hoory.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOFg5QXc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--b0a839f185546772ca69d32c85dc2a296005bacd/2024-01-25_170003.png)
Configuring the Loyalty Points Widget
Once you have added the Loyalty Points widget, you can modify the widget Styles and Settings properties from the Property Panel according to your preferences. To do so:
- Go to Styles to modify the widget styling features:
- Select the widget appearance for the States: Normal or Hover.
- Make the necessary configuration of principal styling features (see Global Styles).
2. Go to Settings to modify the widget visibility on your website. Specifically, select who can view the widget according to the customer's location, session status, used device type, browser, language preference, etc. (see Visibility Settings).
![](https://app.hoory.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOG45QXc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--01177efe3364388b6007d1eb3d14738d21f00eba/visual.png)
Once you are done with the Styles and Settings, you can access the Design System at the upper-right corner of the Property Panel to easily create or change its UI Element.
![](https://app.hoory.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOHo5QXc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--71d406f1a04695b1a61b5357b82af521c8c0a1de/2024-01-26_105421.png)
The Loyalty Points Widget in the Public Mode
The public mode of the loyalty program operates as follows: When a customer makes a purchase and proceeds to the checkout stage, they encounter the Loyalty Points widget on the Payment page.
Note: The program is available only for customers with registered accounts.
![](https://app.hoory.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOS85QXc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--d8864f077e3e006265999093a9367a76f62c885f/2024-01-26_125920.png)
To use the loyalty program:
- The customers should make the first purchase to accumulate bonus points and redeem them on the following orders. Upon placing an order, the customer receives an email indicating their earned points.
You can configure the email sent to customers from Settings > Notifications.
2. For their next purchase, customers should select inCust from the dropdown menu to view the currently available points and specify the points they plan to spend for that purchase. Once entering points, they must select Redeem.
TIP: If they have already clicked Redeem but wish to make changes, they should opt for Reset to cancel the bonus program before placing the order.
![](https://app.hoory.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK1Q5QXc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--2a588d318f7a091c0e837489d01b5014efe328df/2024-01-26_130433.png)
A success message is displayed for the respective action in both Redeem and Reset actions.
![](https://app.hoory.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK2I5QXc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--76e9b707aeb55f0acc4997d8afb682ca4a02269d/2024-01-26_130927.png)
3. Following the redemption, clicking Place Order triggers a pop-up window with an input field for the verification code. This step enables customers to utilize the points for the purchase. The verification code is sent to the email or phone number specified in the checkout contact information to confirm the transaction.
![](https://app.hoory.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK245QXc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--3cd976650d661cd5cb067763525f7f36fbeaf380/2024-01-26_132403.png)
4. After entering the code, it is essential to confirm it; once approved, the order is successfully placed and processed.
5. Once customers have successfully placed their orders, they become loyalty program users, continuing to accumulate points for a rewarding and ongoing experience.
Note: After a customer places an order, it appears in Commerce > Orders on your Dashboard. The loyalty points applied to the order are displayed in the Loyalty Points Usage section on the corresponding order details page.
💡 If you have questions or concerns, contact us directly via the Live Chat box in the lower right corner. Our Support Team will provide you with top-notch quality support 24/7.