Wat is de flow builder?
De flow builder is een visuele editor waarmee je chatbot gespreksscenario's opbouwt. Je plaatst nodes op een canvas en verbindt ze met pijlen om de gespreksstroom te bepalen.
De builder openen
- Ga naar Chatbots in de sidebar
- Klik op een bestaande flow of maak een nieuwe aan
- Klik op Bewerken
- De flow builder opent in volledig scherm
Interface onderdelen
Toolbar (boven)
De toolbar bevat:
- Opslaan - sla je wijzigingen op
- Ongedaan maken / Opnieuw - herstel acties
- Preview - test de flow in een chat preview
- Terug - ga terug naar het chatbot overzicht
Canvas (midden)
Het canvas is het werkgebied waar je nodes plaatst en verbindt. Je kunt:
- Zoomen - scroll of gebruik de zoom knoppen
- Pannen - sleep het canvas om te navigeren
- Nodes selecteren - klik op een node
- Nodes verplaatsen - sleep een node naar een andere positie
Sidebar (links)
De sidebar toont de beschikbare node types die je naar het canvas kunt slepen:
- Start - startpunt van het gesprek
- Message - een chatbericht
- Input - tekst invoer van de bezoeker
- Buttons - keuzemenu met knoppen
- Calendar - afspraak plannen
- End - gesprek afsluiten
Node editor (rechts)
Wanneer je een node selecteert, verschijnt rechts het bewerkingspaneel met de instellingen voor die specifieke node.
Nodes toevoegen
- Sleep een node type vanuit de sidebar naar het canvas
- Of dubbelklik op een lege plek op het canvas en kies een node type
Nodes verbinden
- Hover over een node en je ziet een verbindingspunt (bolletje) aan de onderkant
- Sleep vanuit het verbindingspunt naar een andere node
- Een pijl verschijnt die de twee nodes verbindt
De pijl bepaalt welke node volgt in het gesprek.
Nodes bewerken
Klik op een node om de instellingen te openen in het rechter paneel. Elke node type heeft eigen opties:
Nodes verwijderen
Selecteer een node en druk op Delete of klik op het verwijder-icoon. De verbindingen worden automatisch verwijderd.
Preview
Klik op Preview in de toolbar om je flow te testen. Een chatvenster verschijnt rechtsonder waarin je het gesprek kunt doorlopen zoals een bezoeker dat zou doen.
Tip
Test je flow uitgebreid via de preview. Loop alle mogelijke paden door om te controleren of het gesprek logisch verloopt.
Opslaan
Klik op Opslaan of gebruik Ctrl+S (of Cmd+S op Mac) om je wijzigingen op te slaan.
Gerelateerde artikelen
- Chatbot overzicht - wat zijn chatbot flows
- Start en Message nodes - berichten configureren
- Input en Buttons nodes - invoer en keuzes
- Calendar en End nodes - afspraken en afsluiting