Web chat widgets

The Saaya chat widget is a single script tag that adds a chat bubble to your site.

The embed snippet

Create a widget against an agent in the dashboard, then copy its snippet. The script finds every <saaya> element on the page and renders the widget into it.

index.html
<saaya widget-id="YOUR_WIDGET_ID"></saaya>
<script src="https://app.saaya.ai/widget.js" async></script>

Floating or inline

A widget renders either as a floating bubble pinned to a corner of the page, or inline, filling the element you dropped it into. The widget carries a default, and you can override it per placement with a data-mode="floating|inline" attribute. Floating placement can be moved to any of the four corners.

Turning a widget off

Each widget has an enabled flag. Turning it off stops the widget rendering everywhere it is embedded, without you having to touch the host page.

Preview links

A published widget also gets a shareable preview URL of its own, so you can send someone the agent to try without embedding it anywhere. Preview links are sign-in gated by default; you can make one public per widget.

Was this page helpful?