Adding a Redemption Widget on Shopify Plus Checkout

For Shopify Plus stores, the Checkout Redemption Widget allows customers to redeem loyalty points directly on the checkout page. This creates a seamless, high-conversion experience by showing applicable discounts at the final step of the purchase journey.

This guide walks you through enabling, configuring, and customizing the checkout widget using both Nector and Shopify Plus theme settings.

Step 1 - Access the Point Redemption Widget

Navigate to On-site Display, then select Point Redemption Widget.

👉 Note: This feature is available only for Shopify Plus stores.

Step 2 - Open Checkout Redemption Settings

Find the option labeled Points Redeem at Checkout.

Step 3 - Begin Configuration

Click Configure, then click Configure again to set up the feature inside the Nector dashboard.

Step 4 - Activate the Feature

Make sure:

• Your redemption rules are already configured

• The status is enabled

After confirming this, return to your Shopify store.

Step 5 - Add Widget via Shopify

Click Configure again → select Add on Shopify.

Step 6 - Open Checkout Theme Settings

You’ll be redirected to Shopify’s theme editor.

1. Choose Checkout & Customer Account
2. Go to the Add Block section
3. Click Redeem Point Widget

Step 7 - Add the Widget to Checkout

Once selected, the redemption widget will be added to your checkout page instantly.

Step 8 - Explore Additional Widget Settings

Before previewing the customer experience, review the available customization settings.

Step 9 - Choose Your Redemption Mode

Two modes are available:

• Regular Mode

• Slider Mode

This step will show how regular mode appears on the website.

Step 10 - Regular Mode Preview

At checkout, customers will see the "Redeem Your Points" widget.

Step 11 - Regular Mode Interaction

Customers can click the widget to automatically apply their discount.

Next, explore the slider option.

Step 12 - Slider Mode Preview

If Slider Mode is selected, the widget will display a slider interface allowing customers to choose how many points to redeem.

Step 13 - Save Slider Mode Changes

Click Save to apply your settings.

Now the Redeem Your Point widget will:

• Auto-suggest the maximum redeemable points

• Let customers adjust the amount using the slider

• Apply discounts via the Get Off button

Step 14 - Comparison of Both Modes

This demonstrates the two redemption types available:

• Regular (auto-apply)

• Slider (customer chooses amount)

Step 15 - Hide Widget for Guest Users

Return to the settings to configure Hide for Guest Users.

Step 16 - Enable Hiding for Guest Users (Optional)

Set the toggle to True if you want the widget hidden for users who are not logged in.

Step 17 - Or Leave It Visible

Set it to False if you want all customers—guest or logged-in—to see the widget.

After setting your preference, customers will be able to redeem points at checkout.

Step 18 - Increase Engagement with Checkout Redemption

Enabling checkout point redemption encourages customers to complete purchases and enhances the overall checkout experience.

Step 19 - Save All Customizations

Don't forget to click Save after completing your configurations.

Step 20 - Completion

This concludes the instructions for adding and configuring the Redemption Widget on Shopify Plus checkout.

Thank you for setting up this high-engagement feature!

Wrap-Up

You’ve now learned how to:

✅ Enable the Checkout Redemption Widget in Nector

✅ Add it to Shopify Plus checkout via theme editor

✅ Choose between Regular and Slider redemption modes

✅ Configure guest-user display settings

✅ Save and apply all customizations

Your Shopify Plus checkout is now optimized with a seamless points-redemption experience—boosting loyalty engagement right at checkout. 💚

Updated on: 16/12/2025