Handleidingen · Flowise

Flowise AI chatbot bouwen voor je website (zonder code)

Bouw een Flowise AI-chatbot op je website zonder code. Van installatie tot eerste flows, met Nederlandse MKB-tips.

🟢 Beginner — geen code vereist ⏱ 60 minuten
Tools: FlowiseOpenAI APINode.js
Flowise AI chatbot bouwen voor je website (zonder code)

Wat je leert in deze handleiding

  • Flowise installeren
  • RAG chatbot bouwen
  • Bedrijfsinfo uploaden als kennisbasis
  • Chatbot op website embedden
  • Claude of GPT-5 als AI-model instellen

Wat is Flowise en waarom is het ideaal voor MKB?

Flowise is een open-source platform waarmee je zonder code AI-chatbots en automatiseringsworkflows bouwt. Via een visuele drag-and-drop interface sleep je bouwstenen op een canvas en verbindt je ze met elkaar. Het resultaat is een werkende chatbot die klanten helpt, vragen beantwoordt en bedrijfsdocumenten doorzoekt.

Voor MKB'ers is Flowise bijzonder aantrekkelijk. Je hebt geen team van developers nodig, de software is gratis te installeren en je kunt hem draaien op je eigen server voor maximale privacy. In dit artikel leer je stap voor stap hoe je een volwaardige AI-chatbot bouwt die jouw bedrijfsinformatie kent en bezoekers van je website persoonlijk te woord staat.

Stap 1: Node.js en Flowise installeren

Flowise draait op Node.js, dus je hebt dat eerst nodig. Ga naar nodejs.org en download de LTS-versie (minimaal versie 18). Na installatie open je een terminal en controleer je de versie:

Installeer nu Flowise globaal via npm. Dit geeft je toegang tot het flowise-commando overal op je systeem:

Start Flowise met het start-commando. Na een paar seconden is de interface beschikbaar op http://localhost:3000. Open die URL in je browser en je ziet het Flowise dashboard.

Stap 2: OpenAI API key instellen in Flowise credentials

Om GPT-4 of GPT-5 te gebruiken heb je een OpenAI API key nodig. Ga naar platform.openai.com, maak een account aan en genereer een API key onder Settings, API Keys. Kopieer de key, je ziet hem maar eenmaal.

In Flowise ga je naar het tandwiel-icoon rechtsboven, dan naar Credentials. Klik op Add Credential, kies OpenAI API en plak je key. Sla op. Flowise bewaart je credentials versleuteld zodat ze niet in plain text opgeslagen worden.

Stap 3: Eerste chatflow aanmaken via drag-and-drop

Klik op de plus-knop om een nieuwe Chatflow aan te maken. Je krijgt een leeg canvas. Aan de linkerkant vind je alle beschikbare nodes: taalmodellen, geheugen, tools, vectorstores en meer.

Sleep een ChatOpenAI node op het canvas. Selecteer het model (gpt-4o-mini is goedkoop en snel voor de meeste taken). Koppel je OpenAI credential. Sleep daarna een ConversationChain node erbij. Verbind de output van ChatOpenAI met de input van ConversationChain.

Klik op de chat-icoon rechtsonder om de playground te openen. Typ een testbericht. Als alles goed staat krijg je direct een antwoord van GPT. Gefeliciteerd, je eerste chatbot werkt.

Stap 4: RAG chatbot bouwen die jouw bedrijfsdocumenten kent

Een standaard chatbot weet niets over jouw bedrijf. Met RAG (Retrieval-Augmented Generation) upload je je eigen documenten als kennisbasis. De chatbot zoekt dan eerst in jouw documenten voordat hij antwoord geeft. Zo beantwoordt hij vragen over jouw producten, diensten en beleid correct.

De bouwstenen die je nodig hebt op het Flowise canvas: een Document Loader (PDF of tekst), een Text Splitter die documenten in stukken hakt, een Embeddings node (OpenAI Embeddings), een Vector Store (lokale FAISS of cloud-gebaseerde Pinecone), en een Retrieval QA Chain die alles verbindt.

Bouw de flow stap voor stap op. Sleep Document Loader op het canvas, kies PDF File als type. Verbind de output met een Recursive Text Splitter. Stel chunk size in op 1000 en overlap op 200. Verbind de splitter met OpenAI Embeddings en die met een FAISS Vector Store.

Voeg tot slot een Retrieval QA Chain toe. Verbind de Vector Store met de Retriever-input en ChatOpenAI met de Language Model-input. Test de flow door een vraag te stellen over je document.

Stap 5: Bedrijfsdocumenten uploaden als kennisbasis

Welke documenten kun je uploaden? Vrijwel alles: FAQ-documenten in PDF of Word, productcatalogi, handleidingen, prijslijsten, servicecontracten en blogposts. Hoe meer relevante informatie je uploadt, hoe beter de chatbot kan antwoorden.

Praktische tip: zorg dat je documenten goed gestructureerd zijn. Gebruik duidelijke koppen, vermijd tabellen in PDF (die worden slecht ingelezen) en splits grote documenten op in logische onderdelen. Een FAQ van 20 pagina's werkt beter dan een ongestructureerde tekst van 100 pagina's.

Flowise ondersteunt ook webpagina's als bron via de Cheerio Web Scraper node. Vul de URL in van je productpagina, kennisbank of helpcentrum en Flowise haalt automatisch de tekst op. Zo hoef je documenten niet handmatig te exporteren.

