previous icon Terug naar blog
Sep 12, 2022
5 minutes read

Ontwerp en configureer je website chatbot zonder één regel code

Een goede chatbots kan een goudmijn voor je worden, maar kost dat niet veel moeite? Geen zorgen; je hoeft je developers niet lastig te vallen. Je kunt zelf een no-code chatbot ontwerpen en implementeren op je website. In dit artikel lees je waarom je een chatbot zou willen en hoe die er op je website uit kan zien.

Brechtje van Houtum
Brechtje van Houtum,
Content Marketer

Waarom zou je een chatbot willen op je website?

Er zijn talloze redenen om met een chatbot te beginnen. Wist je dat bijna 40% de voorkeur geeft aan interactie met een chatbot boven een virtuele menselijke medewerker? Naast het feit dat klanten 24 uur per dag een antwoord verwachten, kan het je helpen op te schalen, kosten te besparen en de betrokkenheid - en omzet - te vergroten. Aangezien je de bot alles kunt leren om over te praten, kun je de beste use cases ontwikkelen. Denk erover na: een chatbot kan je nieuwe collega worden op het gebied van marketing, verkoop of service. Precies daar waar je klanten zijn: op je website.

Voor gebruikers kan de bot hen wegwijs maken op de website. Wie wil er nog eindeloze menu's doorwerken of scrollen om te vinden wat je zoekt? Even vragen wat je zoekt is veel makkelijker. Bovendien kunnen de gesprekken heel persoonlijk en relevant zijn. De chatbot kan een gesprek beginnen op basis van waar de gebruiker naar kijkt. Als je kijkt naar nieuw beddengoed bijvoorbeeld, kan de bot vragen of je inspiratie wil om de slaapkamer nog gezelliger te maken.

Hoe voeg je een chatbot toe aan je website?

Voordat je begint met het bouwen van je bot, heb je een goede chatbotstrategie nodig. Nadat je hebt bedacht wat de bot moet kunnen doen en waarover hij moet kunnen praten, is het tijd om na te denken over wanneer en waar gebruikers met de bot kunnen chatten. 

Op je website kun je doen wat je wilt (het is tenslotte jouw website). De bot kan eruitzien zoals jij dat wilt, en overal en altijd verschijnen. Op elke pagina en elke positie. Mis nooit meer een kans om te chatten.

Web Conversations: Out-of-the-box chatbotintegratie en design

De chatbot user interface (UI) is hoe een gebruiker je chatbot ziet: de vorm en look-and-feel. Bots zijn er in vele vormen en maten. Conversational AI Cloud bevat kant-en-klare chatbot-designs: het enige wat je hoeft te doen is de bot aanpassen naar jouw wensen en de automatisch gegenereerde code te kopiëren en plakken. Onze tool om je botdesign aan te passen heet 'Web Conversations'. In slechts een paar klikken kun je de chatbot voor je website ontwerpen en naar wens configureren. Als je klaar bent, kun je de code exporteren en op je website plakken om hem te implementeren. Een eitje.

Vacansoleil chatbot website mobile

On-page Web Chat & Mobile Widget bij Vacansoleil

Hoe pas je een chatbot-interface aan met Conversational AI Cloud?

Met Web Conversations ontwerp je een doeltreffende en aantrekkelijke chatbot-interface. Maak indruk op je gebruikers met een unieke ervaring, passend bij je merk en stijl. Vrijwel alles kun je aanpassen: de lay-out, avatar, tekstballonnen, knoppen, kleuren en achtergrond.

Er zijn drie types chatbots direct beschikbaar:

  • Web Chat Widget (floating)
  • On-page Web Chat (in-line)
  • Veelgestelde Vragen

Web Chat widget

De chatbot-widget is de meest bekende bot: het is de tekstballon die je vaak in de rechterhoek van een website vindt. Websitebezoekers kunnen er vanaf elke pagina mee communiceren - het is meestal een chatbot op de hele site. In Web Conversations wordt deze lay-out 'floating' genoemd, omdat hij op de pagina blijft zweven nadat de bezoeker heeft geklikt om met je bot te chatten.

Vacansoleil web chat widget

Floating Web Chat Widget bij Vacansoleil

On-page Web Chat

Je kunt je chatbot ook op elke pagina embedden. In Web Conversations wordt dit een 'in-line' chatbot genoemd. Je vindt dit soort chatbots vaak op de klantenservice- of contactpagina van een website. Binnen Conversational AI Cloud kun je veelgestelde vragen toevoegen, waarop gebruikers kunnen klikken om deze aan de bot te stellen.

