Chatbot Wizard
Il Chatbot Wizard la guida nella creazione di un chatbot AI completamente configurato in 8 semplici passaggi.
Solo il Passo 1 (Basi) e il Passo 8 (Riepilogo) sono obbligatori — ogni altro passo ha un pulsante Salta. Dal Passo 5 (Design del Widget) in poi, viene mostrata un'anteprima live del suo widget accanto al modulo.
Passo 1: Basi (Obbligatorio)
Partire da un Modello
Nella parte superiore del Passo 1 può scegliere un modello che precompila il wizard con impostazioni ottimizzate — persona, tonalità, messaggi di benvenuto e fallback, e opzioni comportamentali. Può comunque regolare tutto nei passi successivi.
| Template | Best For |
|---|---|
| Blank | Start from scratch |
| Support | Customer service & help desk |
| Sales | Lead generation & sales |
| Onboarding | Guide new users & customers |
| Corporate | Professional & formal tone |
Il modello Blank è sempre disponibile. I modelli preconfigurati sono disponibili nei piani a pagamento — il wizard mostra quale piano li sblocca.
Nome e Descrizione
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" |
Il nome del chatbot viene mostrato ai visitatori nell'intestazione del widget di chat.
Passo 2: Persona
Definisca la personalità e il background del suo 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" |
Modalità Anonima
Se disabilita Use Persona Name, il chatbot non si presenterà con un nome. Invece di "Hello! I'm Alex, your customer service specialist." dirà semplicemente "Hello! How can I help you?". Il campo del nome della persona viene nascosto quando questo interruttore è disattivato.
Una persona ben definita rende le conversazioni più naturali e aiuta l'AI a mantenere coerenza. Utilizzi la modalità anonima se preferisce un'esperienza chatbot più neutrale.
Stile di Comunicazione
Scegli uno stile di comunicazione predefinito che imposta il tono generale per il suo chatbot:
| Style | Best For |
|---|---|
| Professional & Modern (Default) | Agencies, tech companies, B2B |
| Exclusive & Distinguished | Beauty clinics, law firms, luxury hotels |
| Warm & Welcoming | Family businesses, restaurants, medical practices |
| Cool & Casual | Tattoo studios, trendy bistros, startups |
| Custom | Uses your own Core Instructions instead of a preset |
Ogni stile aggiunge istruzioni dettagliate al prompt con tono appropriato, schemi di fraseggio ed esempi.
Passo 3: Tonalità
Affini lo stile di comunicazione del suo chatbot usando 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 |
Passo 4: Lingue
Configuri il supporto linguistico:
- Primary Language: La lingua principale per le risposte (scegliere tra English, German, French, Spanish, Italian, or Portuguese)
- Supported Languages: Lingue aggiuntive in cui il suo bot può capire e rispondere
- Technical Level: Un cursore da Simple a Technical che determina quanto tecnico debba essere il linguaggio del bot
ChatReact supporta tutte le 24 lingue ufficiali dell'UE.
Forma di Cortesia
Definisca come il chatbot dovrebbe 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?") |
La forma di cortesia viene usata solo nelle lingue che distinguono formale/informale (es., German, French, Spanish). In inglese e lingue simili, questa impostazione non si applica.
Il widget rileva automaticamente la lingua del browser del visitatore e risponde nella lingua appropriata.
Passo 5: Design del Widget
Personalizzi l'aspetto del suo widget di chat:
Posizione
- Bottom Right (default)
- Bottom Left
- Inline (Embedded) — Il widget viene visualizzato dove è inserito lo script di embed, sempre aperto, senza bubble e senza pulsante di chiusura. Ideale per pagine dedicate alla chat o sezioni di supporto.
Colori
Scegli un Color Theme:
| Theme | Description |
|---|---|
| Default | The standard ChatReact color scheme |
| Company | Uses your company's brand colors (available once they are set in Company Settings) |
| Custom | Unlocks individual color pickers |
Quando è selezionato Custom, può regolare:
| 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 Colori Avanzate
Espanda le opzioni avanzate per un controllo più granulare:
| Setting | Description |
|---|---|
| Visitor Messages | Background and text color of the visitor's message bubbles |
| Bot Messages | Background and text color of the bot's message bubbles |
| Header Text Color | Text color in the widget header |
Ogni colore avanzato può essere reimpostato su automatico, nel qual caso ChatReact sceglie per lei un colore con contrasto sicuro.
Dimensioni
- Border Radius: Rounded corners (0-32px)
- Widget Width: Chat window width
- Widget Height: Chat window height
Branding
- Use Company Logo: Show your company logo in the widget header. Requires the Professional plan or higher; the logo itself is uploaded in Company Settings.
- Header Title: Text in the widget header
- Header Subtitle: Secondary text in the header. If you leave it unset, the widget shows a localized default subtitle. After creation, you can hide the subtitle entirely by clearing this field in the widget settings.
Ogni opzione di design può essere modificata dopo la creazione, e impostazioni aggiuntive (come un URL del logo personalizzato e il testo della chat bubble) sono disponibili lì. Veda Widget Customization per la documentazione completa.
Passo 6: Comportamento
Configuri i comportamenti automatizzati:
| 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 (1-10 seconds) |
| Auto Open | Automatically open widget |
| Auto Open Delay | Wait time before opening (1-15 seconds) |
| Sound Enabled | Play a notification sound when the bot responds |
| Typing Indicator | Show typing animation |
Pre-Chat Form
Raccogliere informazioni dal visitatore prima che la chat inizi:
- Abilitare Pre-Chat Form
- Aggiungere campi (Text, Email, Phone, Textarea)
- Contrassegnare i campi obbligatori come "Required" se necessario
Dopo la creazione, può cliccare Translate with AI nelle impostazioni di comportamento del chatbot per tradurre automaticamente tutte le etichette dei campi e i placeholder nelle lingue supportate.
Fase di Apprendimento
Skip Learning Phase: Attivi questa opzione per avviare il suo chatbot con piena fiducia fin dal primo giorno — senza risposte caute. Un avviso la ricorda di assicurarsi che la knowledge base sia ben preparata prima di andare live.
Se la fase di apprendimento è attiva, 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, marked "Recommended") | 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: Testo libero opzionale per istruzioni speciali durante la fase di apprendimento, es., "Always refer pricing questions to the team."
La modalità della fase di apprendimento è configurabile anche nelle impostazioni del chatbot dopo la creazione.
Live Chat
Permetta ai visitatori di parlare con operatori umani in tempo reale (richiede il piano Professional o superiore):
- Attivi Enable Live Chat
- Scegliere una Live Chat Mode:
| Mode | Description |
|---|---|
| Handoff Only | The AI bot handles conversations and hands off to humans when needed |
| Standalone | Direct human chat, separate from the AI bot |
| Both | AI bot with handoff plus standalone human chat |
Per maggiori informazioni veda la Live Chat guide.
Nei piani white-label, il Passo 6 mostra anche una sezione Branding con un interruttore per mostrare o nascondere il badge "Powered by ChatReact" nel widget.
Passo 7: Restrizioni e Conformità
Imposti regole e limiti:
Argomenti Bloccati
Argomenti di cui il suo chatbot dovrebbe evitare di discutere:
- Competitor products
- Legal advice
- Pricing negotiations
Best Practice Compliance
Selezioni tra otto regole di conformità standard del settore:
- No legal advice — recommends consulting a legal professional (pre-selected)
- No binding commitments — never makes binding commitments about pricing, discounts, or delivery (pre-selected)
- Refer to human support — offers to connect with human support for sensitive or complex issues (pre-selected)
- No internal information — does not disclose internal company information or confidential details
- No competitor information — does not share information about competitors or make comparisons
- No medical advice — recommends consulting a healthcare professional
- No financial advice — never provides financial or investment advice
- Data privacy — handles personal data carefully and doesn't ask for unnecessary information
Core Instructions
Regole personalizzate per il suo chatbot, gestite come elenco:
- Aggiungere, modificare o eliminare istruzioni singole
- Attivare o disattivare ogni istruzione senza cancellarla
- Cliccare Improve with AI per far migliorare automaticamente le sue istruzioni
Esempi di istruzioni:
- "Always recommend scheduling a demo for complex questions"
- "Never share customer data or internal metrics"
- "Refer pricing questions to the sales team"
Le Core Instructions hanno la massima priorità e sono sempre incluse in ogni risposta della chat.
Dopo la creazione, l'editor delle Core Instructions nelle impostazioni del chatbot supporta la formattazione del testo e link cliccabili (web, email e numeri di telefono).
Limiti di Risposta e Handoff
- Max Response Length: Character limit for responses (100-2000 characters)
- Human Handoff Trigger: Describe in your own words when the bot should hand the chat off to a human, e.g., "For product complaints or refund requests"
- Human Handoff Email: Email address the bot directs visitors to when handing off to a human
Passo 8: Riepilogo (Obbligatorio)
Riveda tutte le impostazioni prima di creare il suo chatbot:
- Verificare tutte le configurazioni
- Anteprima del design del widget
- Clicchi Create Chatbot per terminare
Dopo la Creazione
Quando clicca Create Chatbot, viene portato direttamente nel wizard Set up your knowledge base, che riempie la knowledge base del suo chatbot in tre rapidi passaggi:
- Scan website — Inserisca l'URL del suo sito; ChatReact scopre automaticamente le pagine e le lascia selezionare quali importare
- Upload documents — Aggiunga file PDF, DOCX, TXT, MD, CSV, o JSON
- Done — Continui verso la sua dashboard
Entrambi i passaggi di contenuto possono essere saltati — può sempre aggiungere conoscenza in seguito. Veda la Knowledge Base guide per i dettagli.
Da lì può:
- Test - Usare la funzione Preview per testare le conversazioni
- Embed - Aggiungere il widget al suo sito
- Iterate - Regolare le impostazioni in base al feedback