Iframe Installation

Integrating the widget as an Iframe

The widget is made as a React component. For now, if you're using another frontend framework (Vue, Angular, etc), you will need to integrate the widget as an iframe.

We will roll out support to other frameworks in the future based on their demand.

Iframe link

The iframe points to this link:

app.squidrouter.com/iframe?config=.....

Customization

You can customize the iframe and grab the link at the Squid Widget Studio.

When you're happy with the customization, simply click the "Get iframe" button that will redirect you to a standalone widget page:

The URL of this standalone page embeds the config you selected on the customization step, and is ready to embed.

Embedding

Now that you have the iframe link, you can copy and paste it into your frontend code to embed it into your website, at the location of your choice. Keep in mind the width and height parameters are important so that the widget displays properly.

<iframe
    title="squid_widget"
    width="420"
    height="641"
    src="https://app.squidrouter.com/iframe?config=....."
/>