Supertab SDK Configuration Example

1. Include JS on checkout page

<script defer="defer" src="https://onpage-widget.supertab.co/v2/widget.js"></script>

---

2. Set event listener to capture events and data, such as entitlement

window.addEventListener("cow.event", (event) => {
   switch (event.detail.type) {
      case "ready":
         widget = new event.detail.CtoOnpageWidget({
            clientId: "YOUR_CLIENT_ID",
            merchantName: "YOUR_WEBSITE_NAME"
         });
      break;
      case "back_to_caller":
         if (event.detail.accessStatus == 'access_granted') {
            //insert your code to grant user access
         } else {
            //user doesn't have an entitlement (optional show upsell dialog)
         }
      break;
   }
});

---

3. Call Supertab purchase dialogue flow when user chooses to use Supertab

widget.contribute();

---