Inline iframe.

When to use an iframe

The floating script-tag embed suits most sites. Use an iframe instead when you want the chat panel to be a fixed, always-visible part of your page — for example a dedicated support page or a product demo.

The iframe URL

Every agent has a public widget URL:

https://resposai.com/widget/YOUR_TOKEN

Find YOUR_TOKEN on the Deploy tab of your agent.

Basic embed

<iframe
  src="https://resposai.com/widget/YOUR_TOKEN"
  width="400"
  height="600"
  style="border: none; border-radius: 8px;"
  title="Chat with our support agent"
></iframe>

Responsive embed

To make the iframe fill its container, give the parent a defined height and set the iframe to 100%:

<div style="height: 600px; max-width: 480px;">
  <iframe
    src="https://resposai.com/widget/YOUR_TOKEN"
    width="100%"
    height="100%"
    style="border: none;"
    title="Chat with our support agent"
  ></iframe>
</div>

Allowed domains

The same allowed domains restriction applies. Make sure the domain hosting the iframe is on your allow-list.

Need a programmatic integration? See the JSON API guide.