Ons Oranje chatbot website

On-page Web Chat bij OnsOranje

Veelgestelde Vragen

Een andere optie is een dynamische FAQ-module. Deze module ziet er niet uit als een chatbot en gedraagt zich ook niet zo, maar maakt gebruik van dezelfde database. Vragen en antwoorden worden dynamisch geladen. Voor bezoekers werkt het hetzelfde als een gewone FAQ-module: ze kunnen op onderwerpen en vragen klikken om meer te weten te komen. In Web Conversations kun je de dynamische FAQ-module eenvoudig aanpassen. Op je website kun je verschillende lay-outs combineren. Voeg bijvoorbeeld een sectie met veelgestelde vragen toe onder je on-page chatbot.

Indipender chatbot FAQ

On-page Web Chat met FAQ-module bij Independer

Veilige proeftuin: test je bot in Web Conversations

Wil je ervaren hoe jouw gebruikers je bot zullen ervaren? Test hem in Web Conversations! Hier kan je chatten met je bot in een desktop, mobiele en tablet testversie. Je customized bot zal precies zo reageren op jou als hoe hij zal reageren op je gebruikers. Je ziet en ervaart het meteen. Dit vergemakkelijkt het vinden van verbeteringen.

Bovendien zie je je aanpassingen direct in de testomgeving. Het is een veilige proeftuin - trial and error zonder enige vorm van schade.

*Alle chatbotvoorbeelden in dit artikel zijn gemaakt met Web Conversations

Design je chatbot in Conversational AI Cloud

Was dit artikel interessant?
Deel het!
Brechtje van Houtum
Brechtje van Houtum,
Content Marketer
logo linkedin icon

Van content strategie tot social post - Brechtje denkt graag mee. Ze deelt het verhaal van CM.com waar ze maar kan. Is graag op de hoogte van de laatste tech ontwikkelingen en gelooft in 'customer first'.

Laatste artikelen

AI-now and future
Oct 28, 2025 • HALO

De business impact van Agentic AI: nu en in de toekomst

Klantvragen die 24/7 worden beantwoord zonder wachttijd, automatische updates bij vertraagde bestellingen of volledig digitale shopping assistants die je helpen van oriëntatie tot conversie. Dit zijn slechts enkele voorbeelden van toepassingen die Agentic AI realiseert. In dit artikel delen Marketing Lead AI & SaaS Sander Harryvan en Product Marketer Tom Faas van CM.com hun visie op waar bedrijven nu staan in de adoptie van Agentic AI, hoe de volgende fase eruitziet, en waarom Agentic AI de komende jaren een enorme impact zal hebben op de manier waarop we business doen.

3 types of AI
Oct 15, 2025 • AI

De drie gezichten van AI in Customer Experience

Artificial Intelligence (AI) is al decennialang in ontwikkeling, maar de manier waarop we het vandaag gebruiken is ingrijpend veranderd. Met de komst van ChatGPT en andere toepassingen is AI ineens tastbaar geworden voor het brede publiek. Waar het vroeger vooral werd ingezet voor specifieke, vaak onzichtbare toepassingen (denk aan fraudedetectie bij banken of voorspellend onderhoud in de industrie), helpt het nu actief bij het ontwikkelen van content, het verbeteren van de klantbeleving en het efficiënter maken van processen. Binnen customer experience zijn drie vormen van AI relevant: generative, agentic en predictive AI. In dit artikel zetten we ze uiteen en leggen we uit hoe je ze benut.

halo-insurance
Oct 10, 2025 • AI

Van claims tot klantvragen: zo ontlasten AI-agents verzekeraars

De verzekeringswereld staat bekend om haar complexe processen en hoge administratieve druk. Door versnipperde communicatie, verouderde systemen en ingewikkelde voorwaarden kost het zoeken naar informatie en verwerken van wijzigingen vaak veel meer tijd dan nodig. AI-agents kunnen dat veranderen. Ze beantwoorden ingewikkelde vragen over polisvoorwaarden en persoonlijke situaties, halen data in real time op uit interne systemen en zetten processen moeiteloos in gang.

blog-halo-real-estate
Oct 02, 2025 • AI

AI-agents in vastgoed: zo stroomlijn je aanvragen en bied je kopers een betere ervaring

