Embedding a Toucan App Using iFrames

Although embedding is not a built-in feature for apps, you can integrate a Toucan app within your application using an iFrame. Here’s how:

The Embed SDK is not compatible with iFrames, so SDK functionality will not be available in an embedded Toucan app.

1. Get Your App URL

Locate the URL of your app in the browser’s address bar. It should look something like this:

https://solution.toucantoco.com/breezy-v3

2. Create the iFrame

With your app’s URL, you can create an iFrame by using it as the src attribute:

<iframe src="https://solution.toucantoco.com/breezy-v3" width="100%" height="100%"></iframe>

3. Authenticate the iFrame

To allow user-specific access, you’ll need to pass an authentication token. Follow the steps in the authentication documentation to obtain your token. Then, append the token to the URL using the embed_token parameter:

<iframe src="https://solution.toucantoco.com/breezy-v3?embed_token=OPAQUE_TOKEN" width="100%" height="100%"></iframe>

Congratulations! 🎉

You’ve successfully embedded a Toucan app within your application!