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.

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.

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="430"
    height="684"
    src="https://app.squidrouter.com/iframe?config=....."
/>

Last updated