Chatbot Wizard
Il Chatbot Wizard la guida nella creazione di un chatbot AI completamente configurato in 8 semplici passaggi.
Step 1: Basics (Required)
Configuri le impostazioni fondamentali per il suo 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.
Step 2: Persona
Definisca la personalità e il background del suo chatbot:
| Field | Description | Example |
|---|---|---|
| Use Persona Name | Attiva/disattiva se il bot si presenta con un nome | On/Off |
| Persona Name | The name your bot introduces itself as | "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" |
Modalità Anonima
Se disattiva Use Persona Name, il chatbot non si presenterà con un nome. Invece di "Ciao! Sono Alex, il suo specialista del servizio clienti." dirà semplicemente "Ciao! Come posso aiutarla?". Il campo del nome persona viene nascosto quando questo toggle è disattivato.
A well-defined persona makes conversations feel more natural and helps the AI stay consistent. Use anonymous mode if you prefer a more neutral chatbot experience.
Step 3: Tonality
Preset dello Stile di Comunicazione
Scelga uno stile comunicativo predefinito che definisce il tono generale del suo chatbot:
| Stile | Ideale Per |
|---|---|
| Professional & Modern (Predefinito) | Agenzie, aziende tech, B2B |
| Exclusive & Distinguished | Brand premium, hotel di lusso, studi legali |
| Warm & Heartfelt | Attività familiari, studi medici, ristoranti |
| Cool & Casual | Studi di tatuaggi, caffè trendy, startup |
| Custom | Nessun preset — utilizza solo le impostazioni manuali dei cursori |
Ogni stile aggiunge istruzioni di prompt dettagliate con tono, modelli di espressione ed esempi appropriati.
Personalizzazione con i Cursori
Affini lo stile comunicativo del suo chatbot usando i cursori (scala 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 |
Step 4: Languages
Configuri il supporto linguistico:
- 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.
Address Form
Definisca come il chatbot deve rivolgersi ai visitatori del sito:
| 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.
Step 5: Widget Design
Personalizzi l'aspetto del suo chat widget:
Position
- Bottom Right (predefinito)
- Bottom Left
- Inline (Embedded) — Il widget viene visualizzato dove è posizionato lo script di embed, sempre aperto, senza bolla, senza pulsante di chiusura. Ideale per pagine di chat dedicate o sezioni di supporto.
Colors
| 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 |
Impostazioni Colore Avanzate
Espanda le opzioni avanzate per un controllo più granulare:
| Setting | Description |
|---|---|
| User Bubble Color | Colore di sfondo delle bolle dei messaggi del visitatore |
| Bot Bubble Color | Colore di sfondo delle bolle dei messaggi del bot |
| Header Text Color | Colore del testo nell'header del widget |
Dimensions
- 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: Testo visualizzato accanto alla bolla della chat quando è chiusa (lasciare vuoto per mostrare solo l'icona)
Step 6: Behavior
Configuri i comportamenti automatici:
| 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 | Lunghezza massima del messaggio per ogni messaggio del visitatore (predefinito: 2000 caratteri, impostare "No limit" per disabilitare) |
| Typing Indicator | Show typing animation |
Pre-Chat Form
Raccogliere informazioni del visitatore prima che inizi la chat:
- 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
Durante la fase di apprendimento, può determinare come il chatbot si comporta quando è incerto sulle risposte:
| 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.
Step 7: Restrictions & Compliance
Imposti regole e limitazioni:
Blacklist Topics
Argomenti di cui il suo chatbot dovrebbe evitare di discutere:
- Competitor products
- Legal advice
- Pricing negotiations
Best Practice Compliance
Selezioni regole di conformità standard del settore:
- ✅ GDPR Data Handling
- ✅ No Medical Advice
- ✅ No Financial Advice
- ✅ Professional Language
- ✅ Escalation Protocol
Core Instructions
Regole personalizzate per il suo 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
Step 8: Summary (Required)
Riveda tutte le impostazioni prima di creare il suo chatbot:
- Verify all configurations
- Preview the widget design
- Click Create Chatbot to finish
After Creation
Una volta creato, può:
- 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