Een chatbot bouwen zonder code: complete gids
Je hoeft geen regel code te schrijven om een AI-chatbot op je website te bouwen, te trainen en te publiceren. Drie jaar geleden was dat nog niet waar. In 2026 breng je met no-code chatbotbouwers een chatbot in minder dan 30 minuten van nul naar werkend.
Deze gids doorloopt het hele proces met je: aanmelden, je chatbot trainen op je content, het uiterlijk en gedrag aanpassen, testen en insluiten op je site. Alles verloopt via een visuele interface.
Wat no-code chatbotbouwers in 2026 doen
De huidige generatie no-code chatbottools verschilt fundamenteel van de beslisboom-bouwers van een paar jaar geleden. Die oudere tools vereisten dat je elk mogelijk gesprekspad handmatig uitstippelde. Miste je een vertakking, dan liep de gebruiker vast.
Moderne no-code bouwers gebruiken onder de motorkap grote taalmodellen (GPT, Claude, Gemini). In plaats van gespreksflows te scripten, train je de chatbot op je content, geef je hem instructies over toon en gedrag, en de AI voert het daadwerkelijke gesprek. Hij begrijpt context, verwerkt vervolgvragen en reageert in natuurlijke taal.
Dit kun je allemaal doen zonder code te schrijven:
| Functie | Hoe het werkt |
|---|---|
| Trainen op je website | Geef een URL op; de tool crawlt en indexeert je pagina's |
| Trainen op documenten | Upload pdf's, Word-documenten of tekstbestanden |
| Trainen op Q&A-paren | Typ specifieke vragen en de ideale antwoorden erop |
| Een AI-model kiezen | Kies uit modellen zoals GPT-4o, Claude of Gemini |
| Uiterlijk aanpassen | Stel kleuren, positie, welkomstbericht en avatar in |
| Gedragsregels instellen | Schrijf instructies in gewone taal voor toon, reikwijdte en escalatie |
| Acties toevoegen | Configureer Leads verzamelen, voorgestelde berichten of aangepaste knoppen |
| Op elke website insluiten | Kopieer en plak één enkele scripttag |
| Meerdere talen ondersteunen | De chatbot herkent automatisch de taal van de bezoeker en antwoordt daarin |
De dingen die vroeger een developer vereisten -- een AI-model trainen, een chatinterface bouwen, realtime berichten afhandelen, naar productie deployen -- worden allemaal door het platform geregeld.
Zeven stappen om je chatbot te bouwen
Stap 1: meld je aan en maak een chatbot aan
Begin met een account aanmaken. Bij Agentkit duurt dat ongeveer 30 seconden. Je komt terecht op een dashboard waar je je eerste chatbot kunt aanmaken.
Klik op Chatbot aanmaken en geef hem een naam. Kies iets beschrijvends, zoals "Acme Support Bot" of "Sales Assistant". De naam verschijnt in je dashboard ter organisatie; bezoekers op je website zien alleen het welkomstbericht dat je later configureert.
Selecteer je AI-model. Agentkit geeft je toegang tot een reeks modellen van drie providers:
| Provider | Beschikbare modellen | Het beste voor |
|---|---|---|
| OpenAI | GPT-4o, GPT-4o-mini, GPT-4.1, GPT-4.1-mini, GPT-4.1-nano, o4-mini | Algemeen gebruik, sterk redeneervermogen |
| Anthropic | Claude Sonnet 4, Claude Haiku 3.5 | Genuanceerde gesprekken, gedetailleerde antwoorden |
| Gemini 2.5 Pro, Gemini 2.5 Flash, Gemini 2.0 Flash, Gemini 2.0 Flash-Lite | Snelle antwoorden, sterk in meerdere talen |
Twijfel je, begin dan met GPT-4o-mini of Claude Haiku 3.5. Ze zijn snel, capabel en kostenefficiënt. Je kunt later van model wisselen zonder opnieuw te trainen.
Stap 2: voeg je trainingsbronnen toe
Dit is de belangrijkste stap. De kwaliteit van je chatbot hangt rechtstreeks af van de kwaliteit en volledigheid van zijn trainingsdata.
Je hebt vier brontypen tot je beschikking:
Website-URL's: voer je website-URL in en Agentkit crawlt de pagina's. Dit is de snelste manier om je chatbot brede kennis te geven. Richt hem op je marketingsite, helpcentrum, documentatie of FAQ-pagina. De crawler volgt links binnen je domein en indexeert de content die hij tegenkomt.
Tips voor het trainen op je website:
- Begin met je belangrijkste pagina's: homepage, prijzen, FAQ, productfuncties
- Heb je een helpcentrum of kennisbank, crawl die dan apart voor grondige dekking
- Controleer de geïndexeerde pagina's om zeker te weten dat er niets irrelevants is meegenomen
Documenten: upload pdf's, Word-documenten of tekstbestanden. Handig voor content die niet op je website staat: interne procedures, productspecificaties, trainingshandleidingen of beleidsdocumenten.
Q&A-paren: typ handmatig een vraag en het ideale antwoord erop. Dit geeft je de meeste controle over specifieke antwoorden. Gebruik Q&A-paren voor:
- Je 10-20 meest gestelde vragen
- Vragen waarbij het antwoord exact moet zijn (prijzen, beleid, juridisch)
- Vragen die je websitecontent niet duidelijk beantwoordt
Platte tekst: plak wat voor tekstcontent dan ook. Productbeschrijvingen, bedrijfsachtergrond, teambio's, of andere informatie die je de chatbot wilt laten weten.
Een goede startconfiguratie:
| Brontype | Wat toe te voegen | Prioriteit |
|---|---|---|
| Website | Je belangrijkste marketingsite | Hoog |
| Website | Helpcentrum of documentatiesite | Hoog |
| Q&A-paren | Top 20 FAQ's met precieze antwoorden | Hoog |
| Document | Productspecificatieblad of functielijst | Gemiddeld |
| Platte tekst | Bedrijfsoverzicht, missie, belangrijkste onderscheidende factoren | Gemiddeld |
Stap 3: pas het uiterlijk aan
Zorg dat de chatbot eruitziet alsof hij bij je site hoort. In het aanpassingspaneel kun je het volgende instellen:
Kleuren: stel de primaire kleur in zodat die bij je merk past. De chatbubbel, header en accentelementen gebruiken allemaal deze kleur. Voer een hexcode in of gebruik de kleurkiezer.
Positie van de chatbubbel: kies rechtsonder of linksonder. Rechtsonder is de conventie die de meeste bezoekers verwachten. Wijzig dit alleen als je al een ander element (zoals een supportwidget) op die plek hebt staan.
Welkomstbericht: dit is het eerste dat bezoekers zien wanneer de chat opent. Maak het specifiek en behulpzaam:
- Zwak: "Hoi! Waarmee kan ik je helpen?"
- Beter: "Hoi! Ik kan vragen beantwoorden over ons product, de prijzen en de functies. Wat wil je weten?"
- Best: "Welkom bij Acme. Ik help je graag met prijzen, aan de slag gaan of het oplossen van problemen. Waarmee kan ik je vandaag helpen?"
Botnaam en avatar: geef de chatbot een naam die bij je merk past. "Acme Assistant" of "Support Bot" zijn duidelijk en eerlijk. Upload een aangepaste avatar of logo voor een visueel consistente look met je site.
Initiële berichten en voorgestelde prompts: voeg drie tot vijf voorgestelde berichten toe die verschijnen zodra de chat opent. Deze geven bezoekers een startpunt en sturen gesprekken naar onderwerpen die je chatbot goed afhandelt.
Stap 4: schrijf instructies
Instructies vertellen de chatbot hoe hij zich moet gedragen. Dat is iets anders dan trainingsdata (wat de chatbot weet). Instructies bepalen de persoonlijkheid, reikwijdte en regels van de chatbot.
Schrijf instructies in gewone taal. De chatbot volgt ze als gedragsrichtlijnen. Hier is een sjabloon:
Identiteit: "Je bent een AI-assistent voor [bedrijfsnaam]. Je helpt bezoekers meer te weten komen over ons product en beantwoordt hun vragen."
Reikwijdte: "Beantwoord alleen vragen op basis van de aangeleverde trainingsdata. Beantwoord geen vragen over onderwerpen die niets met [bedrijf] of zijn producten te maken hebben."
Toon: "Wees vriendelijk, duidelijk en beknopt. Gebruik eenvoudige taal. Vermijd jargon."
Beperkingen: "Weet je het antwoord niet, zeg dat dan eerlijk. Verzin geen informatie."
Escalatie: "Wil een bezoeker met een mens spreken, gaat het over facturatiekwesties, of stelt hij een vraag die je niet kunt beantwoorden, laat hem dan weten dat hij contact kan opnemen met ons supportteam via [email protected]."
Taal: "Reageer in dezelfde taal als de bezoeker gebruikt."
Je hoeft geen prompt engineer te zijn. Schrijf de instructies zoals je onboardingnotities voor een nieuw teamlid zou schrijven. Duidelijk, specifiek en praktisch.
Stap 5: voeg acties toe
Met acties kan je chatbot meer doen dan alleen vragen beantwoorden. Agentkit ondersteunt vijf actietypen, en geen daarvan vereist code:
| Actietype | Wat het doet | Voorbeeldgebruik |
|---|---|---|
| Leads verzamelen | Verzamelt naam, e-mail en aangepaste velden | "Wil je dat ik je een gedetailleerde vergelijking stuur? Wat is je e-mailadres?" |
| Aangepast formulier | Toont een gestructureerd formulier tijdens het gesprek | Aanmeldingen verwerken, supporttickets aanmaken |
| Aangepaste knop | Toont een klikbare knop in de chat | Knop "Boek een demo" die linkt naar je agenda |
| Aangepaste API | Roept een externe API-endpoint aan | Bestelstatus controleren, accountgegevens opzoeken |
| Voorgestelde berichten | Toont klikbare suggesties voor de bezoeker | Bezoekers naar veelvoorkomende onderwerpen leiden |
Begin voor de meeste chatbots met voorgestelde berichten en Leads verzamelen. Deze twee acties dekken de meest voorkomende behoeften en zijn in enkele minuten te configureren.
Stap 6: test in de Playground
Test je chatbot grondig voordat je hem op je live website plaatst. Agentkit bevat een Playground waar je volledige gesprekken met je chatbot kunt voeren en kunt zien hoe hij reageert.
Test deze scenario's:
| Testscenario | Wat te controleren |
|---|---|
| Veelgestelde vraag | Beantwoordt hij accuraat vanuit de trainingsdata? |
| Vraag die niet in de trainingsdata staat | Zegt hij dat hij het niet weet, of verzint hij iets? |
| Gesprek met meerdere beurten | Behoudt hij de context over meerdere berichten heen? |
| Vraag buiten het onderwerp | Blijft hij binnen de reikwijdte van je instructies? |
| Verschillende talen | Reageert hij in de taal van de bezoeker? |
| Trigger voor Leads verzamelen | Verschijnt het formulier voor Leads verzamelen op het juiste moment? |
| Randgevallen | Onbeschofte berichten, lege berichten, zeer lange vragen |
Pas je trainingsdata en instructies aan op basis van wat je vindt. Dit iteratieve testen maakt het verschil tussen een chatbot die bezoekers imponeert en een die ze frustreert.
Stap 7: sluit hem in op je website
Ben je tevreden met hoe de chatbot presteert, dan is het tijd om live te gaan. Agentkit geeft je één enkele scripttag om aan je website toe te voegen:
<script data-chatbot="your-chatbot-id" src="https://cdn.agentkit.ai/widget.js"></script>
Plak deze vóór de sluitende </body>-tag op elke pagina waar je de chatbot wilt tonen. Dat is alles. Geen buildstap, geen dependencies, geen configuratiebestanden.
Wat je zonder code kunt aanpassen
Hier is een complete lijst van alles wat je via het Agentkit-dashboard kunt wijzigen:
| Instelling | Opties |
|---|---|
| AI-model | Modellen van OpenAI, Anthropic en Google |
| Trainingsbronnen | Website, document, Q&A, tekst |
| Primaire kleur | Elke hexkleur |
| Chatpositie | Rechtsonder, linksonder |
| Welkomstbericht | Aangepaste tekst |
| Botnaam | Aangepaste tekst |
| Botavatar | Afbeelding uploaden |
| Voorgestelde berichten | Tot 6 klikbare prompts |
| Systeeminstructies | Gedragsregels in gewone taal |
| Acties | Leads verzamelen, formulieren, knoppen, API-aanroepen, voorgestelde berichten |
| Taal | Automatische detectie uit 95+ talen |
| Domeinbeperkingen | Beperk waar de widget laadt |
| Ratelimiet | Bepaal het aantal berichten per bezoeker per tijdsperiode |
| Automatisch hertrainen | Bronnen automatisch volgens een schema opnieuw crawlen (Standard+) |
Al deze instellingen zijn beschikbaar via point-and-click-interfaces. Wijzig ze op elk moment; updates worden direct doorgevoerd zonder de widgetcode opnieuw in te sluiten.
Wanneer je de API nodig hebt
De no-code interface dekt de meeste use cases, maar er zijn situaties waarin de REST API (beschikbaar vanaf het Hobby-abonnement) je extra flexibiliteit geeft:
- Aangepaste integraties: de chatbot koppelen aan interne tools, databases of workflows die Zapier niet dekt
- Programmatisch beheer: chatbots in bulk aanmaken of bijwerken, trainingsbronnen beheren via scripts
- Aangepaste analyses: gespreksdata ophalen naar je eigen BI-tool of datawarehouse
- White-label-implementaties: de chatbot inbouwen in je eigen product voor jouw klanten
- Geavanceerde webhooks: chatbotgebeurtenissen verwerken met eigen bedrijfslogica
De API is geen vereiste om waarde uit een chatbot te halen. Zie het als een uitbreidingspunt voor teams die uit het dashboard groeien.
Platformspecifiek insluiten
WordPress
Voeg de scripttag toe aan je WordPress-site met een plugin zoals Insert Headers and Footers, of plak hem rechtstreeks in het footer.php-bestand van je thema. Gebruik je een paginabouwer zoals Elementor of Divi, voeg dan een HTML-widget toe met de scripttag. De chatbot werkt met elk WordPress-thema en botst niet met andere plugins.
Shopify
Ga in je Shopify-beheeromgeving naar Online Store, dan Themes, dan Edit Code. Open het bestand theme.liquid en plak de scripttag vóór de sluitende </body>-tag. Sla op en de chatbot verschijnt op elke pagina van je webshop. Wil je hem alleen op specifieke pagina's, gebruik dan het sectie- of paginatemplatesysteem van Shopify.
Squarespace
Ga naar Settings, dan Advanced, dan Code Injection. Plak de scripttag in de sectie Footer. Squarespace laadt hem automatisch op elke pagina. De chatbotwidget ligt boven op je Squarespace-layout zonder je design te verstoren.
Je chatbot onderhouden
De chatbot bouwen is stap één. Om hem nuttig te houden is doorlopende aandacht nodig:
Wekelijks: blader door de gesprekslogs. Zoek naar vragen die de chatbot niet kon beantwoorden en voeg die content toe aan je trainingsbronnen.
Maandelijks: bekijk de algemene chatbotstatistieken. Zijn bezoekers betrokken? Beantwoordt de chatbot accuraat? Werk trainingsdata bij als je product, prijzen of beleid zijn veranderd.
Per kwartaal: doe een volledige review van je instructies, voorgestelde berichten en acties. Naarmate je bedrijf zich ontwikkelt, moet je chatbot meegroeien.
De functie Automatisch hertrainen van Agentkit (Standard-abonnement en hoger) crawlt je websitebronnen automatisch volgens een schema opnieuw, zodat je chatbot actueel blijft naarmate je nieuwe content publiceert. Voor Q&A-paren en documenten moet je nog altijd handmatig bijwerken wanneer informatie verandert.
Aan de slag
Je kunt vandaag nog een werkende chatbot op je website hebben. Meld je aan, voeg je website-URL toe als trainingsbron, schrijf een paar regels instructies en sluit de scripttag in. Het hele proces duurt minder dan 30 minuten.
Begin met het gratis abonnement, dat 50 berichten per maand en één chatbot omvat, genoeg om de ervaring te testen en te zien hoe bezoekers reageren. Ben je toe aan meer volume, dan geeft het Hobby-abonnement voor $29.99/mnd je 2.000 berichten en API-toegang. Bekijk onze gids over chatbotkosten en -prijzen voor hoe de abonnementen meeschalen met je gebruik.
Geen programmeerkennis nodig. Geen technische installatie. Geen wachten op een developer.
Geen creditcard nodig.
