Chatbot Wizard
De Chatbot Wizard begeleidt u bij het maken van een volledig geconfigureerde AI-chatbot in 8 eenvoudige stappen.
Alleen Stap 1 (Basis) en Stap 8 (Samenvatting) zijn verplicht — elke andere stap heeft een Overslaan-knop. Vanaf Stap 5 (Widgetontwerp) wordt een livevoorbeeld van uw widget naast het formulier weergegeven.
Stap 1: Basis (Verplicht)
Beginnen met een sjabloon
Bovenaan Stap 1 kunt u een sjabloon kiezen dat de wizard vooraf invult met geoptimaliseerde instellingen — persona, toon, welkomst- en fallbackberichten en gedragsopties. U kunt nog steeds alles aanpassen in de volgende stappen.
| Template | Best For |
|---|---|
| Blank | Begin vanaf nul |
| Support | Klantenservice & helpdesk |
| Sales | Leadgeneratie & verkoop |
| Onboarding | Nieuwe gebruikers & klanten begeleiden |
| Corporate | Professionele & formele toon |
Het Blank-sjabloon is altijd beschikbaar. De vooraf geconfigureerde sjablonen zijn beschikbaar op betaalde plannen — de wizard toont welk plan ze ontsluit.
Naam & Beschrijving
Configureer de fundamentele instellingen voor uw chatbot:
| Field | Description | Example |
|---|---|---|
| Name | Weergavenaam voor uw chatbot | "Support Assistant" |
| Description | Interne beschrijving voor uw team | "Behandelt klantvragen voor ons SaaS-product" |
De chatbotnaam wordt aan bezoekers getoond in de kop van de chatwidget.
Stap 2: Persona
Definieer de persoonlijkheid en achtergrond van uw chatbot:
| Field | Description | Example |
|---|---|---|
| Use Persona Name | Schakel of de bot zich bij naam introduceert | On/Off |
| Persona Name | De naam waarmee uw bot zich introduceert (indien ingeschakeld) | "Alex" |
| Role | De rol die uw bot vervult | "Customer Success Manager" |
| Background | Context over de expertise van uw bot | "5 jaar ervaring met het helpen van klanten bij technische problemen" |
Anonieme modus
Als u Use Persona Name uitschakelt, zal de chatbot zich niet met een naam voorstellen. In plaats van "Hallo! Ik ben Alex, uw klantenservice-specialist." zal hij simpelweg zeggen "Hallo! Hoe kan ik u helpen?". Het persona-naamveld wordt verborgen wanneer deze schakelaar uitstaat.
Een goed gedefinieerde persona zorgt ervoor dat gesprekken natuurlijker aanvoelen en helpt de AI consistent te blijven. Gebruik de anonieme modus als u een neutralere chatbotervaring verkiest.
Communicatiestijl
Kies een vooraf gedefinieerde communicatiestijl die de algemene toon voor uw chatbot bepaalt:
| Style | Best For |
|---|---|
| Professional & Modern (Standaard) | Agencies, techbedrijven, B2B |
| Exclusive & Distinguished | Schoonheidsklinieken, advocatenkantoren, luxe hotels |
| Warm & Welcoming | Familiebedrijven, restaurants, medische praktijken |
| Cool & Casual | Tattooshops, trendy bistro's, startups |
| Custom | Gebruikt uw eigen Core Instructions in plaats van een preset |
Elke stijl voegt gedetailleerde promptinstructies toe met een passende toon, formuleringen en voorbeelden.
Stap 3: Tonaliteit
Fijnslijp de communicatiestijl van uw chatbot met schuifregelaars (schaal 1-5):
| Setting | Low (1) | High (5) |
|---|---|---|
| Formality | Informeel, vriendelijk | Formeel, professioneel |
| Humor | Serieus, geen grappen | Speels, geestig |
| Verbosity | Kort, bondig | Gedetailleerd, uitvoerig |
| Empathy | Feitelijk, direct | Warm, begripvol |
| Proactivity | Alleen reactief | Stelt vervolgstappen voor |
Stap 4: Talen
Configureer taalondersteuning:
- Primary Language: De hoofdtaal voor antwoorden (kies uit English, German, French, Spanish, Italian, of Portuguese)
- Supported Languages: Extra talen waarin uw bot kan begrijpen en antwoorden
- Technical Level: Een schuifregelaar van Simple tot Technical die bepaalt hoe technisch de taal van de bot moet zijn
ChatReact ondersteunt alle 24 officiële EU-talen.
Aanspreekvorm
Definieer hoe de chatbot websitebezoekers moet aanspreken:
| Setting | Description | Example |
|---|---|---|
| Formal (Sie/Vous) | Beleefde vorm voor professionele/zakelijke communicatie | "Hoe mag ik u helpen?" (Duits: "Wie kann ich Ihnen helfen?") |
| Informal (Du/Tu) | Persoonlijke aanspreekvorm voor informele communicatie | "Hoe kan ik u helpen?" (Duits: "Wie kann ich dir helfen?") |
De aanspreekvorm wordt alleen gebruikt in talen die een formeel/informeel onderscheid hebben (bijv. German, French, Spanish). In English en vergelijkbare talen is deze instelling niet van toepassing.
De widget detecteert automatisch de browsertaal van de bezoeker en antwoordt in de juiste taal.
Stap 5: Widgetontwerp
Pas het uiterlijk van uw chatwidget aan:
Positie
- Bottom Right (standaard)
- Bottom Left
- Inline (Embedded) — Widget wordt weergegeven waar het embed-script is geplaatst, altijd open, geen bubbel, geen sluitknop. Ideaal voor speciale chatpagina's of ondersteuningssecties.
Kleuren
Kies een Kleurthema:
| Theme | Description |
|---|---|
| Default | Het standaard ChatReact-kleurenschema |
| Company | Gebruikt de merkkleuren van uw bedrijf (beschikbaar zodra deze zijn ingesteld in Company Settings) |
| Custom | Ontgrendelt individuele kleurkiezers |
Wanneer Custom is geselecteerd, kunt u aanpassen:
| Setting | Description |
|---|---|
| Primary Color | Hoofdkleuraccent (knoppen, koppen) |
| Secondary Color | Verloop- en hoverstaten |
| Background Color | Achtergrond van het chatvenster |
| Text Color | Tekstkleur van berichten |
Geavanceerde kleurinstellingen
Vouw de geavanceerde opties uit voor meer gedetailleerde controle:
| Setting | Description |
|---|---|
| Visitor Messages | Achtergrond- en tekstkleur van de berichtbubbels van de bezoeker |
| Bot Messages | Achtergrond- en tekstkleur van de berichtbubbels van de bot |
| Header Text Color | Tekstkleur in de widgetkop |
Elke geavanceerde kleur kan worden teruggezet naar automatisch, in welk geval ChatReact een contrastveilige kleur voor u kiest.
Afmetingen
- Border Radius: Afgeronde hoeken (0-32px)
- Widget Width: Breedte van het chatvenster
- Widget Height: Hoogte van het chatvenster
Branding
- Use Company Logo: Toon uw bedrijfslogo in de widgetkop. Vereist het Professional-plan of hoger; het logo zelf wordt geüpload in Company Settings.
- Header Title: Tekst in de widgetkop
- Header Subtitle: Secundaire tekst in de kop. Als u dit leeg laat, toont de widget een gelokaliseerde standaardondertitel. Na creatie kunt u de ondertitel volledig verbergen door dit veld leeg te maken in de widgetinstellingen.
Elke ontwerpopctie kan worden gewijzigd na creatie, en aanvullende instellingen (zoals een aangepaste logo-URL en de chatbubbeltekst) zijn daar ook beschikbaar. Zie Widget Customization voor de volledige referentie.
Stap 6: Gedrag
Configureer geautomatiseerde gedragingen:
| Setting | Description |
|---|---|
| Welcome Message | Eerste bericht dat wordt getoond wanneer de chat wordt geopend |
| Fallback Message | Antwoord wanneer de bot het antwoord niet weet |
| Proactive Greeting | Automatisch bezoekers begroeten |
| Proactive Delay | Wachtijd voordat begroeting (1-10 seconden) |
| Auto Open | Widget automatisch openen |
| Auto Open Delay | Wachtijd voordat openen (1-15 seconden) |
| Sound Enabled | Speel een notificatiegeluid af wanneer de bot reageert |
| Typing Indicator | Toon typanimatie |
Pre-Chat Form
Verzamel bezoekerinformatie voordat de chat begint:
- Schakel Pre-Chat Form in
- Voeg velden toe (Text, Email, Phone, Textarea)
- Markeer vereiste velden als "Required" indien nodig
Na creatie kunt u in de gedragsinstellingen van de chatbot op Translate with AI klikken om automatisch alle veldlabels en placeholders naar uw ondersteunde talen te vertalen.
Leerfase
Skip Learning Phase: Zet dit aan om uw chatbot vanaf dag één vol vertrouwen te laten starten — geen voorzichtige antwoorden. Een waarschuwing herinnert u eraan ervoor te zorgen dat uw kennisbank goed is voorbereid voordat u live gaat.
Als de leerfase actief is, kunt u bepalen hoe de chatbot zich gedraagt wanneer hij onzeker is over antwoorden:
| Mode | Description |
|---|---|
| Cautious | De bot is terughoudend en verwijst actief naar e-mailoverdracht wanneer hij onzeker is. Voegt proactief twijfelzinnen toe. |
| Balanced (Standaard, gemarkeerd "Recommended") | Normale antwoorden. Toont alleen onzekerheid wanneer de gebruiker de nauwkeurigheid in twijfel trekt. |
| Confident | Reageert zoals in normale operatie. De leerfase verzamelt alleen feedback zonder het antwoordgedrag te veranderen. |
Additional Learning Phase Instruction: Optionele vrije tekst voor speciale instructies tijdens de leerfase, bijv. "Verwijs prijsvragen altijd naar het team."
De leerfasemodus kan ook worden geconfigureerd in de chatbotinstellingen na creatie.
Live Chat
Laat bezoekers in realtime met menselijke supportagenten praten (vereist het Professional-plan of hoger):
- Zet Enable Live Chat aan
- Kies een Live Chat Mode:
| Mode | Description |
|---|---|
| Handoff Only | De AI-bot behandelt gesprekken en draagt over aan mensen wanneer nodig |
| Standalone | Directe menselijke chat, los van de AI-bot |
| Both | AI-bot met overdracht plus zelfstandige menselijke chat |
Meer informatie in de Live Chat guide.
Op white-label plannen toont Stap 6 ook een Branding-sectie met een schakelaar om het "Powered by ChatReact"-badge in de widget te tonen of te verbergen.
Stap 7: Beperkingen & Naleving
Stel regels en limieten in:
Geblokkeerde onderwerpen
Onderwerpen waarover uw chatbot geen discussie moet voeren:
- Concurrentproducten
- Juridisch advies
- Prijsbesprekingen
Best Practice Naleving
Selecteer uit acht industriestandaard nalevingsregels:
- No legal advice — raadt aan een juridische professional te raadplegen (vooraf geselecteerd)
- No binding commitments — doet nooit bindende toezeggingen over prijzen, kortingen of levering (vooraf geselecteerd)
- Refer to human support — biedt aan te verbinden met menselijke ondersteuning voor gevoelige of complexe kwesties (vooraf geselecteerd)
- No internal information — geeft geen interne bedrijfsinformatie of vertrouwelijke details prijs
- No competitor information — deelt geen informatie over concurrenten en maakt geen vergelijkingen
- No medical advice — raadt aan een zorgprofessional te raadplegen
- No financial advice — geeft nooit financieel of investeringsadvies
- Data privacy — behandelt persoonsgegevens zorgvuldig en vraagt niet om onnodige informatie
Core Instructions
Aangepaste regels voor uw chatbot, beheerd als een lijst:
- Voeg individuele instructies toe, bewerk of verwijder ze
- Activeer of deactiveer elke instructie zonder deze te verwijderen
- Klik op Improve with AI om uw instructies automatisch te laten verfijnen
Voorbeeldinstructies:
- "Aanbevolen altijd een demo in te plannen voor complexe vragen"
- "Deel nooit klantgegevens of interne metrics"
- "Verwijs prijsvragen naar het salesteam"
Core Instructions hebben de hoogste prioriteit en worden altijd opgenomen in elk chatantwoord.
Na creatie ondersteunt de Core Instructions-editor in de chatbotinstellingen tekstopmaak en klikbare links (web, e-mail en telefoonnummers).
Antwoordlimieten & Overdracht
- Max Response Length: Aantal tekenslimiet voor antwoorden (100-2000 tekens)
- Human Handoff Trigger: Beschrijf met uw eigen woorden wanneer de bot de chat aan een mens moet overdragen, bijv. "Voor productklachten of terugbetalingsverzoeken"
- Human Handoff Email: E-mailadres waarnaar de bot bezoekers doorverwijst bij overdracht naar een mens
Stap 8: Samenvatting (Verplicht)
Bekijk alle instellingen voordat u uw chatbot maakt:
- Controleer alle configuraties
- Bekijk het widgetontwerp in de preview
- Klik op Create Chatbot om te voltooien
Na Creatie
Wanneer u op Create Chatbot klikt, wordt u direct naar de Set up your knowledge base-wizard gebracht, die de kennisbank van uw chatbot in drie snelle stappen vult:
- Scan website — Voer uw website-URL in; ChatReact ontdekt automatisch pagina's en laat u kiezen welke u wilt importeren
- Upload documents — Voeg PDF-, DOCX-, TXT-, MD-, CSV- of JSON-bestanden toe
- Done — Ga verder naar uw dashboard
Beide contentstappen kunnen worden overgeslagen — u kunt altijd later kennis toevoegen. Zie de Knowledge Base guide voor details.
Vanaf daar kunt u:
- Test - Gebruik de Preview-functie om gesprekken te testen
- Embed - Voeg de widget toe aan uw website
- Iterate - Pas instellingen aan op basis van feedback