Checkout widget

The checkout widget lets customers see the points they'll earn and redeem their available rewards as part of their checkout experience. It shows up during checkout as a Loop loyalty block, where customers can log in, view their balance, and apply credit to the order before they pay. This keeps the reward visible at the exact moment a customer is deciding to buy.

For the widget to appear at checkout, the Loop Loyalty block has to be added to your Shopify checkout editor. Until it is added, the widget will not show to customers, even though the program is active.

You can add the block in two ways. A banner at the top of the checkout widget screen prompts you to add it, and clicking Add Loop Loyalty block takes you into the Shopify checkout editor to place it.

If you dismiss that banner, you can still add the block later from the Add Loop block option inside the checkout widget section. Inside the Shopify checkout editor, you can also decide where the block sits on the checkout page, so you control its placement in the flow.

Once the block is added, you configure how the widget looks and reads from the checkout widget section. You can choose the widget icon that best represents your program, set the program name, and customize the login text customers see before they sign in.

Every text label in the widget is configurable, including the rewards tab label, the coupons tab label, the available credits label, and the redeem button. Each field shows its default value, so you can adjust the wording to match your brand voice or leave the defaults in place.

A live preview of the widget sits alongside the settings, so you can see your changes before they go live. You can also set the widget Status to Active or inactive from this screen.

How customers redeem here depends on your redemption rules. The amount a customer can apply in one order, and the minimum order value before they can redeem, both come from the redemption rules in Preferences.

Whether the balance shows as a currency value or as points also comes from Preferences, under the display format setting. Both are covered in the Preferences section below.

No, the widget only appears once the Loop Loyalty block is added to your Shopify checkout editor. You can add it from the banner on the checkout widget screen or from the Add Loop block option in the same section.

Yes, the text in both the checkout widget and the customer portal widget is configurable. Each field shows its default value, so you can rewrite the labels or keep the defaults.

Yes, the Recent activity section in the customer portal widget is a complete credit and debit ledger of the customer's account. It records every time points were earned, awarded, credited, or expired.

Yes, the display format in Preferences applies across all touchpoints. Setting it to currency or points changes how the balance reads in both the checkout widget and the customer portal widget.