Iframe

Display any website or iframe content directly within a
channel.

Embeds

Insert the Iframe code in the input box directly,

Example:
<iframe 
    src="https://prod-widgets.returning.ai/channel-   widget/NjUwN2M4NjFkJkYTYxNTAzYkY2U5/open-widget" 
    id="returningAiWidgetIframe" 
    frameborder="0" 
    width="100%" 
    height="100%">
</iframe>

Insert a URL to embed
https:// must be included in the URL.

Example: 
https://returning.ai/

Iframe listener script

Capture user data (e.g., user ID) when someone accesses a channel, enabling analytics or personalized experiences.

Paste the provided script in the header of the site, when a user visits the channel, their user information will be send over.
Payload:

{
    "displayName": "John Doe",
    "email": "johndoe@gmail.com",
    "isGuest": undefined,
    "language": "en",
    "userID": "1234",
    "username": "johndoe"
}

Iframe deeplinks

Ensure smooth transitions within embedded iframes and the community without reloading the entire server.

Found in community settings > integration > Iframe Deep Links

Insert the deeplink script in your embeded site to allow users to navigate to other parts of the community seamlessly without having to reload the server.
Example:

In the embeded site, it shows the milestone available and have a interactable button: See all milestones.

Copy the Deep link script given and link it to the button.

When a user clicks on the button, they should be led to the milestone page in the community without opening a new tab (iframe link logic)

example of the script: 

window.parent.postMessage({
  type: 'IFRAME_DEEP_LINK',
  pageName: 'quests-milestones'
}, '*');

Embeds#

Iframe listener script#

Iframe deeplinks#

Embeds

Iframe listener script

Iframe deeplinks