Stap 6: Systeemprompt instellen voor toon en grenzen

De systeemprompt bepaalt het gedrag van je chatbot. Hier stel je in hoe hij zich gedraagt, welke taal hij spreekt en wat hij wel of niet mag beantwoorden. Een goede systeemprompt is de ruggengraat van een professionele chatbot.

Plak deze prompt in het System Message veld van je ChatOpenAI of ConversationChain node. Pas de bedrijfsinformatie aan naar jouw situatie. Test uitgebreid met randgevallen: wat doet de bot als iemand vraagt om je concurrent te belasteren? Hij moet dit netjes weigeren.

Stap 7: Chatbot testen in de Flowise playground

De ingebouwde playground is je testomgeving. Stel vragen die echte bezoekers zullen stellen. Test ook lastige situaties: onduidelijke vragen, vragen buiten het kennisgebied, meerdere vragen tegelijk. Noteer wat er misgaat en verbeter je documenten of systeemprompt.

Handige testtips: vraag eerst iets wat zeker in de kennisbasis staat, dan iets wat er niet in staat, dan een combinatievraag. Controleer of bronvermeldingen kloppen. Schakel de Debug-optie in voor gedetailleerde logs van elke stap in de RAG-pipeline.

Stap 8: Chatbot embedden op je website

Als je tevreden bent over de chatbot, klik je op het deel-icoon van je Chatflow. Flowise genereert automatisch een embed script en een iframe URL. Kopieer het script en plak het in de footer van je website, net voor de afsluitende body-tag.

Je kunt ook een iframe gebruiken als je meer controle wilt over de positie en grootte. Handig voor WordPress, Webflow of andere CMS-platformen waar je geen scripts kunt injecteren. De iframe URL vind je ook in het deel-menu van je Chatflow.

Stap 9: Claude als alternatief AI-model instellen

Naast OpenAI ondersteunt Flowise ook Anthropic Claude. Claude presteert bijzonder goed voor Nederlandse tekst en nuanceert antwoorden anders dan GPT. Zeker het proberen als je merkt dat GPT-antwoorden te stijf klinken voor jouw merk.

Ga naar Credentials in Flowise, voeg een nieuwe credential toe en kies ChatAnthropic. Voer je Anthropic API key in (te vinden op console.anthropic.com). Vervang nu in je Chatflow de ChatOpenAI node door een ChatAnthropic node. Kies claude-sonnet-4-5 als model. De rest van je flow hoef je niet te wijzigen.

Stap 10: Flowise deployen op een productieserver

Voor lokaal testen is localhost prima. Voor een echte website heb je een publieke server nodig. De eenvoudigste opties zijn Railway of Render: beide bieden gratis tiers en deployen Flowise in minder dan 10 minuten via Docker.

Voor Railway: maak een nieuw project aan, kies Deploy from Docker image en voer flowiseai/flowise:latest in. Voeg de benodigde environment variables toe via het Railway dashboard. Railway geeft je automatisch een publiek domein zoals jouw-project.up.railway.app.

Troubleshooting: 5 veelvoorkomende problemen

Probleem 1: Chatbot geeft geen antwoord of de flow start niet. Controleer of je API key correct is ingesteld en geldig is. Open de Flowise logs (menu linksboven) voor foutmeldingen. Een verlopen of onjuiste OpenAI key is de meest voorkomende oorzaak.

Probleem 2: De chatbot weet niets van mijn documenten. Controleer of de vector store correct gevuld is. Klik op de FAISS-node en check of er chunks opgeslagen zijn. Herbouw de index door de Upsert-actie opnieuw uit te voeren na het uploaden van documenten.

Probleem 3: Antwoorden zijn in het Engels terwijl je wilt dat ze in het Nederlands zijn. Voeg aan je systeemprompt toe: Antwoord altijd in het Nederlands, ook als de vraag in een andere taal is gesteld.

Probleem 4: Flowise start niet op na een update. Verwijder de node_modules map en installeer opnieuw: rm -rf node_modules && npm install. Bij Docker: haal de nieuwste image op met docker pull flowiseai/flowise:latest.

Probleem 5: De embed knop verschijnt niet op mijn website. Controleer of je Flowise server publiek bereikbaar is (niet alleen localhost). De chatflowid in het embed script moet overeenkomen met de ID in Flowise. Controleer ook op Content Security Policy (CSP) headers die scripts kunnen blokkeren.

Uitbreidingen: meer doen met Flowise

Flowise + WhatsApp Business: via een Webhook node en de WhatsApp Business Cloud API koppel je je Flowise chatbot aan WhatsApp. Klanten kunnen dan via WhatsApp vragen stellen aan je AI-assistent. Dit vergt wat meer technische setup maar is goed te doen met de uitgebreide Flowise documentatie.

Flowise + Slack: voeg een Slack Chatbot node toe aan je workspace. Medewerkers kunnen dan direct in Slack vragen stellen aan de bedrijfskennisbasis. Ideaal voor interne kennisdeling, HR-vragen of technische support.

Meerdere kennisbases: maak aparte Chatflows voor verschillende onderwerpen (producten, support, HR) en gebruik een Router node om vragen naar de juiste flow te sturen. Zo houd je de context gefocust en krijg je nauwkeurigere antwoorden per domein.

Gerelateerd

Nieuwsbrief

Meer handleidingen en tips?

Elke week de beste agentic AI inzichten en nieuwe handleidingen in je inbox.

Gratis aanmelden →