JavaScript SDK

<script src="https://merchant-demo.zahlo.eu/sdk/zahlo.umd.js"></script>
<div id="zahlo-checkout"></div>
<script>
  const checkout = new ZahloCheckout({
    apiUrl: "https://merchant-demo.zahlo.eu",
    sessionId: "cs_demo_123",
    clientToken: "client_token_from_your_server",
    locale: "en",
    appearance: { theme: "light", spacing: "comfortable" }
  });
  checkout.on("onStatusChange", (status) => {
    document.querySelector("#zahlo-checkout").dataset.status = status;
  });
  checkout.mount("#zahlo-checkout");
</script>

import { ZahloCheckout } from "@zahlo/sdk";

const checkout = new ZahloCheckout({
  apiUrl: "https://merchant-demo.zahlo.eu",
  sessionId,
  clientToken,
  locale: "en",
  appearance: { theme: "auto", colors: { primary: "#087A60" } },
});
checkout.on("onStatusChange", (status) => renderStatus(status));
checkout.on("onSuccess", () => showPendingConfirmation());
await checkout.mount("#zahlo-checkout");