Getting Started

Checkout Integration Script

<!-- Put the below script before your website's closing head tag `</head>` -->
  <script>
      (function(d,o,s,a,m){a=d.createElement(o);m=d.getElementsByTagName(o)[0];a.async=1;a.defer=1;a.src=s;m.parentNode.insertBefore(a,m)})
      (document, "script", "https://embed.subsbase.com/sb.min.js")
      window.sb = window.sb || function () {(sb.s=sb.s||[]).push(arguments)};
      sb("siteId", "{your_siteId}") // Required
      sb('theme', '{hex-code}') // Optional. example: sb('theme', '#20407d')
      sb("callback", e => console.log("signup result:", {e})) //Optional
      sb("attachPlan", "{planCode}", "{clickableElementReference}", ["class|id"], ["{attachEvent}"]) //At least one is required. can be repeated
      sb('queryParam', "{param}", "{value}") // Optional. can be repeated.
  </script>
// Ensure that the below script executes on page load
   (function(d,o,s,a,m){a=d.createElement(o);m=d.getElementsByTagName(o)[0];a.async=1;a.defer=1;a.src=s;m.parentNode.insertBefore(a,m)})
   (document, "script", "https://embed.subsbase.com/sb.min.js")
   window.sb = window.sb || function () {(sb.s=sb.s||[]).push(arguments)};
   sb("siteId", "{your_siteId}") // Required
   sb('theme', '{hex-code}') // Optional. example: sb('theme', '#20407d')
   sb("callback", e => console.log("signup result:", {e})) //Optional
   sb("attachPlan", "{planCode}", "{clickableElementReference}", ["class|id"], ["{attachEvent}"]) //At least one is required. can be repeated
   sb('queryParam', "{param}", "{value}") // Optional. can be repeated.

Plan Picker Integration Script

<!-- Put the below script before your website's closing head tag `</head>` -->
  <script>
    (function(d,o,s,a,m){a=d.createElement(o);m=d.getElementsByTagName(o)[0];a.async=1;a.defer=1;a.src=s;m.parentNode.insertBefore(a,m)})
    (document, "script", "https://embed.subsbase.com/sb.min.js")
    window.sb = window.sb || function () {(sb.s=sb.s||[]).push(arguments)};
    sb("siteId", "{your_siteId}") // Required
    sb("attachPlanPicker", "{config}") // Required, Only once or unexpected behavior may occur.
  </script>
// Ensure that the below script executes on page load
  (function(d,o,s,a,m){a=d.createElement(o);m=d.getElementsByTagName(o)[0];a.async=1;a.defer=1;a.src=s;m.parentNode.insertBefore(a,m)})
  (document, "script", "https://embed.subsbase.com/sb.min.js")
  window.sb = window.sb || function () {(sb.s=sb.s||[]).push(arguments)};
  sb("siteId", "{your_siteId}") // Required
  sb("attachPlanPicker", "{config}") // Required, Only once or unexpected behavior may occur.

Checkout integration tutorial

For more details you can check the Embedding Checkout

Edit this page on GitHub Updated at Mon, Mar 13, 2023