If you want to embed any app or webpage not included in our Quick Embeds, follow these instructions:

๐Ÿ‘‰ Step 1: Click the "Embed another app" button on your Project Settings ยป Embedded Apps page

๐Ÿ‘‰ Step 2: Create an embed code if you don't have one:

๐Ÿ’กA valid embed code always starts with <iframe> and ends with </iframe>

A quick code snipped you can use and customize is this ๐Ÿ‘‡

<iframe src="๐Ÿ‘‰[your page link goes here]๐Ÿ‘ˆ" width="100%" height="1200" frameborder="0"></iframe>

Just replace ๐Ÿ‘‰[your page link goes here]๐Ÿ‘ˆ with the link you want and then paste the code in the Add New App screen in SuperOkay.

You can change the value of the height attributed if you feel the canvas for your embedded app is too large. For example, you can replace height="1200" with height="600"

๐ŸšจWe don't recommend adding style attributes to the iframe element as they might conflict with the styling of the SuperOkay app and might cause errors.

๐Ÿ‘‰ Step 3: Configure your Embedded App:

1) Pick an icon from our predefined lists

2) Pick a short name your clients will see under the icon

3) Add the Embed Code you just created

4) Add a short description that your clients will see under the app name & icon.

๐Ÿšจ Troubleshooting embedded apps

โ‰๏ธ I got an embed code from an app but it's not working!

A couple reasons this might happen:

  1. Only <iframe>...</iframe> embed codes work in SuperOkay, for now. If your app gives you a code that begins with <script> or other words, it will not work.

  2. Your iframe code might have formatting issues. We recommend using the code snippet above and just replacing the link with the one you have in the embed code your app gave you.

  3. Your iframe code has conflicting style attributes. Example:

    Please remove these from the embed code as they might cause issues.

A couple things to expect from apps you connect via Embedded Apps:

  • Your client will not be logged in to the app you embed. That means they will most likely only be able to read the content and have limited interactions.

  • SuperOkay cannot control the look & feel of the pages you embed. Depending on how the app you embed is built, pages embedded might have some user interface glitches.

  • SuperOkay cannot interact with the page embedded via iframe.

  • The webpage in the iframe cannot interact with the SuperOkay portal.

Did this answer your question?