All Collections
Embedding Apps
How to add any link as an Embedded App in SuperOkay
How to add any link as an Embedded App in SuperOkay
Radu avatar
Written by Radu
Updated over a week ago

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

How to add any link as an Embedded App in SuperOkay

πŸ‘‰ 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:

How to add any link as an Embedded App in SuperOkay

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:

    How to add any link as an Embedded App in SuperOkay

    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?