Build custom experience

In this guide, you will learn how to create a custom UI components to list, create and add customers coupons in their orders when checking out. For example, your customer just completed an order and won 2000 points, your customer wants to view his current points balance, after viewing his current points balance, he decided to redeem all his 2000 points, based on this redemption a new coupon will be created, your customer should see all his available coupon(s), your system should have a UI component that list all your customers coupons, so he can copy his coupon code from this component, and use this coupon code at checkout page to apply the discount on his order.

What you will learn

After you've finished this guide, you'll have build the following UI components that does the following :

• Showing Customers available points

• Allowing Customers to redeem points

• Apply the discount code to your cart

The UI displayed in each section is just an example, feel free to display this data in any design you would like.

Showing customer available points

Allowing customers to redeem points

Apply the discount code to your cart