# Zet een chatwidget op je website

> Maak een chat, kopieer de insluitcode naar je website, stuur een testbericht en beantwoord het vanuit Enydea.

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

## Doel
Je voegt een chatknop toe aan je website, stuurt jezelf als bezoeker een testbericht en beantwoordt het vanuit Enydea. Dit duurt ongeveer 15 minuten. Het scherm **Chats** is in elke taal van de app alleen in het Engels.

## Wat je nodig hebt
- Een relatie die is gekozen in **Huidig account** (Current Account) in de zijbalk. Chats worden onder die relatie opgeslagen.
- Toestemming om de HTML van je website te bewerken, of een webontwikkelaar die dat kan.

## Stappen
### Maak de chat

![Het scherm Chat Management met een lege chatlijst en een knop New Chat](https://enydea.com/seo-assets/screens/chats.webp)

*Chat Management voordat de eerste chat bestaat.*
1. Klik op **Chats** in de zijbalk.
2. Klik op **New Chat**. De nieuwe chat heet "new".
3. Typ in **Chat Name** de naam die bezoekers moeten zien, bijvoorbeeld "Sales team".
4. Open **Appearance Settings** en klik op het kleurvlak onder **Background Color** om je huisstijlkleur te kiezen.
5. Klik op het menu met de drie puntjes bovenaan de chat en klik op **Save Chat**.

Laat **AI Agent Settings** voorlopig met rust. AI-antwoorden staan uit tot je **Enable AI Auto-Reply** aanvinkt, dus je team beantwoordt elk bericht.

### Voeg de widget toe aan je site
1. Klik op **Get Embed Code**. Er opent een venster met de titel **Embed Chat Widget**.
2. Klik op **Copy Code**.
3. Plak de code in de HTML van je pagina, vlak voor de afsluitende `</body>`-tag, op elke pagina waarop de chat moet verschijnen.
4. Bewaar je site en publiceer hem.

### Stuur een testbericht

![Een website van een klant met het chatvenster open: een welkomstbericht, een vraag van een bezoeker en het antwoord van het salesteam](https://enydea.com/seo-assets/screens/chat-widget-visitor.webp)

*Wat een bezoeker op je website ziet nadat je team heeft geantwoord.*
1. Open je live website in een privévenster van je browser.
2. Klik op de ronde chatknop rechtsonder. Er opent een venster met een welkomstbericht.
3. Typ een testbericht en druk op Enter.

### Antwoord vanuit Enydea

![Het scherm Chat Management met een geopende chatroom: het welkomstbericht, de vraag van de bezoeker en het antwoord van het team](https://enydea.com/seo-assets/screens/chat-room.webp)

*De chatroom in Enydea. Jouw antwoord is het blauwe bericht.*
1. Klik in Enydea op **Chats** en kies je chat. Laad het scherm opnieuw als je de nieuwe chatroom nog niet ziet.
2. Klik onder **Chat Rooms** op de nieuwe chatroom. Het bericht van de bezoeker staat erin.
3. Typ je antwoord en druk op Enter.
4. Kijk opnieuw op je website. Je antwoord verschijnt in het chatvenster.

## Controleer je werk
- Onder **Chat Rooms** bestaat een chatroom voor je testgesprek.
- Je antwoord verschijnt in het venster van de bezoeker.
- De bel **System Messages** toont een melding voor het nieuwe gesprek. Je krijgt die omdat jij de chat hebt gemaakt.
- Opent het venster wel, maar verschijnt er nooit een chatroom, dan ziet de bezoeker geen foutmelding. Controleer of de code op de pagina staat die je hebt getest, en neem contact op met support als dat zo is.

Verwijder je testchatroom met het prullenbakpictogram als je klaar bent.

## Volgende stappen
- Voeg openingstijden, een AI-agent of WhatsApp toe ([Chats](https://enydea.com/nl/documentation/chat-widget.md)). Lees de waarschuwing over **Include CRM Context** voordat je de AI aanzet.
- Laat de schakelaar **Chatwidget** in **Websitetracking** (Website Tracking) uit staan. Dat is een aparte chatballon die geen chatrooms aanmaakt in **Chats** ([Websitetracking en toestemmingsinstellingen](https://enydea.com/nl/documentation/website-tracking-and-consent.md)).
- Wil je WhatsApp-berichten in dezelfde chat ontvangen, koppel dan eerst WhatsApp ([Sociale media en WhatsApp](https://enydea.com/nl/documentation/social-media-and-whatsapp.md)).