# Put a chat widget on your website

> Create a chat, copy its embed code onto your website, send a test message and answer it from Enydea.

Source: https://enydea.com/en/documentation/tutorial-chat-widget-on-your-site · Last updated 2026-10-02

## Goal
You add a chat button to your website, send yourself a test message as a visitor, and answer it from Enydea. This takes about 15 minutes. The **Chats** screen is English-only in every app language.

## What you need
- A relation selected in **Current Account** in the sidebar. Chats are stored under it.
- Permission to edit your website's HTML, or a web developer who can.

## Steps
### Create the chat

![The Chat Management screen with an empty chat list and a New Chat button](https://enydea.com/seo-assets/screens/chats.webp)

*Chat Management before the first chat exists.*
1. Click **Chats** in the sidebar.
2. Click **New Chat**. The new chat is named "new".
3. In **Chat Name**, type the name visitors should see, for example "Sales team".
4. Open **Appearance Settings** and click the swatch under **Background Color** to choose your brand colour.
5. Click the three-dots menu at the top of the chat and click **Save Chat**.

Leave **AI Agent Settings** alone for now. AI replies are off until you tick **Enable AI Auto-Reply**, so your team answers every message.

### Add the widget to your site
1. Click **Get Embed Code**. A dialog titled **Embed Chat Widget** opens.
2. Click **Copy Code**.
3. Paste the code into your page's HTML, just before the closing `</body>` tag, on every page that should show the chat.
4. Save and publish your site.

### Send a test message

![A customer website with the chat window open: a welcome message, a visitor question and the reply from the sales team](https://enydea.com/seo-assets/screens/chat-widget-visitor.webp)

*What a visitor sees on your website after your team has replied.*
1. Open your live website in a private browser window.
2. Click the round chat button at the bottom right. A window opens with a welcome message.
3. Type a test message and press Enter.

### Answer from Enydea

![The Chat Management screen with a chat room open: the welcome message, the visitor question and the team reply](https://enydea.com/seo-assets/screens/chat-room.webp)

*The chat room in Enydea. Your reply is the blue message.*
1. In Enydea, click **Chats** and select your chat. Reload the screen if you do not see the new room yet.
2. Under **Chat Rooms**, click the new room. The visitor's message is there.
3. Type your reply and press Enter.
4. Look at your website again. Your reply appears in the chat window.

## Check your work
- A room for your test conversation exists under **Chat Rooms**.
- Your reply appears in the visitor's window.
- The **System Messages** bell shows a notification for the new conversation. You get it because you created the chat.
- If the window opens but no room ever appears, the visitor sees no error. Check that the code is on the page you tested, and contact support if it is.

Delete your test room with the bin icon when you finish.

## Next steps
- Add office hours, an AI agent or WhatsApp ([Chats](https://enydea.com/en/documentation/chat-widget.md)). Read the warning about **Include CRM Context** before you turn the AI on.
- Leave the **Chat widget** switch off in **Website Tracking**. It is a separate bubble that does not create rooms in **Chats** ([Website tracking and consent](https://enydea.com/en/documentation/website-tracking-and-consent.md)).
- To receive WhatsApp messages in the same chat, connect WhatsApp first ([Social media and WhatsApp](https://enydea.com/en/documentation/social-media-and-whatsapp.md)).