Panoramica del Dashboard

Il dashboard di ChatReact è il suo hub centrale per gestire i chatbot, monitorare le conversazioni e configurare la piattaforma.

Dashboard Home

Quando accede al suo dashboard, vedrà una panoramica completa dell'attività del suo chatbot:

Quick Actions Bar

Nella parte superiore del dashboard troverà pulsanti di azione rapida per le funzionalità usate più frequentemente:

• + FAQ - Vai alla gestione delle FAQ
• Knowledge - Accedi alla knowledge base
• Settings - Impostazioni del chatbot
• Live Chat - Conversazioni in tempo reale
• Leads - Gestione dei lead (se abilitata nel suo piano)
• Forms - Costruttore di form (se abilitato nel suo piano)

KPI Statistics Grid

Il dashboard mostra fino a 6 indicatori chiave di performance:

Activity Panels

Il dashboard mostra quattro pannelli principali:

1. Recent Chats - Ultime conversazioni con i clienti con badge di stato
2. New Leads - Lead recenti con informazioni di contatto (se Lead Management abilitato)
3. Pending FAQ Suggestions - FAQ generate dall'AI pronte per l'approvazione
4. Activity Feed - Timeline combinata di tutta l'attività recente

Navigation Structure

La barra laterale del dashboard fornisce accesso a tutte le funzionalità principali:

Main Sections

Chatbot Management

Ogni chatbot ha la propria pagina delle impostazioni con schede:

• General: Nome, descrizione e stato
• Persona: Personalità e stile di comunicazione
• Tonality: Formale/informale, livello di umorismo, ecc.
• Languages: Lingua primaria e lingue supportate
• Widget: Personalizzazione dell'aspetto e del design
• Behavior: Messaggi di benvenuto, saluti proattivi
• Restrictions: Regole di compliance e limitazioni
• Analytics: Metriche di performance e insight
• Feedback: Monitoraggio della soddisfazione del cliente
• Live Chat: Impostazioni di handoff agli agenti
• Embed: Codice di installazione del widget

Dashboard Header

L'header include:

• Company Selector: Passare da un'azienda all'altra (se ne ha più di una)
• Chatbot Selector: Cambiare chatbot
• Notifications: Avvisi per completamento crawl, nuovi feedback, nuovi lead, ecc.
• Language Selector: Cambiare la lingua dell'interfaccia
• Theme Toggle: Passare dalla modalità chiara a quella scura
• User Menu: Impostazioni account e logout

Revisione Chat

Revisione delle Conversazioni

La sezione Chats le permette di revisionare le conversazioni e fornire feedback per migliorare il suo chatbot:

1. Apra una chat dall'elenco
2. Valuti la conversazione usando i pulsanti:
   • Good (Pollice su) — Contrassegna la chat come esempio positivo
   • Needs Improvement (Pollice giù) — Apre l'Improvement Agent per l'ottimizzazione
   • Reviewed (Spunta) — Contrassegna la chat come revisionata senza valutarla positivamente o negativamente. Non influisce sul punteggio di confidenza e non attiva email o sessioni di miglioramento.

Vista Dettaglio Chat

Ogni chat mostra:

• La cronologia completa della conversazione
• L'URL della pagina dove la chat è stata avviata (link cliccabile con icona globo)
• Informazioni sul visitatore (se disponibili dai moduli pre-chat)

Anteprima con Simulazione URL

La pagina Preview le permette di testare il suo chatbot con un URL di pagina simulato:

1. Vada su Preview nella barra laterale
2. Inserisca un URL nel campo URL (es. https://yoursite.com/products)
3. Il widget si comporterà come se fosse su quella pagina, consentendole di testare le risposte specifiche per pagina

Questo è utile per verificare che il suo chatbot risponda contestualmente a diverse pagine del suo sito web.

Onboarding Wizard

Quando crea per la prima volta un'azienda o non ha ancora chatbot, il dashboard mostra un onboarding wizard che la guida tramite i seguenti passaggi:

1. Create Chatbot - Configurare il suo primo assistente AI
2. Add Knowledge - Caricare documenti o effettuare il crawl del suo sito
3. Customize Design - Adattare colori e stile al suo brand
4. Embed Widget - Aggiungere il chatbot al suo sito

Assistente della Dashboard

L'Assistente della Dashboard è un helper potenziato dall'AI disponibile tramite il pulsante sparkle flottante nell'angolo in basso a destra della dashboard. Può aiutarla a gestire chatbot, FAQ, impostazioni e altro tramite comandi in linguaggio naturale.

Segnalazione Bug

Quando incontra un bug durante l'utilizzo della dashboard, può segnalarlo direttamente tramite l'Assistente della Dashboard:

1. Clicchi il pulsante sparkle per aprire l'Assistente
2. Descriva il problema riscontrato
3. L'Assistente farà domande chiarificatrici per determinare se si tratta di un bug reale o di una domanda sull'utilizzo
4. Se è un bug confermato, l'Assistente:
   • Le chiederà di caricare uno screenshot (tramite il pulsante immagine o incollando dalla clipboard)
   • Tradurrà la sua descrizione in tedesco per il team di sviluppo
   • Creerà una issue su GitHub con tutti i dettagli rilevanti
   • Condividerà con Lei l'URL della issue per il tracking

Caricamento Screenshot

Può allegare screenshot ai suoi messaggi in due modi:

• Selettore file: Clicchi il pulsante immagine (a sinistra dell'input testo) per selezionare un file immagine
• Incolla dalla clipboard: Faccia uno screenshot e incolli (Ctrl/Cmd+V) nell'input testo

Formati supportati: PNG, JPEG, WebP (max 5 MB).

Mobile Support

Il dashboard è completamente responsive e funziona su tutti i dispositivi:

• Desktop: Navigazione completa con sidebar e tutte le funzionalità visibili
• Tablet: Sidebar collassabile con layout ottimizzati
• Mobile: Navigazione a cassetto slide-in, layout impilati verticalmente per una migliore interazione touch

Tutte le combinazioni testo-pulsante si adattano automaticamente agli schermi più piccoli impilandosi verticalmente.

Next Steps

• Chatbot Wizard →
• Knowledge Base →
• Lead Management →
• Team Management →