AI Chatbot

De AI Chatbot is een slimme widget die je op je website kunt plaatsen. Bezoekers kunnen er vragen stellen en krijgen direct antwoord op basis van AI. De chatbot verschijnt als een zwevende knop (meestal rechtsonder) en opent een chatvenster wanneer erop wordt geklikt. Je kunt het uiterlijk, de positie en het gedrag volledig aanpassen.

Zo schakel je de chatbot in: 1. Ga naar Chatbot-instellingen in het zijmenu 2. Zet de schakelaar "Chatbot inschakelen" aan 3. Voer je API key in 4. Kies een AI-model uit de dropdown 5. Klik op Opslaan De chatbot is nu actief en kan op je website worden geplaatst via de Page Builder.

De chatbot werkt met het BYOK-model (Bring Your Own Key). Dit betekent dat je je eigen API key gebruikt van een AI-provider. Ondersteunde providers: • OpenRouter – toegang tot honderden modellen via één key • OpenAI – directe toegang tot GPT-modellen • Google – toegang tot Gemini-modellen Je API key wordt versleuteld opgeslagen in de database en is nooit leesbaar na invoer.

De system prompt bepaalt hoe de chatbot zich gedraagt. Hier geef je instructies over: • De naam van je bedrijf of website • De toon (formeel, informeel, vriendelijk) • Onderwerpen waar de chatbot wel of niet over mag praten • Specifieke informatie die altijd vermeld moet worden Voorbeeld: "Je bent de klantenservice-assistent van Bakkerij De Gouden Aar. Antwoord altijd in het Nederlands, wees vriendelijk en verwijs bij klachten naar info@degoudenaar.nl."

De chatbot wordt op je website geplaatst via de Page Builder: 1. Open een pagina in de editor 2. Voeg het blok "ChatbotSection" toe 3. De chatbot verschijnt als zwevende knop op die pagina Je hoeft het blok maar op één pagina te plaatsen – de chatbot is dan beschikbaar op die pagina. Wil je de chatbot op meerdere pagina's? Voeg het blok toe aan elke gewenste pagina.

Je kunt het uiterlijk van de chatbot volledig aanpassen: • Knopkleur – de achtergrondkleur van de chatbot-knop • Icoon – kies uit verschillende chatbot-iconen • Positie – rechtsonder of linksonder op de pagina • Bubbel-stijl – de vorm van de chatknop (rond, afgerond) • Chatbreedte – hoe breed het chatvenster is Alle stijlinstellingen vind je in de ChatbotSection-instellingen in de Page Builder.

Met de kennisbank kun je PDF-documenten uploaden als extra informatiebron voor de chatbot. De chatbot gebruikt deze documenten als context bij het beantwoorden van vragen. Zo werkt het: 1. Ga naar Chatbot-instellingen → Kennisbank 2. Upload een PDF (max 10 MB) 3. Het document wordt automatisch verwerkt en geïndexeerd 4. De chatbot gebruikt de inhoud bij relevante vragen Je kunt meerdere documenten uploaden en ze individueel verwijderen.

Chunks zijn kleine stukjes tekst waarin je documenten en website-pagina's automatisch worden opgedeeld. Stel je voor dat je een boek hebt: in plaats van het hele boek door te zoeken, knipt het systeem het in handige alinea's. Wanneer een bezoeker een vraag stelt, doorzoekt de chatbot deze chunks om de meest relevante informatie te vinden. Hoe meer chunks je hebt, hoe meer kennis de chatbot tot zijn beschikking heeft. Je ziet het aantal chunks bij: • Chatbot verbruik → RAG chunks (totaal) • Kennisbank → per document • Website content → per geïndexeerde pagina

Je kunt kiezen hoe de chatbot op je website verschijnt: • Sitewide — De chatbot verschijnt automatisch op alle pagina's. Ideaal als je overal dezelfde chatbot wilt. • Per pagina — Voeg het Chatbot-blok handmatig toe in de Page Builder op specifieke pagina's. Handig als je de chatbot alleen op bepaalde pagina's wilt tonen, of per pagina andere instellingen wilt gebruiken. Deze instelling vind je in Chatbot-instellingen → Weergavemodus.

Kies een visuele stijl voor het chatvenster die past bij je merk: • Default — Schone, neutrale stijl • WhatsApp — Groene bubbels, vertrouwde chat-look • Facebook Messenger — Blauwe bubbels • Microsoft Teams — Paarse zakelijke stijl • Minimal — Strak en minimalistisch • Neon — Opvallend met neon kleuren • Glassmorphism — Modern transparant glaseffect De stijl kun je instellen in Chatbot-instellingen of per pagina in het Chatbot-blok.

Met widget data kun je de inhoud van je actieve widgets (zoals verhuur, webshop, menu, vacatures, reserveringen en vastgoed) automatisch indexeren voor de chatbot. Dit zorgt ervoor dat de chatbot vragen kan beantwoorden over bijvoorbeeld: • Prijzen en beschikbaarheid van je verhuurwoning • Producten en voorraad in je webshop • Gerechten, allergenen en prijzen op je menu • Openstaande vacatures en vereisten • Reserveringsmogelijkheden en evenementen • Woningaanbod en kenmerken bij vastgoed Zo werkt het: 1. Ga naar Chatbot-instellingen → Kennisbank 2. Scroll naar 'Widget data' 3. Klik op 'Indexeer widget data' 4. De data wordt verwerkt en als chunks opgeslagen Widget data wordt niet automatisch bijgewerkt. Na het wijzigen van je widget-inhoud moet je opnieuw indexeren.

Test je chatbot voordat bezoekers hem zien: 1. Ga naar Chatbot-instellingen 2. Gebruik de test-sectie onderaan de pagina 3. Typ een testbericht en controleer het antwoord 4. Pas indien nodig de system prompt of het model aan De testfunctie gebruikt dezelfde instellingen als de live chatbot, inclusief kennisbank-documenten en widget data.