Hoe bouw je een chatbot op je eigen website met Botpress?
Stel je voor: het is middernacht, jij ligt al lang in bed, maar je website bezoekers hebben nog steeds vragen. Ze willen weten of dat ene product nog op voorraad is of hoe ze een retour kunnen aanmelden.
In plaats van een e-mail te sturen en tot de volgende dag te wachten, klikken ze op een klein venstertje rechtsonder in hun scherm.
Ze typen hun vraag en krijgen meteen een antwoord. Dat is de kracht van een chatbot. En het mooie is: je hoeft er geen tech-genie voor te zijn om dit te bouwen. Botpress maakt het mogelijk, en ik ga je precies vertellen hoe je dat doet.
Wat is Botpress eigenlijk?
Botpress is een zogenaamd open-source platform voor chatbots. Stel je voor dat je een bouwdoos krijgt met allemaal slimme blokjes.
Met die blokjes bouw je gesprekken in plaats van stenen. Het is ontworpen voor bedrijven en ontwikkelaars die serieus werk willen maken van geautomatiseerde gesprekken. In tegenstelling tot simpele tools waarbij je vastzit aan een sjabloon, geeft Botpress je de vrijheid om echt alles te bouwen wat je wilt.
Technisch gezien draait Botpress op Node.js en gebruikt het React voor de visuele interface. Dat klinkt ingewikkeld, maar in de praktijk betekent het vooral dat het platform snel, stabiel en heel krachtig is.
Het draait allemaal om Natural Language Processing (NLP), oftewel: de kunst van het begrijpen van mensentaal.
Botpress probeert niet alleen woorden te herkennen, maar echt te snappen wat iemand bedoelt.
Waarom zou je voor Botpress kiezen?
Er zijn genoeg chatbot-tools te vinden, dus waarom zou je tijd steken in Botpress? Er zijn een paar goede redenen waarom dit platform uitblinkt.
Als eerst is het open-source. Dat betekent dat je geen dure licenties hoeft te betalen om te beginnen.
Je hebt volledige controle over je eigen code en data. Je bent niet afhankelijk van een bedrijf dat morgen besluit de prijzen te verhogen of de stekker eruit te trekken. Daarnaast is de flexibiliteit enorm.
Je begint misschien met een simpele vraag-en-antwoord bot, maar naarmate je groeit, kun je uitbreiden naar complexe gespreksstromen die verbonden zijn met je eigen database of CRM-systeem. Botpress groeit gewoon met je mee. Een ander sterk punt is de focus op AI. Veel chatbots zijn eigenlijk gewoon stroomdiagrammen die een beetje doen alsof.
Botpress heeft serieuze NLP- en machine learning-mogelijkheden ingebouwd. Je kunt de bot trainen om verschillende intenties te herkennen, zelfs als gebruikers niet precies dezelfde woorden gebruiken.
En tot slot is er een actieve community. Als je ergens vastloopt, is de kans groot dat iemand anders het probleem al heeft opgelost.
Stap 1: De installatie van Botpress
Om te beginnen moet je Botpress ergens laten draaien. Je kunt het op je eigen server installeren, maar de makkelijkste en meest betrouwbare manier is via Docker.
Docker zorgt ervoor dat de software op elke computer hetzelfde werkt, zonder dat je hoeft te rommelen met instellingen. Je hebt Docker en Docker Compose nodig op je computer. Als je die eenmaal hebt, hoef je eigenlijk maar een paar regels code in een tekstbestandje te zetten. Dit bestand vertelt Docker welke versie van Botpress je wilt draaien en op welke poort je de chatbot wilt bereiken.
Hier is een simpel voorbeeld van zo’n bestand: Zodra je dit bestand hebt opgeslagen en Docker Compose hebt gestart, downloadt het systeem de benodigde bestanden. Binnen een paar minuten is je bot actief.
version: '3.7'
services:
botpress:
image: botpress/server:latest
ports:
- "3000:3000"
volumes:
- botpress_data:/data
restart: always
volumes:
botpress_data:
Je opent je webbrowser, typt ‘localhost:3000’ en je ziet het startscherm. De eerste keer moet je een admin-account aanmaken.
Dit doe je rechtstreeks in de interface. Vanaf dat moment ben je de baas over je eigen chatbot-omgeving.
Stap 2: Je eerste gesprek bouwen
De kracht van Botpress zit ‘m in de visuele interface. Je hoeft geen code te schrijven om een gesprek te starten.
Je werkt met ‘flows’. Een flow is eigenlijk een soort keuzemenu dat je visueel bouwt.
- Welcome Node: Dit is het startpunt. Zodra een gebruiker de chat opent, begint hij hier. Je kunt hier een begroeting instellen of meteen een keuzemenu tonen.
- Question Node: Hiermee stel je een vraag aan de gebruiker. Je kunt kiezen uit tekst, knoppen of een lijst met opties.
- Action Node: Dit is het brein achter de schermen. Hiermee kun je dingen laten gebeuren, zoals data ophalen uit een database, een e-mail versturen of een variabele opslaan.
- Condition Node: Dit is een vertakking in de weg. Op basis van het antwoord van de gebruiker (of een eerder opgeslagen waarde) bepaal je welke kant de conversatie opgaat.
- Fallback Node: Deze node is je vangnet. Als de bot echt niet snapt wat de gebruiker bedoelt, springt hij hier naartoe om te vragen om meer uitleg.
Je sleept blokken (nodes) op een canvas en verbindt ze met lijntjes. Er zijn verschillende soorten nodes die je vaak zult gebruiken: Door deze nodes met elkaar te verbinden, bouw je een gesprek. Stel je wilt een bot die afspraken plant: je begint met een begroeting, vraagt naar de naam, checkt de beschikbaarheid in een agenda en bevestigt de afspraak. In Botpress ziet dat eruit als een duidelijke tekening, niet als een muur van code.
Stap 3: Integratie op je website
Je chatbot is nu klaar in de backend, maar je bezoekers zien hem nog niet.
Het is tijd om hem op je website te zetten. Botpress maakt dit relatief eenvoudig. De makkelijkste optie is de Botpress Web Widget. Dit is een kant-en-klaar chatvenster dat je aan je website kunt toevoegen.
Je kopieert een stukje code (een embed script) en plakt dit in de HTML van je website, net voor de sluitende