# Web Widget

Embed an AI chat widget on a client's website, connected from the Integrations catalog

> Full REST + WebSocket API reference: https://api.happ.tools/reference

Connecting the Web Widget puts an AI chat bubble on your client's site so visitors talk to the assistant without leaving the page — created and managed from the **Integrations** catalog via a modal, like every other channel.

<WidgetPageDemo />

## Connect [#connect]

1. **Integrations** > find **Web widget** > **Connect**.
2. In the modal, fill in:
   * **Name** — a label to recognize this widget.
   * **Description** (optional) — where it runs.
   * **Allowed origins** — domains permitted to load the widget, added as chips (e.g. `verona.io`). Use `*` for any origin.
3. Save to create the widget.
4. Reopen it from **My integrations** > **Edit** (or **Copy embed**) to grab the **Embed snippet**, and paste it before `</body>` on every page where the widget should appear.

## Fields [#fields]

| Field           | Value                                                               |
| --------------- | ------------------------------------------------------------------- |
| Name            | Label for the widget                                                |
| Description     | Optional note about where it runs                                   |
| Allowed origins | Domains allowed to load it; `*` for any. Other origins are rejected |

**API:** [api.happ.tools/reference](https://api.happ.tools/reference)

## Next [#next]

* [Channels](/docs/channels) — all messengers
* [Assistants](/docs/assistants) — configure who answers