Skip to main content

Embedding options

Tracking pages can be embedded in your shop website with our JavaScript SDK.

Add the following HTML element into your <head></head>:

<script
  id="karla-bundle"
  src="https://browser.gokarla.io/<version>/bundle.min.js"
  shop-slug="my-shop-slug"
></script>

For instance, to have always the latest stable version:

<script
  id="karla-bundle"
  src="https://browser.gokarla.io/latest/bundle.min.js"
  shop-slug="my-shop-slug"
></script>

After adding the JavaScript SDK, you can now configure a container within your <body></body> with the karla-container id, and it will show the Karla Tracking page embedded in your website.

<div id="karla-container"></div>

Alternatively, if you need more control on the iframe, you can define it directly and the bundle will load it if it uses the karla-frame id:

<iframe
  id="karla-frame"
  style="width: 100%; border: none;"
  allow="fullscreen"
></iframe>

Using our API​

See our API Docs to create your own tracking page.