# 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-17

## 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.

## 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 **Nieuwe chat**. De nieuwe chat heet "new".
3. Typ in **Chatnaam** de naam die bezoekers moeten zien, bijvoorbeeld "Sales team".
4. Open **Weergave-instellingen** en klik op het kleurvlak onder **Achtergrondkleur** om je huisstijlkleur te kiezen.
5. Klik op het menu met de drie puntjes bovenaan de chat en klik op **Chat opslaan**.

Laat **Instellingen AI-agent** voorlopig met rust. AI-antwoorden staan uit tot je **Automatisch AI-antwoord inschakelen** aanvinkt, dus je team beantwoordt elk bericht.

### Voeg de widget toe aan je site
1. Klik op **Insluitcode ophalen**. Er opent een venster met de titel **Chatwidget insluiten**.
2. Klik op **Code kopiëren**.
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 **Chatruimtes** 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 **Chatruimtes** bestaat een chatroom voor je testgesprek.
- Je antwoord verschijnt in het venster van de bezoeker.
- De bel (**Meldingen**) toont een melding voor het nieuwe gesprek, en een klik erop opent de chatroom. 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 **CRM-context meenemen** 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)).