> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superoffice.com/llms.txt
> Use this file to discover all available pages before exploring further.

# JavaScript voor uw website toevoegen

> Live Chat is een populaire manier voor uw klanten en prospects om contact met u op te nemen wanneer ze uw website bezoeken. Deze handleiding laat u zien hoe u een chatwidget aan uw website kunt toevoegen.

Als u de chatfunctie beschikbaar wilt maken voor uw klanten, moet u een JavaScript toevoegen aan de relevante pagina's op uw website. Als u meerder chatkanalen hebt ingesteld, moet er voor elk chatkanaal een specifiek JavaScript worden toegevoegd aan de relevante pagina('s).

Nu u [de chatwidget hebt geconfigureerd][1], laat deze stap u zien hoe u deze aan uw website kunt toevoegen.

## Stappen

1. Ga naar **Instellingen en onderhoud**.
2. Selecteer <i class="ph ph-chat-teardrop-text" aria-hidden="true" /> **Chatten** in de Navigator.
3. Selecteer een chatkanaal uit de lijst en klik op **Weergeven**. Het JavaScript voor het geselecteerde chatkanaal wordt weergegeven.
4. Selecteer en kopieer het script.
5. Meld u aan bij de editorpagina van uw website.
6. Ga naar de sectie waar u HTML-code kunt bewerken of toevoegen.
7. Plak het JavaScript voor uw chat-widget in de code van uw webpagina.
8. Sla de wijzigingen op, upgrade of publiceer ze (dit is afhankelijk van het systeem dat u gebruikt).
9. Uw webpagina openen of vernieuwen.

De chatwidget is nu beschikbaar en live. Bezoekers van uw website kunnen met u gaan chatten.

<Note>
  Wanneer u de chatfunctie inschakelt, moet uw organisatie klaar zijn om alle binnenkomende chatgesprekken af te handelen.

  De parameter *DEFER* zorgt ervoor dat dit script het laden van de pagina niet blokkeert. Het script wordt uitgevoerd nadat het laden van de pagina is voltooid.
</Note>

## Video: de chatwidget toevoegen

Bekijk deze demo om te zien hoe u de chatwidget aan uw website toevoegt.

<Frame caption="(Deze video toont een eerdere versie van SuperOffice, dus het ontwerp kan er anders uitzien. De stappen zijn hetzelfde.)">
  <iframe width="100%" height="420" src="https://www.youtube-nocookie.com/embed/Q-i8nxHqAPc" title="(Deze video toont een eerdere versie van SuperOffice, dus het ontwerp kan er anders uitzien. De stappen zijn hetzelfde.)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />
</Frame>

(videolengte - 2:04)

[1]: ./channel-create


## Related topics

- [Chatten koppelen aan uw Customer Centre](/nl/customer-center/learn/enable-chat.md)
- [Kunstmatige intelligentie-diensten](/nl/ai/learn/index.md)