Widgets

We inject widgets and modal/banners for customers to be able to sign up and access the loyalty program. For our Web JS SDK to pick up the right location, the following divs needed to be added to the UI:

Top Nav Bar

Place a div near the cart checkout icon or the account icon in your header. Div id should be “shoptoken-account-icon”. This div will be replaced by loyalty rewards icon which shows dynamic account balance of the member.

Checkout page

Add a div with id = “shoptoken-redeem-widget” on the checkout page, ideally below the order summary section. This div will be replaced by the redeem widget which allows customers to redeem tokens for store credits.

Order Confirmation Page Banner

Add div with id = “shoptoken-offer-banner”. This will be replaced by the inline offer banner.