Een bezoeker wil om 21:30 uur weten of je een lekkage kunt beoordelen, een aanbouw kunt offreren of een schilderklus in jouw regio uitvoert. Een contactformulier met alleen naam, e-mail en bericht levert dan vaak een onvolledige aanvraag op. Met een goed ingerichte chatbot verzamel je direct de gegevens waarmee je werkvoorbereiding of opvolging kan starten.
Wie een chatbot aan een website koppelen wil, heeft doorgaans toegang tot de website nodig, een helder intakeproces, een plek voor binnenkomende aanvragen en een mobiele test. DoeBot richt dit proces in voor vakbedrijven die vooraf al foto's, maten, locatie en de juiste projectdetails willen verzamelen.
Snel antwoord: chatbot koppelen aan je website
Volg deze stappen om een chatbot technisch en praktisch goed te plaatsen:
- Kies per pagina het doel van de chatbot, zoals offerte-intake, storing melden of algemene vragen beantwoorden.
- Voeg de chatbotcode toe via je CMS, tagmanager of webbouwer en laad deze op de gekozen pagina's.
- Richt de vragen, verplichte velden, fotoupload en toestemming voor contact in.
- Pas kleuren, welkomsttekst en positie aan op je huisstijl.
- Test de volledige intake op mobiel, inclusief verzending van foto's en ontvangst van de aanvraag.
- Leg vast wie aanvragen opvolgt, binnen welke tijd en via welk kanaal.
Wat je technisch nodig hebt om een chatbot aan je website te koppelen
De technische installatie bestaat meestal uit een kort script dat in de broncode van je website komt. Dat script laadt de chatknop en de gesprekservaring in de browser. Je webbouwer kan dit plaatsen, maar in veel CMS'en kan het ook via een codeblok of een tagmanager.
Zorg vooraf dat je toegang hebt tot ten minste één van deze onderdelen:
| Onderdeel | Waarvoor je het gebruikt | Wie dit meestal beheert |
|---|---|---|
| CMS of websitebeheer | Script op pagina's plaatsen en publiceren | Eigenaar of marketeer |
| Google Tag Manager | Script toevoegen zonder directe codewijziging | Marketeer of webbouwer |
| Hosting of broncode | Plaatsing in de header of footer van een maatwerkwebsite | Webbouwer |
| E-mailinbox of CRM | Nieuwe aanvragen ontvangen en verdelen | Kantoor of planning |
| Privacyverklaring | Uitleg geven over verwerking van contact- en projectgegevens | Eigenaar of privacyverantwoordelijke |
Vraag je webbouwer om het script vlak voor de afsluitende </body>-tag te plaatsen, of gebruik de implementatie-instructie van jouw chatbotplatform. Bij een script in de header verdient uitgesteld laden vaak de voorkeur, zodat de chatbot de rest van de pagina zo min mogelijk ophoudt. De MDN-documentatie over het script-element legt uit hoe defer en laden van scripts werken.
Controleer ook op welke domeinen het script mag draaien. Voeg zowel je hoofddomein als eventuele varianten toe, bijvoorbeeld www.jouwdomein.nl en jouwdomein.nl. Zo voorkom je dat de chat op een testomgeving of verkeerde website verschijnt.
Op welke pagina's plaats je de chatbot?
Een chatbot hoeft niet overal hetzelfde gesprek te starten. De beste plaatsing volgt de intentie van de bezoeker. Iemand op een pagina over dakrenovatie heeft andere informatie paraat dan iemand die via de homepage voor het eerst kennismaakt.
Begin met pagina's waar bezoekers een aanvraag willen doen: dienstenpagina's, projectpagina's met een duidelijke call-to-action en de contactpagina. Laat de welkomstvraag aansluiten op wat de bezoeker daar ziet.
Een aannemer met de pagina /aanbouw-laten-bouwen kan bijvoorbeeld openen met: “Wilt u een indicatie voor uw aanbouw? Beantwoord een paar vragen en voeg foto's of tekeningen toe.” Op /contact werkt een bredere startvraag beter: “Waar kunnen we u mee helpen?”
Werkvoorbeeld: een aanvraag voor een aanbouw
Stel dat een regionaal bouwbedrijf de chatbot plaatst op /aanbouw-laten-bouwen. De eerste versie vraagt alleen om naam, telefoonnummer en een omschrijving. De aanvraag komt binnen als: “Ik wil graag een aanbouw. Wat kost dat?” De werkvoorbereider moet terugbellen voor afmetingen, postcode, gewenste opleverdatum en foto's van de achtergevel.
De verbeterde intake vraagt in logische volgorde naar postcode, soort aanbouw, geschatte breedte en diepte, gewenste startperiode, foto's en contactgegevens. Bezoekers die al tekeningen hebben, kunnen die direct toevoegen. Het kantoor ontvangt daardoor informatie die bij de eerste beoordeling bruikbaar is.
Bouw de vragen op vanuit de gegevens die jouw team echt gebruikt bij de eerste inschatting. Lees ook welke vragen je vooraf stelt in een chatbot voor aannemers. Voor een intake waarin beeldmateriaal doorslaggevend is, helpt deze uitleg over foto's verzamelen voor een offerte.
De chatbot in je huisstijl zetten
Een chatvenster krijgt sneller vertrouwen wanneer tekst, toon en vorm passen bij de rest van de website. Gebruik je primaire merkkleur voor de knop en behoud voldoende contrast tussen tekst en achtergrond. Een slecht leesbare knop kost mobiel extra aanvragen, waar zonlicht en kleine schermen leesbaarheid al onder druk zetten.
Kies een vaste plek rechtsonder, tenzij die positie een cookieknop, toegankelijkheidsknop of belangrijke mobiele navigatie bedekt. Houd ook rekening met een sticky belknop. Twee zwevende knoppen op dezelfde plek maken beide acties lastig te gebruiken.
Schrijf de eerste boodschap als een praktische uitnodiging. Voor een installatiebedrijf kan dat zijn: “Beschrijf uw storing of project. Met een paar vragen brengen we direct de juiste informatie in kaart.” Vermijd lange introducties en algemene teksten over technologie. De bezoeker wil vooral verder met zijn vraag.
De WCAG-richtlijnen van W3C geven handvatten voor onder meer contrast, toetsenbordbediening en begrijpelijke invoervelden. Laat de chatknop altijd een duidelijke toegankelijke naam hebben, zoals “Start offerte-aanvraag”.
Test de chatbot op mobiel voordat je publiceert
Het grootste technische risico zit vaak in de mobiele ervaring. Een chatbot kan op een breed desktopscherm prima ogen en op een telefoon een verstuurknop, uploadveld of privacytekst afdekken.
Open de site op een echte iPhone en Android-telefoon. Doorloop daarna de intake als een klant, vanaf de eerste vraag tot en met de bevestiging. Test via wifi én mobiel internet. Upload daarbij een foto die rechtstreeks met de telefooncamera is gemaakt.
Let tijdens die test op vier concrete punten:
- De chatknop blijft zichtbaar zonder andere knoppen te bedekken.
- Tekst, antwoordknoppen en invoervelden blijven goed leesbaar en aanraakbaar.
- Een foto of document komt mee in de aanvraag.
- De bedanktpagina of bevestiging vertelt helder wat de bezoeker daarna kan verwachten.
Bij het bouwbedrijf uit het voorbeeld bleek op mobiel dat het uploadveld pas zichtbaar werd na een extra tik op een klein icoon. Dat zorgt voor aanvragen zonder gevelbeelden. Maak de actie expliciet met tekst als “Voeg foto's toe van de huidige situatie” en herhaal kort waarom die beelden nodig zijn.
Privacy en toestemming bij website-intakes
Een offerte-intake kan persoonsgegevens, foto's van een woning en soms gegevens over een storing bevatten. Zet daarom vóór verzending een korte verwijzing naar je privacyverklaring. Vraag alleen gegevens die je nodig hebt om de aanvraag te beoordelen en contact op te nemen.
Maak ook duidelijk wat er gebeurt na verzending: wie contact opneemt, met welk doel en welke gegevens de bezoeker achterlaat. De Autoriteit Persoonsgegevens legt uit welke informatie een privacyverklaring hoort te bevatten.
Vermijd vrije tekstvelden als enige intakevorm wanneer je vooraf specifieke projectinformatie nodig hebt. Gerichte vragen maken aanvragen beter vergelijkbaar en beperken overbodige gegevens. Bij een storing kan het gesprek bijvoorbeeld vragen naar type installatie, urgentie, postcode en een foto van de situatie. Bekijk hiervoor de aanpak voor een chatbot bij installatiebedrijven.
Zo richt DoeBot de intake en opvolging in
Een chatbot koppelen aan je website bestaat uit meer dan een script plaatsen. De waarde zit in het gesprek dat daarna op het juiste moment de juiste gegevens ophaalt. DoeBot is gericht op die digitale intake voor bouw- en vakbedrijven.
Eerst bepaal je samen welke aanvragen je wilt ontvangen, bijvoorbeeld aanbouwen, schilderwerk, dakwerk, installatiestoringen of algemene contactvragen. Daarna wordt per type aanvraag de vraagvolgorde ingericht. Een dakaanvraag vraagt om andere gegevens dan een badkamerverbouwing.
Vervolgens koppel je de chat aan de relevante websitepagina's en krijgt elke starttekst een doel. Op de aanbouwpagina start de offerte-intake. Op een pagina voor service kan de bezoeker eerst aangeven of het om een storing of gepland onderhoud gaat.
Daarna test je de aanvraagroute. Je controleert welke gegevens binnenkomen, of foto's bruikbaar zijn en of de melding op de juiste plek belandt. De opvolging krijgt een eigenaar: bijvoorbeeld de planner voor storingen en de werkvoorbereider voor grotere projecten.
Deze werkwijze voorkomt dat een chatbot alleen extra gesprekken oplevert. De intake wordt een vaste stap vóór de beoordeling van een aanvraag. Voor de bredere keuze tussen een formulier en een gesprek lees je contactformulier of slimme intake voor een bouwbedrijf. Wil je vooral aanvragen sneller laten landen bij de juiste collega, gebruik dan ook de aanpak voor offerteaanvragen automatiseren.
Wie volgt een aanvraag op en hoe snel?
Techniek zonder opvolgafspraak levert alsnog gemiste kansen op. Kies één inbox of systeem als vaste bestemming voor nieuwe aanvragen. Laat de chatbot na verzending een duidelijke verwachting tonen, bijvoorbeeld dat het kantoor op werkdagen reageert.
Maak intern onderscheid tussen urgente en reguliere aanvragen. Een lekkage of storing vraagt om een ander proces dan een aanvraag voor schilderwerk over drie maanden. Neem die urgentiekeuze op in het gesprek en zet hem zichtbaar in de binnenkomende melding.
Plan elke week tien minuten om de laatste aanvragen door te nemen. Kijk waar bezoekers afhaken, welke vragen vaak leeg blijven en welke informatie collega's alsnog telefonisch opvragen. Pas vervolgens één vraag tegelijk aan. Daardoor zie je welk onderdeel van de intake verbetering brengt.
Veelgemaakte fouten bij een chatbot op een website
De meest voorkomende fout is een algemene chat openen met “Hoe kan ik helpen?” op iedere pagina. Dat levert losse vragen op en laat waardevolle context van de pagina liggen. Gebruik de dienstpagina als vertrekpunt voor een gerichte intake.
Een tweede fout is een te lange vragenlijst vóór je om contactgegevens vraagt. Bij grotere projecten kunnen meerdere vragen nodig zijn, maar laat de bezoeker tussendoor ervaren dat de aanvraag vooruitgaat. Groepeer vragen per onderwerp en gebruik waar mogelijk antwoordknoppen.
Ook een chatbot zonder eigenaar loopt vast. Wijs een collega aan die meldingen beoordeelt, en zet een vervanger klaar voor vrije dagen. Een snelle, inhoudelijke eerste reactie sluit aan bij de verwachting die je website heeft gewekt.
Veelgestelde vragen over een chatbot koppelen aan je website
Kan ik een chatbot zelf op mijn WordPress-website zetten?
Ja. Meestal plaats je een script via een header/footer-plugin, een codeblok of Google Tag Manager. Maak eerst een back-up of gebruik een testomgeving. Test daarna zowel de chatweergave als een volledig verzonden aanvraag voordat je de wijziging op je live website publiceert.
Vertraagt een chatbot mijn website?
Een extra script kan invloed hebben op laadtijd. Beperk dat risico door het script correct te laden, onnodige widgets te verwijderen en de prestaties voor en na plaatsing te meten. Test vooral de belangrijkste landingspagina's en mobiel gebruik.
Werkt een chatbot ook voor complexe offerteaanvragen?
Ja, mits je de intake afbakent tot informatie voor de eerste beoordeling. Bij complexe verbouwingen kan de chatbot locatie, globale omvang, foto's, tekeningen en gewenste planning verzamelen. Daarna volgt een opname of inhoudelijk gesprek met een medewerker.
Moet een chatbot het contactformulier vervangen?
Dat hangt af van je aanvraagproces. Een chatbot werkt sterk als je veel dezelfde gegevens vooraf nodig hebt en bezoekers stap voor stap wilt begeleiden. Een formulier kan daarnaast beschikbaar blijven voor bezoekers die liever zelf een bericht schrijven. Lees meer over deze afweging in het contactformulier als alternatief voor een slimme intake.
Wat kost een chatbot voor een website?
De kosten hangen af van de gewenste intake, het aantal gesprekken, onderhoud en de technische inrichting. Bepaal eerst welke gegevens je per aanvraag nodig hebt en hoeveel handmatig nabellen dat werk nu kost. In wat een AI-chatbot voor je website kost staan de belangrijkste kostenfactoren.
Een chatbot past goed wanneer je website regelmatig aanvragen oplevert die nog te weinig informatie bevatten. Begin met één belangrijke dienstpagina, meet de kwaliteit van de aanvragen en breid daarna uit naar andere pagina's. Daarmee houd je de technische plaatsing overzichtelijk en bouw je een intakeproces dat je team ook echt kan opvolgen.