Install the SDK

The browser SDK is served from your organization host.

<script>
  window.plandalf = window.plandalf || function () {
    (window.plandalf.q = window.plandalf.q || []).push(arguments);
  };
</script>
<script src="https://acme.plandalf.com/js/plandalf-sdk.js" async></script>

Where to place the SDK

Load the SDK wherever the customer can take a buying action. The same install pattern works across common web surfaces.

1

Marketing and sales pages

Paste the script into a page builder or static template, then add `data-plandalf-present` to the call-to-action.

2

App pricing screens

Load the SDK client-side, identify the logged-in user, and call `present()` from a button.

3

Campaign pages

Pair a checkout button with `data-plandalf-promo` so countdown state and checkout pricing stay aligned.

Wait for readiness

The SDK loads asynchronously. Use plandalf.ready() when code must run after the SDK instance exists.

plandalf.ready((sdk) => {
  sdk.identify(userJwt);
  sdk.present("pro-plan");
});

You can also listen for the browser event:

window.addEventListener("plandalf:loaded", () => {
  console.log("Plandalf SDK loaded");
});

Install by platform

Verify installation

Open DevTools on the page and run:

plandalf.ready((sdk) => {
  console.log(typeof sdk.present === "function");
});

The check should print true. After that, you can call SDK instance methods such as present, mount, identify, reset, gate, from, and promo.