Documentation

What is Kakadu Play?

Play is a step-by-step guidance tool from Kakadu. It helps you create visual guides that make digital tasks easy to learn, repeat, and master.

Kakadu is a Norwegian software company based in Stavanger, focused on improving customer experiences.

View guides

•Get in touch

Embedding guides

Kakadu Play guides can be embedded on your website with an iframe. An embedded Kakadu Play iframe will look something like this:

<iframe src="https://play.kakadu.no/embed/bankid/id-kontroll-med-pass-som-metode/4491d2fa-cac3-4647-b6f5-4251bcbd79f9" loading="lazy" width="100%" height="580px" frameborder="0" scrolling="no" />

The embed code for the above iframe looks like this.

Embed code

When you’re logged into the Kakadu Play dashboard, you can copy the embed code for any guide. Or paste a guide URL below to generate one:

Your guide URL

The embed code below updates as you type.

<iframe src="https://play.kakadu.no/embed/bankid/id-kontroll-med-pass-som-metode/4491d2fa-cac3-4647-b6f5-4251bcbd79f9" loading="lazy" width="100%" height="580px" frameborder="0" scrolling="no" />

By default, buttons in the Kakadu Play embeds are Kakadu green™. If you want to change this color to better fit your brand, you can append a query parameter button-color with a URL-encoded 6-character hex color value. For example %235994ce, where %23 is the encoded hash sign.

Starting from this embed code:

<iframe src="https://play.kakadu.no/embed/bankid/id-kontroll-med-pass-som-metode/4491d2fa-cac3-4647-b6f5-4251bcbd79f9" loading="lazy" width="100%" height="580px" frameborder="0" scrolling="no" />

With a custom button color %235994ce, the embed code will look like this:

<iframe src="https://play.kakadu.no/embed/bankid/id-kontroll-med-pass-som-metode/4491d2fa-cac3-4647-b6f5-4251bcbd79f9?button-color=%235994ce" loading="lazy" width="100%" height="580px" frameborder="0" scrolling="no" />

Note that ?button-color=%235994ce was appended to the src URL.

With that blue color, an embed will look something like this:

Upgrading from Kolibri

What used to be called Kolibri is now Kakadu Play. Upgrading is simple, and can cut load times by up to 90% and download size by up to 60%.

Your old embed code should look something like the one below, although the URL will be different.

<iframe src="https://www.kakadu.no/bankid/id-kontroll-med-pass-som-metode/embed" loading="lazy" width="100%" height="580px" frameborder="0" scrolling="no" />

To upgrade the embed code, copy the URL within the src attribute, and paste it in the input field below. For the above embed code, the URL you should copy looks like this: https://www.kakadu.no/bankid/id-kontroll-med-pass-som-metode/embed