Documentatie

Implementeren

Bind je agent in op elke website met de JavaScript-widget of iframe.

Implementeer je agent op je website zodat bezoekers ermee kunnen chatten. Kies tussen een zwevende chatwidget of een volledige iframe-insluiting.

Inbedopties

Chatwidget (aanbevolen)

Een zwevende chatbubbel die uitklapt tot een chatvenster. Werkt op elke website.

Iframe-insluiting

Sluit de volledige chatinterface in binnen een paginasectie. Handig voor speciale supportpagina's.

De chatwidget toevoegen

  1. Ga naar het tabblad Publiceren van je agent
  2. Kopieer het JavaScript-snippet
  3. Plak het in de HTML van je website, vóór </body>:
<script
  src="https://your-domain.com/widget.js"
  data-chatbot-id="your-chatbot-id"
  async
></script>
  1. Vernieuw je website - de chatbubbel verschijnt!

De widget verschijnt als een zwevende knop (meestal rechtsonder). Bezoekers klikken erop om de chat te openen.

Platformspecifieke handleidingen

Voor gedetailleerde instructies per platform:

Widget aanpassen

Pas het uiterlijk aan in het tabblad Ontwerp:

Kleuren

  • Primaire kleur (chatbubbel, header)
  • Accentkleuren
  • Licht of donker thema

Positie

  • Rechtsonder (standaard)
  • Linksonder
  • Aangepaste positionering via CSS

Branding

  • Initieel bericht
  • Chattitel
  • Voorgestelde berichten
  • Verwijder de "Powered by"-branding (Standard- en Pro-abonnement)

Zichtbaarheidsinstellingen

Bepaal wie toegang heeft tot je agent:

InstellingOmschrijving
OpenbaarIedereen kan de ingesloten widget gebruiken
PrivéAlleen toegankelijk via de Playground in het dashboard

Configureer dit bij Instellingen > Beveiliging > Zichtbaarheid.

Domeinbeperkingen

Beperk welke websites je agent mogen insluiten:

  1. Ga naar Instellingen > Beveiliging
  2. Zoek Toegestane domeinen
  3. Voeg domeinen toe die je widget mogen insluiten

Zodra dit is ingesteld, laadt de widget alleen op goedgekeurde domeinen. Dit voorkomt ongeautoriseerd gebruik van je agent.

Je embed verifiëren

Nadat je de code hebt toegevoegd:

  1. Bezoek je website in een browser
  2. Zoek de chatbubbel
  3. Klik om de chat te openen
  4. Stuur een testbericht
  5. Controleer of het antwoord klopt

Problemen oplossen

Widget verschijnt niet:

  • Controleer of de embedcode vóór </body> staat
  • Controleer of het agent-ID klopt
  • Wis je browsercache
  • Controleer de browserconsole op foutmeldingen

Widget staat op de verkeerde positie:

  • Pas de positie aan in de ontwerpinstellingen
  • Controleer op CSS-conflicten

Chat reageert niet:

  • Zorg dat je trainingscontent hebt
  • Controleer de berichtenlimiet van je abonnement
  • Test eerst in de Playground

Checklist om live te gaan

Voordat je je agent aankondigt:

  1. [ ] Test in de Playground met veelgestelde vragen
  2. [ ] Controleer of de trainingscontent compleet is
  3. [ ] Pas het uiterlijk aan je merk aan
  4. [ ] Stel domeinbeperkingen in (optioneel)
  5. [ ] Stel een ratelimiet in om misbruik te voorkomen
  6. [ ] Controleer de zichtbaarheidsinstellingen

Volgende stappen