Chatbot Wizard
De Chatbot Wizard begeleidt u bij het creëren van een volledig geconfigureerde AI-chatbot in 8 eenvoudige stappen.
Stap 1: Basis (Vereist)
Configureer de fundamentele instellingen voor uw chatbot:
| Field | Description | Example |
|---|---|---|
| Name | Display name for your chatbot | "Support Assistant" |
| Description | Internal description for your team | "Handles customer inquiries for our SaaS product" |
The chatbot name is shown to visitors in the chat widget header.
Stap 2: Persona
Definieer de persoonlijkheid en achtergrond van uw chatbot:
| Field | Description | Example |
|---|---|---|
| Use Persona Name | Toggle whether the bot introduces itself by name | On/Off |
| Persona Name | The name your bot introduces itself as (if enabled) | "Alex" |
| Role | The role your bot plays | "Customer Success Manager" |
| Background | Context about your bot's expertise | "5 years experience helping customers with technical issues" |
Anonieme Modus
Als u Use Persona Name uitschakelt, introduceert de chatbot zichzelf niet met een naam. In plaats van "Hallo! Ik ben Alex, uw klantenservicespecialist." zegt hij simpelweg "Hallo! Hoe kan ik u helpen?". Het persona-naamveld is verborgen wanneer deze schakelaar uit staat.
Een goed gedefinieerde persona laat gesprekken natuurlijker aanvoelen en helpt de AI consistent te blijven. Gebruik de anonieme modus als u de voorkeur geeft aan een meer neutrale chatbot-ervaring.
Stap 3: Tonaliteit
Communicatiestijl Presets
Kies een vooraf gedefinieerde communicatiestijl die de algehele toon van uw chatbot bepaalt:
| Stijl | Het beste voor |
|---|---|
| Professional & Modern (Standaard) | Bureaus, techbedrijven, B2B |
| Exclusive & Distinguished | Premium merken, luxe hotels, advocatenkantoren |
| Warm & Heartfelt | Familiebedrijven, medische praktijken, restaurants |
| Cool & Casual | Tattoo-studio's, trendy cafés, startups |
| Custom | Geen preset — gebruikt alleen uw handmatige sliderinstellingen |
Elke stijl voegt gedetailleerde promptinstructies toe met passende toon, formuleringspatronen en voorbeelden.
Fijnafstemming met Sliders
Stel de communicatiestijl van uw chatbot bij met sliders (schaal 1-5):
| Setting | Low (1) | High (5) |
|---|---|---|
| Formality | Casual, friendly | Formal, professional |
| Humor | Serious, no jokes | Playful, witty |
| Verbosity | Brief, concise | Detailed, thorough |
| Empathy | Factual, direct | Warm, understanding |
| Proactivity | Reactive only | Suggests next steps |
Stap 4: Talen
Configureer taalondersteuning:
- Primary Language: The main language for responses
- Supported Languages: Additional languages your bot can understand and respond in
ChatReact supports all 24 EU languages plus many more.
Aanspreekvorm
Definieer hoe de chatbot websitebezoekers moet aanspreken:
| Setting | Description | Example |
|---|---|---|
| Formal (Sie/Vous) | Polite form for professional/business communication | "How may I assist you?" (German: "Wie kann ich Ihnen helfen?") |
| Informal (Du/Tu) | Personal address for casual communication | "How can I help you?" (German: "Wie kann ich dir helfen?") |
The address form is only used in languages that have a formal/informal distinction (e.g., German, French, Spanish). In English and similar languages, this setting does not apply.
The widget automatically detects the visitor's browser language and responds in the appropriate language.
Stap 5: Widget Design
Pas het uiterlijk van uw chatwidget aan:
Positie
- Bottom Right (standaard)
- Bottom Left
- Inline (Ingebed) — Widget wordt weergegeven waar het insluitscript is geplaatst, altijd open, geen bubble, geen sluitknop. Ideaal voor speciale chatpagina's of ondersteuningssecties.
Kleuren
| Setting | Description |
|---|---|
| Primary Color | Main accent color (buttons, headers) |
| Secondary Color | Gradient and hover states |
| Background Color | Chat window background |
| Text Color | Message text color |
Geavanceerde Kleurinstellingen
Vouw de geavanceerde opties uit voor meer gedetailleerde controle:
| Setting | Description |
|---|---|
| User Bubble Color | Achtergrondkleur van de berichtbubbels van de bezoeker |
| Bot Bubble Color | Achtergrondkleur van de berichtbubbels van de bot |
| Header Text Color | Tekstkleur in de widgetkop |
Afmetingen
- Border Radius: Rounded corners (0-50px)
- Widget Width: Chat window width
- Widget Height: Chat window height
Branding
- Logo URL: Custom logo in the header
- Header Title: Text in the widget header
- Header Subtitle: Secondary text in header
- Bubble Text: Tekst weergegeven naast de chatbubbel wanneer gesloten (leeg laten voor alleen icoon)
Stap 6: Gedrag
Configureer geautomatiseerde gedragingen:
| Setting | Description |
|---|---|
| Welcome Message | First message shown when chat opens |
| Fallback Message | Response when bot can't answer |
| Proactive Greeting | Automatically greet visitors |
| Proactive Delay | Wait time before greeting (ms) |
| Auto Open | Automatically open widget |
| Auto Open Delay | Wait time before opening (ms) |
| Sound Enabled | Play a notification sound when the bot responds |
| Character Limit | Maximale berichtlengte per bezoekerbericht (standaard: 2000 tekens, stel in op "No limit" om uit te schakelen) |
| Typing Indicator | Show typing animation |
Pre-Chat Form
Verzamel bezoekerinformatie voordat de chat begint:
- Enable Pre-Chat Form Enabled
- Add fields (Name, Email, Phone, Free Text)
- Mark required fields as "Required" as needed
Click Translate with AI to automatically translate all field labels and placeholders into all supported languages.
Learning Phase Behavior Mode
Tijdens de leerfase kunt u bepalen hoe de chatbot zich gedraagt wanneer hij onzeker is over antwoorden:
| Mode | Description |
|---|---|
| Cautious | Bot is reserved and actively refers to email handoff when uncertain. Proactively adds uncertainty phrases. |
| Balanced (Default) | Normal responses. Only shows uncertainty when the user questions accuracy. |
| Confident | Responds as in normal operation. The learning phase only collects feedback without changing response behavior. |
Additional Learning Phase Instruction: Optional free text for special instructions during the learning phase, e.g., "Always refer pricing questions to the team."
The learning phase mode is also configurable in chatbot settings after creation.
Stap 7: Beperkingen & Compliance
Stel regels en beperkingen in:
Blacklist Topics
Onderwerpen die uw chatbot moet vermijden te bespreken:
- Competitor products
- Legal advice
- Pricing negotiations
Best Practice Compliance
Selecteer compliance-regels volgens industrienormen:
- ✅ GDPR Data Handling
- ✅ No Medical Advice
- ✅ No Financial Advice
- ✅ Professional Language
- ✅ Escalation Protocol
Core Instructions
Aangepaste regels voor uw chatbot:
- "Always recommend scheduling a demo for complex questions"
- "Never share customer data or internal metrics"
- "Refer pricing questions to the sales team"
Response Limits
- Max Response Length: Character limit for responses
- Human Handoff Trigger: Keywords that trigger live chat escalation
Stap 8: Samenvatting (Vereist)
Controleer alle instellingen voordat u uw chatbot aanmaakt:
- Verify all configurations
- Preview the widget design
- Click Create Chatbot to finish
Na Creatie
Zodra de chatbot is aangemaakt, kunt u:
- Add Knowledge - Crawl websites or add FAQs
- Test - Use the Preview feature to test conversations
- Embed - Add the widget to your website
- Iterate - Adjust settings based on feedback