HomeDocumentation

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:

FieldDescriptionExample
NameDisplay name for your chatbot"Support Assistant"
DescriptionInternal 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:

FieldDescriptionExample
Use Persona NameAttiva/disattiva se il bot si presenta con un nomeOn/Off
Persona NameThe name your bot introduces itself as"Alex"
RoleThe role your bot plays"Customer Success Manager"
BackgroundContext 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:

StileIdeale Per
Professional & Modern (Predefinito)Agenzie, aziende tech, B2B
Exclusive & DistinguishedBrand premium, hotel di lusso, studi legali
Warm & HeartfeltAttività familiari, studi medici, ristoranti
Cool & CasualStudi di tatuaggi, caffè trendy, startup
CustomNessun 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):

SettingLow (1)High (5)
FormalityCasual, friendlyFormal, professional
HumorSerious, no jokesPlayful, witty
VerbosityBrief, conciseDetailed, thorough
EmpathyFactual, directWarm, understanding
ProactivityReactive onlySuggests 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:

SettingDescriptionExample
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

SettingDescription
Primary ColorMain accent color (buttons, headers)
Secondary ColorGradient and hover states
Background ColorChat window background
Text ColorMessage text color

Impostazioni Colore Avanzate

Espanda le opzioni avanzate per un controllo più granulare:

SettingDescription
User Bubble ColorColore di sfondo delle bolle dei messaggi del visitatore
Bot Bubble ColorColore di sfondo delle bolle dei messaggi del bot
Header Text ColorColore 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:

SettingDescription
Welcome MessageFirst message shown when chat opens
Fallback MessageResponse when bot can't answer
Proactive GreetingAutomatically greet visitors
Proactive DelayWait time before greeting (ms)
Auto OpenAutomatically open widget
Auto Open DelayWait time before opening (ms)
Sound EnabledPlay a notification sound when the bot responds
Character LimitLunghezza massima del messaggio per ogni messaggio del visitatore (predefinito: 2000 caratteri, impostare "No limit" per disabilitare)
Typing IndicatorShow typing animation

Pre-Chat Form

Raccogliere informazioni del visitatore prima che inizi la chat:

  1. Enable Pre-Chat Form Enabled
  2. Add fields (Name, Email, Phone, Free Text)
  3. 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:

ModeDescription
CautiousBot 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.
ConfidentResponds 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ò:

  1. Add Knowledge - Crawl websites or add FAQs
  2. Test - Use the Preview feature to test conversations
  3. Embed - Add the widget to your website
  4. Iterate - Adjust settings based on feedback

Next Steps