Overview
Allow your customers to redeem rewards and spend points directly in cart, through a seamless, branded in cart redemption widget.
This guide explains how to enable these widgets, how to choose if you want manual or auto apply of coupon codes and provides important information to know about how these widgets work with various reward types, what customization is possible today and best practices.
What is the in cart redemption widget?
Based on client feedback and an effort to provide the most seamless rewards experience for them, we have build the in cart redemption widget.
This widget is deployed in the cart page, allowing customers to do the final step in completing their purchase by applying available rewards right there. For Magento users, this widget is accompanied with a checkout nudge, which reminds customers to apply rewards to their cart if they haven't when they reached the checkout.
There are 2 versions of this widget:
the rewards dropdown widget
the variable reward type slider widget
Lets dive in.
How to enable the in cart redemption widgets in Magento
The in-cart redemption widgets can be enabled from the Lootly plugin page in Magento.
Navigate to Stores -> Configuration -> Lootly Loyalty and Referrals -> Settings to open the plugin page. You will see the General API settings for Lootly and then the Advanced Settings where we will configure which cart widget to show:
Click on Advanced Settings to open the panel.
In the Advanced Settings panel, you will find multiple customizable options designed to optimize your store’s cart and checkout experience.
Initially, these options will be grayed out. Next to each setting, you will see a "Use system value" checkbox with a small tooltip. When checked, Magento uses its default cart/checkout settings and prevents Lootly from adding or customizing in-cart redemption widgets.
Uncheck these boxes to begin customizing your cart experience with in-cart redemption widgets.
In-Cart Rewards Dropdown
The rewards dropdown allows customers to select a discount type from a list within the cart order summary. The dropdown displays four separate reward categories:
Available Rewards: Rewards that customers can redeem using their points balance.
My Rewards: Rewards that customers have already redeemed (spent points on) but have not yet applied to an order.
VIP Rewards: Entry or lifetime rewards accessible through a customer's VIP tier.
Referral Rewards: Rewards earned from successful customer referrals.
This structure gives customers a clean overview of their available reward categories so they can apply discounts effortlessly.
Setup Steps:
Navigate to Activate In Cart Redemption Widget and select Dropdown from the options.
Customize intro text and messaging for the rewards dropdown.
Save your configuration in Magento.
Watch this brief demo video to see how the widget looks and operates on a live store:
Variable Reward Slider in Cart
If you have configured a variable reward type, you can deploy a points redemption slider on the cart page.
This allows customers to adjust a slider to choose how many points from their balance they wish to redeem for an instant order discount.
Note: A variable reward must be set up in Lootly for this widget to function properly on your cart page. If variable rewards are disabled in Lootly, the cart widget will display an error message. For step-by-step instructions, see How to configure a variable amount discount in Lootly.
Setup Steps:
Navigate to Activate In Cart Redemption Widget and select Variable Points Slider from the options.
Customize intro text and messaging for the slider widget.
Save your configuration in Magento.
Watch this brief demo video to see how the widget looks and operates on a live store:
Code Application Method
Within the in-cart redemption widgets, coupon codes are automatically applied as soon as the customer clicks Redeem. This eliminates manual copy-pasting and creates a completely friction-free engagement experience.