# Install the widget on your website

> Your website chat arrives in the same inbox as WhatsApp. All it takes is one line of code pasted into your website.

## Steps

1. Open **Settings › Channels**, click **Add a channel**, then the **Website chat** card.

2. Enter a **Channel name** and add your website’s address in **Allowed websites** (one per line, with https, 10 at most). If you like, add a **Welcome message (optional)** and a **WhatsApp link (optional)**, which adds a button to continue on WhatsApp. Click **Create the chat**.
3. Copy the script shown and paste it just before the `</body>` tag of your website, or add it with your tag manager.
4. Open **Settings › Website chat** (or, in **Connected**, open the chat’s row and click **Customise the widget**). Set its colours (**Accent colour**, **Text colour**), welcome message, opening hours and bookings. The preview updates live.

5. Click **Publish to the site**: your changes only reach your website at that point.

**Good to know** The widget only responds on allowed websites, at the exact address. Add the address with and without “www” if your website answers on both. If your website sends a security policy (CSP) with `connect-src`, add `wss://app.wyp.agency` so your replies arrive instantly (see [The website chat for your visitors](https://wyp.chat/en/help/conversation-visiteur)). One widget on several sites or brands? Give each its own base of what your AI agent knows (see [Several sites or brands: what your AI agent knows](https://wyp.chat/en/help/bases-connaissance)). Only the owner and administrators can edit the widget.

## Related articles

- [The website chat for your visitors: live replies and new conversation](https://wyp.chat/en/help/conversation-visiteur) In the bubble on your website, your replies appear straight away, whether they come from WYP.chat, the app, Slack, your AI agent or a scenario.
- [Set up your AI agent: what it knows and where it replies](https://wyp.chat/en/help/assistant-ia) Your AI agent is set up on a single page, Automation › AI agents, with four tabs: What it does, What it knows, How it replies and Where it replies.
- [Several sites or brands: what your AI agent knows](https://wyp.chat/en/help/bases-connaissance) Create one base per website or brand: your AI agent answers only from what the right base knows, never from what another site’s base knows.
- [Connect Calendly to WYP.chat](https://wyp.chat/en/help/connecter-calendly) Paste a Calendly token in Settings: every booking, reschedule or cancellation shows in the customer’s conversation. Needs a paid Calendly plan.

**Learn more**

- [Website chat, in the same inbox as WhatsApp](https://wyp.chat/en/channels/website-chat)
- [Industry AI agents, built for WhatsApp](https://wyp.chat/en/ai-agents)

---

Source: https://wyp.chat/en/help/installer-widget · Updated on 11 October 2026