# Iframe Installation

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:

```
v2.api.squidrouter.com/iframe?config=.....
```

### Customization

You can customize the iframe and grab the link at the [Squid Widget Studio](https://widget.squidrouter.com/).

When you're happy with the customization, simply click the "Get iframe" button that will redirect you to a standalone widget page: <img src="/files/tr3sfQJELYF9lwE6ydo0" alt="" data-size="line">

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.

```html
<iframe
    title="squid_widget"
    width="430"
    height="684"
    src=" https://v2.api.squidrouter.com/iframe?config=....."
/>
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.squidrouter.com/old-v2-documentation-deprecated/add-a-widget/widget/iframe-installation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.