Skip to main content

[Shopify Plus] Reward: Redeem points at checkout

How to let customers spend points for money off inside the Shopify checkout.

Written by Jason Leader

Redeem points at checkout is available on Shopify Plus, from the Classic plan up, and your store must be using Shopify Checkout Extensibility.

In this article:


Overview

Redeem points at checkout lets your customer spend points for money off inside the Shopify checkout itself, instead of claiming a voucher on your loyalty page first. They see their balance, choose how much to redeem, and the discount applies to the order in front of them.

The Redeem points at checkout component in a Shopify checkout

How to set up the reward

  1. In LoyaltyLion, go to Program, then Rewards

  2. Click Create reward

  3. Select Redeem points at checkout

  4. Add the points cost per $1, or whatever currency your store uses. If you have been through onboarding, use your points calculator as a guide

  5. Choose your Redemption type from the three options below

  6. Click Create

Free-form entry

Your customer types any discount value between the Minimum discount and Maximum discount you set.

Free-form entry settings, with minimum and maximum values

How it looks at the checkout:

Free-form entry as your customer sees it in the checkout

Free-form entry does not send Reward available events. If your email or SMS flows rely on Klaviyo events, Attentive events or LoyaltyLion email triggers, this reward will not trigger them. Choose one of the other two redemption types if you need those events.

Fixed amounts within a range

Your customer picks from a list of fixed amounts between the Minimum discount and Maximum discount you set. You choose the Increment value, and we show every option in between.

Fixed amounts within a range settings

How it looks at the checkout:

Fixed amounts as your customer sees them in the checkout
A fixed amount applied to an order in the checkout

Set specific discount amounts

You list the exact discount amounts your customer can choose from, at any values you like.

Both of the list-based types also let you set a Default discount amount, which is the option selected for your customer to begin with, and tick Hide unavailable discounts so a customer never sees an amount they cannot afford.

Specific discount amount settings

How it looks at the checkout:

Specific discount amounts as your customer sees them in the checkout
A specific discount amount applied to an order in the checkout

Sending a reward available event

Turn this on if you want Redeem points at checkout to trigger the Reward available event. It is available with Fixed amounts within a range and Set specific discount amounts, but not with free-form entry.

The reward available event setting

Other settings

  • Customer redemption limit. How many times one customer can redeem this reward in a period you choose. This is a count, not a cap on the amount of any one order

  • Discount code prefix. Applied to all generated codes, in place of the default LL-. This needs the Advanced plan

  • Subscription products. Whether Redeem at checkout codes apply to subscription products

  • Purchase restrictions. Limit the reward to products in a collection you choose, and add an Explanation your customers see telling them what the restriction is

  • Discount combinations. Whether this reward stacks with other discounts on your site

  • Minimum spend. The cart total a customer must reach before they can redeem. You can also set a floor the cart must stay above after the discount, which stops a customer reducing their order to zero

Subscription and collection restriction settings
Minimum spend settings

Check the Sales channels selected in the reward's Visibility section. If the right channels are not selected the reward will not appear on your storefront. All channels are enabled by default.

If your customer redeems points at the checkout and then abandons the order, we return their points after 60 minutes.


Adding the reward to your Shopify checkout

Once the reward is set up in LoyaltyLion, add its component to your checkout in your Shopify admin.

  1. In your Shopify settings, click Checkout, then Customize

  2. On the checkout editor, click Add app in the bottom right

  3. Select the checkout-redemption component

  4. Drag the component to where you want it in the checkout

  5. Click the app to set its behaviour, including whether it appears in the Shop Pay checkout

  6. Click Save in the top right

Shopify checkout settings, with Customize highlighted
The Add app button in the Shopify checkout editor
Selecting the checkout-redemption component
Dragging the component into the checkout
The component settings, including Shop Pay
Saving the checkout editor
The saved checkout showing the redemption component

Place the app block near the top of the Information or Payments page, so the reward is visible on mobile without scrolling.

To take the reward off your checkout, select it in the editor and click Remove app from checkout in the bottom right.

Removing the app from the checkout

FAQ

Does Redeem at checkout work with pre-order items?

No. Pre-order apps have no shared way of reporting which items in a cart are pre-ordered, so we cannot apply the discount reliably. Other one-time discounts still work as expected, because Shopify handles those.

If you sell pre-order items, say so in your Redeem at checkout text. You can edit it in Display, then Languages: select your language and search for the Redeemable points subheader string.

Editing the Redeemable points subheader string in Languages
Did this answer your question?