Tutorials8 min. lezen
Chatbot op je website integreren: zo doe je het in 5 stappen
Chatwize teamBijgewerkt op Gepubliceerd op
Een chatbot op je website integreren doe je in vijf stappen: bepaal welke vragen hij moet beantwoorden, geef hem je eigen kennis, plak één stukje code vlak voor </body>, kies waar hij verschijnt en test hem met echte klantvragen. Programmeren hoeft niet. Het meeste werk zit in de kennis, niet in de techniek.
Wat betekent een chatbot integreren in je website?
Een chatbot integreren betekent dat je een chatvenster aan je bestaande website toevoegt. Meestal gaat dat met één regel code die je van de aanbieder krijgt. Een AI-chatbot leest daarna de vragen van je bezoekers en antwoordt op basis van jouw informatie: je producten, je prijzen, je levertijden en je voorwaarden. Je website zelf verandert niet. De chat komt erbovenop, als een knop in de hoek.
Neem een groothandel in verpakkingen. Om tien uur 's avonds wil een inkoper weten of een doos ook in 40 bij 30 centimeter bestaat en wat de minimale afname is. Zonder chat stuurt hij een mail en wacht tot de volgende ochtend, of hij bestelt bij een ander. Met een assistent op de site heeft hij het antwoord meteen, met een link naar het juiste product.
Stap 1. Welke vragen moet de chatbot beantwoorden?
Begin niet bij de techniek, maar bij je mailbox. Welke vragen krijgt je team elke dag opnieuw? Dat zijn de vragen waar een chatbot het meest oplevert, want het antwoord ligt vast. Het hangt af van je productlijst, je prijslijst of je voorwaarden, niet van een inschatting door een mens.
- Webshop: wanneer wordt het geleverd, kan ik het retourneren, welke maat moet ik hebben, past dit onderdeel op mijn model?
- Groothandel of importeur: wat is de minimale afname, is dit op voorraad, wat zijn de staffelprijzen, leveren jullie ook in België?
- Verhuur: wat kost de huur per dag of per week, hoeveel borg betaal ik, kan ik hem zelf ophalen, wat gebeurt er als het regent?
Zo vind je ze snel
Lees de mails en chatberichten van de afgelopen maand terug en schrijf elke vraag op die vaker dan eens voorkomt. Die lijst is je doel en straks ook je test.
Stap 2. Welke kennis heeft hij nodig?
Een AI-chatbot is zo goed als de informatie die je hem geeft. Staat iets niet in zijn kennis, dan moet hij dat eerlijk zeggen en de bezoeker doorverwijzen, niet gokken. Zet daarom eerst klaar wat een goede medewerker ook zou opzoeken.
Kennis die je klaarzet
- De pagina's van je website: producten, categorieën, veelgestelde vragen, contact.
- Je prijslijst en eventuele staffels of toeslagen.
- Levering en retour: levertijden, verzendkosten, landen, hoe retourneren werkt.
- Je algemene voorwaarden of huurvoorwaarden, in gewone taal als het kan.
- Wat hij niet mag doen: geen korting beloven, geen medisch of juridisch advies, doorverwijzen bij klachten.
Stap 3. Hoe zet je de chatbot op je website?
Je krijgt van de aanbieder een kort script. Dat plak je op je site vlak voor de afsluitende </body>-tag, zodat het pas laadt als de rest van je pagina er al staat. Bijna elk websitesysteem heeft daar een vak voor, vaak onder een naam als “custom code”, “code injection” of “footer”. Plak het in de gedeelde voettekst, dan staat de chat in één keer op elke pagina.
| Websitesysteem | Waar plak je de code | Let op |
|---|---|---|
| WordPress | Met een plugin voor kop- en voettekst (bijvoorbeeld WPCode), in het vak Footer | Op WordPress.com heb je een betaald abonnement nodig om plugins te installeren |
| Shopify | Online Store > Themes > Edit code > theme.liquid, vlak voor </body> | Wissel je van thema, dan plak je de code opnieuw |
| Wix | Settings > Custom Code, plaats “Body - end”, alle pagina's | Alleen met een betaald plan en een eigen domein |
| Squarespace | Settings > Developer Tools > Code Injection > Footer | Niet op het Personal-plan; werkt niet in de preview |
| Webflow | Site settings > Custom Code > Footer Code, daarna publiceren | Een betaald Site-plan is nodig voor je eigen domein |
| Eigen of maatwerksite | In het gedeelde sjabloon, vlak voor </body> | Vraag je webbouwer het in de footer te zetten die elke pagina deelt |
Eerst op één pagina proberen?
Dat kan. Zet de code dan niet in de voettekst maar alleen op die ene pagina. Zo bekijk je hoe hij werkt voordat iedere bezoeker hem ziet.
Stap 4. Waar op de pagina laat je hem verschijnen?
Er zijn drie vormen die je in de praktijk het vaakst ziet. Je kunt ze ook combineren.
- Een knop in de hoek, rechts of links onderin. De standaard: bezoekers kennen hem en hij staat niets in de weg. Begin hiermee.
- Een chatblok in de pagina, bijvoorbeeld op je klantenservicepagina. Wie daar komt, zoekt hulp en ziet meteen waar hij zijn vraag kwijt kan.
- Een eigen chatpagina met een link. Handig in een orderbevestiging of nieuwsbrief: één klik en de klant stelt zijn vraag.
Niet doen
De chat na drie seconden vanzelf openklappen over je productfoto. Dat voelt als reclame. Een kort welkomstzinnetje naast de knop is genoeg om te laten zien dat hij er is.
Stap 5. Wat test je voordat hij live gaat?
Testlijst voor je publiceert
- Stel de tien vragen uit stap 1, zoals klanten ze echt typen, met tikfouten en al.
- Stel een vraag waarvan het antwoord niet in de kennis staat. Zegt hij eerlijk dat hij het niet weet, en verwijst hij door?
- Vraag om een medewerker, ook buiten kantoortijd. Weet de bezoeker wat er daarna gebeurt?
- Open de site op je telefoon. Staat de knop niet over je winkelwagen of een andere knop heen?
- Bekijk de site in een privévenster, met de cookiebanner nog open.
- Komen er klanten uit het buitenland? Stel dan ook een vraag in het Engels of Duits.
Hoe zit het met privacy en cookies bij een chatbot?
In een chatgesprek delen bezoekers al snel persoonsgegevens: een naam, een mailadres, een ordernummer. Daarvoor geldt de AVG, net als voor je contactformulier. Noem de chat in je privacyverklaring, vraag niet meer gegevens dan je nodig hebt, en vraag je aanbieder waar de gesprekken worden opgeslagen. Bij Chatwize is dat in de EU.
Voor cookies die nodig zijn om je website te laten werken, hoef je volgens de Autoriteit Persoonsgegevens geen toestemming te vragen. Voor cookies die bezoekers volgen wel. Vraag je aanbieder dus welke cookies de chat plaatst, en zet hem in je cookiebanner in de juiste groep.
Wat doe je als de chatknop niet verschijnt?
- Nog niet gepubliceerd. In Wix, Webflow en Squarespace zie je de code pas op de live site, niet in de editor.
- Een cache. Gebruik je een cacheplugin of CDN, leeg dan de cache en ververs de pagina.
- Twee keer geplakt. Staat de code in de header én in de footer, dan zie je twee knoppen of geen.
- Het domein staat niet goed. Sommige aanbieders laten de chat alleen werken op domeinen die je hebt opgegeven. Controleer of je eigen adres erbij staat, met en zonder www.
- De cookiebanner houdt hem tegen. Sommige banners blokkeren scripts tot de bezoeker toestemming geeft. Kijk in welke groep de chat staat.
- Een adblocker in jouw eigen browser. Test in een privévenster of op je telefoon.
Veelgestelde vragen over een chatbot op je website
- Moet ik kunnen programmeren om een chatbot op mijn website te zetten?
- Nee. Je plakt één stukje code in een vak dat je websitesysteem daarvoor heeft, zoals Custom Code in Wix of een plugin voor kop- en voettekst in WordPress. Het echte werk is de kennis klaarzetten: je producten, prijzen en voorwaarden.
- Wordt mijn website trager door een chatbot?
- Dat merk je meestal niet, zolang het script pas laadt als je pagina er al staat. Daarom plak je het vlak voor </body>. Wil je het zeker weten, meet je pagina dan voor en na met PageSpeed Insights van Google.
- Hoe lang duurt het om een chatbot op mijn website te integreren?
- De code plakken is een kwestie van minuten. De meeste tijd gaat zitten in het klaarzetten van je kennis en het testen met echte vragen. Hoe lang dat duurt, hangt af van hoeveel producten en regels je hebt.
- Kan de chatbot een vraag doorzetten naar een medewerker?
- Een goede AI-chatbot kan dat, en het hoort erbij: bij een klacht of een vraag die buiten zijn kennis valt, wil een klant een mens. Bij Chatwize kan de bezoeker om een medewerker vragen. Buiten kantoortijd laat hij zijn vraag of mailadres achter.
- Werkt een chatbot ook op mobiel?
- Ja, de chat past zich aan het scherm aan. Kijk wel zelf op je telefoon of de knop niet over een andere knop valt, zoals je winkelwagen of een cookiemelding.
- Wat kost een AI-chatbot op je website?
- Dat hangt vooral af van het aantal gesprekken per maand. In onze blog over de kosten van een AI-chatbot in 2026 zetten we de prijzen per maand en de eenmalige kosten op een rij.
Lees verder
Product8 min. lezen
Wat kost een AI-chatbot in 2026? Prijzen per maand en eenmalig
Wat een AI-chatbot voor je website per maand en eenmalig kost, met en zonder btw, wat er wel en niet in de prijs zit, en een rekensom om je eigen terugverdientijd te zien.
Tutorials8 min. lezen
Een meertalige AI-chatbot in 1 dag live: praktische gids
Stap-voor-stap van leeg dashboard naar een chatbot die klanten helpt in hun eigen taal, zonder developer. Inclusief de tien testvragen die je moet stellen vóór go-live.
Klantenservice11 min. lezen
AI-chatbot voor MKB Nederland: complete gids
MKB-gids voor AI-chatbots: waarom no-code een vereiste is, welke ROI realistisch is in 3-6 maanden en hoe je in 30 dagen live gaat. Met sectorvoorbeelden.
Klaar om dit voor je eigen team te realiseren?
Boek een korte demo en we laten zien hoe Chatwize past op jouw klantvragen, kanalen en processen.