Chatbot maken voor je website: een AI-chatbot zelf bouwen

Een AI-chatbot bestaat uit twee delen. Het eerste deel is het chatvenster dat bezoekers zien, meestal een knopje rechtsonder op je website. Het tweede deel draait op je server: dat stuk ontvangt de vraag, voegt jouw instructies en informatie toe en stuurt alles naar een taalmodel. Een taalmodel is de AI die tekst begrijpt en schrijft.

Dat taalmodel draai je niet zelf. Je gebruikt het via de API van een AI-aanbieder. Een API is een vaste manier waarop twee programma's met elkaar praten: jouw server stuurt een vraag, de aanbieder stuurt een antwoord terug. Voor die toegang krijg je een geheime sleutel, een soort wachtwoord waarmee de aanbieder weet dat het verzoek van jou komt en aan wie de kosten worden doorberekend.

Je betaalt bij zo'n API meestal per gebruik: hoe meer en hoe langere gesprekken, hoe hoger de rekening. Dat is anders dan een vast abonnement. Kijk voor de actuele tarieven altijd op de site van de aanbieder en stel daar een maximaal bedrag per maand in als dat kan.

• vragen

  Veelgestelde vragen beantwoorden

  Openingstijden, levertijden, retourbeleid, parkeren, wat er in een pakket zit. De vragen die je nu tien keer per week per mail krijgt.

• advies

  Bezoekers op weg helpen

  Uitleggen welke dienst of welk product past bij iemands situatie, en doorverwijzen naar de juiste pagina.

• contact

  Aanvragen verzamelen

  Na een paar vragen een contactformulier aanbieden, zodat jij de aanvraag persoonlijk kunt opvolgen.

• intern

  Hulp voor je eigen team

  Een chatbot die vragen beantwoordt over je eigen handleidingen en werkafspraken, alleen zichtbaar voor collega's.

Met Claude Code bouw je zowel het chatvenster als het serverdeel. Je test alles eerst op je eigen computer.

1. 1

   Verzamel je informatie

   Zet de vragen die klanten echt stellen op een rij, met de juiste antwoorden. Dit document wordt de kennis van je chatbot. Hoe beter dit is, hoe beter de antwoorden.

2. 2

   Schrijf de instructies

   Bepaal hoe de chatbot zich gedraagt: welke toon, waar hij wel en niet over praat, en wat hij zegt als hij het antwoord niet weet. Bijvoorbeeld: verwijs dan naar het contactformulier.

3. 3

   Maak een account bij een AI-aanbieder

   Vraag daar een API-sleutel aan en stel een bestedingslimiet in. Zet de sleutel in een apart instellingenbestand, zoals .env, en nooit in de code die in de browser draait.

4. 4

   Laat het serverdeel bouwen

   Vraag Claude Code om een stuk code op de server dat de vraag ontvangt, je instructies en informatie toevoegt, de API aanroept en het antwoord teruggeeft.

5. 5

   Bouw het chatvenster

   Een knop op je website die een venster opent, in je eigen huisstijl. Laat duidelijk zien dat de bezoeker met een AI praat.

6. 6

   Test met lastige vragen

   Stel vragen waar het antwoord niet in je informatie staat, probeer de chatbot over iets anders te laten praten en vraag naar prijzen. Pas je instructies aan tot je tevreden bent.

Alles wat in de browser van je bezoeker draait, kan die bezoeker bekijken. Staat je API-sleutel in de code van je webpagina, dan kan iedereen hem kopiëren en op jouw kosten de AI gebruiken. Dat kan snel oplopen.

Daarom loopt elk gesprek via je eigen server. De browser praat met jouw server, en alleen jouw server kent de sleutel. Zet het instellingenbestand met de sleutel ook nooit op GitHub. Claude Code kan je helpen dat goed in te stellen, en noemt het ook als je het vraagt om je project te controleren.

Een AI-chatbot is handig, maar niet foutloos. Houd rekening met:

• Verzonnen antwoorden: een taalmodel kan overtuigend iets zeggen dat niet klopt. Laat het alleen antwoorden op basis van jouw informatie en laat het eerlijk zeggen als het iets niet weet.
• Toezeggingen: zorg dat de chatbot geen kortingen, levertijden of afspraken belooft die jij niet kunt waarmaken.
• Misbruik: bezoekers kunnen proberen de chatbot over heel andere onderwerpen te laten praten. Beperk het aantal berichten per bezoeker en het onderwerp in je instructies.
• Kosten: elk bericht kost een klein bedrag. Een limiet per gesprek en per maand voorkomt verrassingen.
• Onderhoud: verandert je aanbod, dan moet je de informatie van de chatbot ook bijwerken.

Wat een bezoeker in de chat typt, gaat via jouw server naar de AI-aanbieder. Vertel dat in je privacyverklaring en zet een korte melding bij het chatvenster. Vraag bezoekers geen gevoelige gegevens te delen, zoals medische informatie of burgerservicenummers.

Lees bij de aanbieder hoe die met gegevens omgaat, bijvoorbeeld of berichten gebruikt worden om modellen te trainen en hoe lang ze bewaard worden. Sla gesprekken zelf alleen op als je ze echt nodig hebt, en dan niet langer dan nodig.