Adding a Redemption Widget on Shopify Plus Checkout

This document provides a detailed process on integrating a redemption widget into the checkout page for Shopify Plus stores. The instructions will guide you through configuring the widget to enhance customer interaction by allowing them to redeem points directly during checkout.

Step 1

To begin, navigate to the feature by clicking on "On-site Display," followed by selecting "Point Redemption Widget." Note that this functionality is exclusive to Shopify Plus stores.

Step 2

Locate the option for "Points Redeem at Checkout."

Step 3

Proceed by clicking on "Configure," and then click on "Configure" again to set it up in the Nectar dashboard.

Step 4

Ensure that the necessary rules are configured and that the status is activated. Once confirmed, return to the Shopify store.

Step 5

To proceed, click on "Configure" again and then select "Add on Shopify."

Step 6

The system will redirect you to the customized theme page. Here, select "Checkout & Customer Account." To add the widget, navigate to the "Ad Block" section and click on "Redeem Point Widget."

Step 7

Upon clicking, the redemption point widget will be added to the page.

Step 8

Additional settings are available here. Before reviewing how it appears to customers, explore the other settings.

Step 9

Two redemption modes are available: regular and slider. This step will illustrate how the regular mode appears on the website.

Step 10

At the checkout, the "Redeem Your Point" widget will be available.

Step 11

Customers can click on this widget to automatically apply a discount. Moving on to the next feature: the slider.

Step 12

If you select the slider, here's how it will be displayed.

Step 13

Click "Save." The "Redeem Your Point" option will now prompt customers to redeem the maximum points, or they can choose a specific amount and click "Get Off."

Step 14

This demonstrates the use of two distinct redemption types.

Step 15

Return to the previous screen to configure the "Hide for Guest Users" option, selecting true or false.

Step 16

To prevent the widget from displaying to unlogged users, set the option to true.

Step 17

Alternatively, you can keep it false. Once completed, customers will have the ability to redeem points at checkout.

Step 18

Implementing this feature increases customer engagement.

Step 19

Ensure to save the customization settings after completing all configurations.

Step 20

This concludes the instructions for the redemption widget.