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.
tutorial
Checkout integrationFor more details you can check the Embedding Checkout