De Nederlandse woningmarkt staat onder hoge druk. Makelaarskantoren ontvangen dagelijks talloze aanvragen voor te koop staande woningen. Kopers verwachten snelle antwoorden over beschikbaarheid, prijzen en vervolgstappen — vaak ook buiten kantoortijden. Voor makelaars zorgt dit voor een enorme werkdruk: het beantwoorden van steeds terugkerende vragen, het inplannen van bezichtigingen en het afhandelen van kopers die vaak teleurgesteld moeten worden omdat een woning al verkocht is of simpelweg te veel belangstelling trekt. Zonder automatisering en slimme workflows lopen makelaars het risico om overspoeld te raken door aanvragen, waardoor de klantbeleving onder druk komt te staan en kansen voor waardevol contact verloren gaan. HALO, het AI-gedreven platform van CM.com, helpt dit proces te stroomlijnen. AI-agents werken 24/7, reageren menselijk en nemen routinetaken over. Zo krijgen makelaars meer ruimte om zich te focussen op waar hun expertise echt telt: persoonlijk advies en begeleiding van de juiste kopers.

blog-picking-ai-platform
Sep 09, 2025 • HALO

Van selectie naar succes: het juiste AI-platform kies je zo

Een AI-platform is geen tool die je zomaar aanschaft. Het is een fundament waarop je organisatie werkt en innoveert. De keuzes die je vandaag maakt, hebben impact op de manier waarop je in de toekomst opereert. Waar je nu misschien nog start met een paar agents om specifieke use cases te ondersteunen, zullen op de lange termijn meer processen door agents worden overgenomen. Het is daarom cruciaal dat de basis die je nu legt samenhangend en schaalbaar is, en dat de governance en compliance goed geregeld is.

blog-halo-ecommerce
Sep 09, 2025 • AI

AI-agents: de versnellers van conversational commerce

De manier waarop consumenten online informatie zoeken en verwerken verandert snel door AI. Waar we voorheen zelf zoektermen intikten, tientallen resultaten bekeken en handmatig filterden, raken we nu gewend aan het verkrijgen van informatie middels een gesprek. Dankzij ChatGPT, Google’s AI-functies en andere AI-assistenten krijgen we sneller en relevanter antwoord. Diezelfde manier van interactie verovert nu in hoog tempo ook e-commerce. Voor retailers is dit hét moment om in te stappen: de webshop zoals we die kennen - waarbij je vooral zelf actief op zoek moet - gaat plaatsmaken voor persoonlijke gesprekken die direct leiden tot acties.

blog-picking-ai-platform
Sep 09, 2025 • AI

Beste AI-platform kiezen: vergelijking van functies, kosten en toepassingen

AI-platformen spelen een steeds grotere rol in de manier waarop bedrijven hun klantenservice en marketing organiseren. Of je nu een klein supportteam hebt dat grote hoeveelheden vragen beantwoordt, of een internationale organisatie bent die duizenden interacties per dag verwerkt, de keuze voor het juiste platform maakt een groot verschil. Maar welke AI-platformen zijn er? Hoe werken ze en in welke situaties komen ze het beste tot hun recht? In dit artikel vergelijken we zes veelgebruikte AI-platformen: HALO, N8N, Neople, Intercom, Zendesk en Salesforce. We bespreken de sterke en zwakke punten en laten zien welk type organisatie bij welk platform het meeste baat heeft.

blog-ai-agents-live
Sep 04, 2025 • AI

Hoe AI-agents de muziek- en evenementenindustrie gaan transformeren

De live-evenementenindustrie – van sportwedstrijden tot festivals en concerten – staat onder druk. Fans verwachten meer, technologie ontwikkelt zich razendsnel, en interne teams worden tot het uiterste belast. In dit veranderende landschap zijn AI-agents er niet om mensen te vervangen, maar om hen te versterken – door structuur, snelheid en duidelijkheid te bieden waar dat het hardst nodig is.

blog-voice-bots-customer-experience
Aug 08, 2025 • HALO

Nooit meer in de wacht: hoe Voice AI de klantervaring transformeert

Onze Agentic AI-oplossing HALO heeft een krachtige nieuwe toevoeging: Voice. Met Voice als kanaal automatiseer je telefoongesprekken en kun je jouw klanten efficiënter servicen. Geen wachttijden of frustrerende doorverwijzingen meer, maar directe, natuurlijke interactie tussen klant en agents. Klanten spreken hun vraag in en krijgen onmiddellijk antwoord, uitgesproken. In dit artikel vertelt Product Marketer Tom Faas wat je met deze voice feature kan en hoe het de (telefonische) klantbeleving radicaal verandert.

Is this region a better fit for you?
Go
close icon