Dashboard-Übersicht
Das ChatReact Dashboard ist Ihre zentrale Anlaufstelle für die Verwaltung von Chatbots, die Überwachung von Gesprächen und die Konfiguration Ihrer Plattform.
Dashboard-Startseite
Wenn Sie Ihr Dashboard öffnen, sehen Sie eine umfassende Übersicht Ihrer Chatbot-Aktivitäten:
Schnellaktionen-Leiste
Oben im Dashboard finden Sie Schnellaktions-Buttons für häufig genutzte Funktionen:
- + FAQ - Direkt zur FAQ-Verwaltung
- Wissen - Wissensbasis aufrufen
- Einstellungen - Chatbot-Einstellungen
- Live-Chat - Echtzeit-Gespräche
- Leads - Lead-Verwaltung (falls in Ihrem Tarif aktiviert)
- Formulare - Formular-Builder (falls in Ihrem Tarif aktiviert)
KPI-Statistik-Grid
Das Dashboard zeigt bis zu 6 wichtige Leistungskennzahlen:
| Metrik | Beschreibung |
|---|---|
| Sessions heute | Anzahl der heute gestarteten Chat-Sessions |
| Nachrichten gesamt | Alle ausgetauschten Nachrichten, mit Durchschnitt pro Session |
| Neue Leads | Unbearbeitete Leads (wenn Lead-Management aktiviert) |
| Ausstehende Formulare | Formulareinsendungen zur Prüfung (wenn Formulare aktiviert) |
| FAQ-Vorschläge | KI-generierte FAQ-Vorschläge zur Prüfung |
| Aktive Chatbots | Anzahl der konfigurierten Chatbots |
Aktivitäts-Panels
Das Dashboard zeigt vier Hauptbereiche:
- Letzte Chats - Aktuelle Kundengespräche mit Status-Badges
- Neue Leads - Aktuelle Leads mit Kontaktinformationen (wenn Lead-Management aktiviert)
- Ausstehende FAQ-Vorschläge - KI-generierte FAQs zur Genehmigung
- Aktivitäts-Feed - Kombinierte Timeline aller aktuellen Aktivitäten
Navigationsstruktur
Die Dashboard-Seitenleiste bietet Zugang zu allen wichtigen Funktionen:
Hauptbereiche
| Bereich | Beschreibung |
|---|---|
| Übersicht | Dashboard-Startseite mit Statistiken und Aktivitäten |
| Chats | Alle Gespräche anzeigen und analysieren |
| FAQs | Häufig gestellte Fragen verwalten |
| Wissen | Dokumente und Website-Inhalte verwalten |
| Leads | Lead-Erfassung und -Verwaltung (tarifabhängig) |
| Formulare | Kontaktformular-Builder und Einreichungen (tarifabhängig) |
| Live-Chat | Echtzeit-Kundengespräche |
| Analysen | Detaillierte Leistungsmetriken |
| Vorschau | Chatbot vor dem Live-Gang testen |
Chatbot-Verwaltung
Jeder Chatbot hat seine eigene Einstellungsseite mit Tabs:
- Allgemein: Name, Beschreibung und Status
- Persona: Persönlichkeit und Kommunikationsstil
- Tonalität: Formal/informell, Humor-Level, etc.
- Sprachen: Primär- und unterstützte Sprachen
- Widget: Erscheinungsbild und Design-Anpassung
- Verhalten: Willkommensnachrichten, proaktive Begrüßungen
- Einschränkungen: Compliance-Regeln und Limitierungen
- Analysen: Leistungsmetriken und Einblicke
- Feedback: Kundenzufriedenheits-Tracking
- Live-Chat: Agenten-Übergabe-Einstellungen
- Einbetten: Widget-Installationscode
Dashboard-Header
Der Header enthält:
- Unternehmens-Auswahl: Zwischen Unternehmen wechseln (falls mehrere vorhanden)
- Chatbot-Auswahl: Zwischen Chatbots wechseln
- Benachrichtigungen: Alerts für Crawl-Abschlüsse, neues Feedback, neue Leads, etc.
- Sprach-Auswahl: Zwischen Interface-Sprachen wechseln
- Theme-Umschalter: Zwischen Hell- und Dunkelmodus wechseln
- Benutzer-Menü: Kontoeinstellungen und Abmeldung
Onboarding-Assistent
Wenn Sie erstmals ein Unternehmen erstellen oder noch keine Chatbots haben, zeigt das Dashboard einen Onboarding-Assistenten, der Sie durch folgende Schritte führt:
- Chatbot erstellen - Richten Sie Ihren ersten KI-Assistenten ein
- Wissen hinzufügen - Dokumente hochladen oder Website crawlen
- Design anpassen - Markenfarben und Stil anpassen
- Widget einbetten - Chatbot auf Ihrer Website hinzufügen
Dashboard-Assistent
Der Dashboard-Assistent ist ein KI-gestützter Helfer, der über den schwebenden Sparkle-Button unten rechts im Dashboard erreichbar ist. Er kann Ihnen bei der Verwaltung Ihrer Chatbots, FAQs, Einstellungen und mehr durch natürliche Spracheingaben helfen.
Fehlermeldungen
Wenn Sie beim Benutzen des Dashboards auf einen Fehler stoßen, können Sie diesen direkt über den Dashboard-Assistenten melden:
- Klicken Sie auf den Sparkle-Button, um den Assistenten zu öffnen
- Beschreiben Sie das Problem, das aufgetreten ist
- Der Assistent stellt klärende Fragen, um festzustellen, ob es sich um einen echten Bug oder eine Bedienungsfrage handelt
- Bei einem bestätigten Bug wird der Assistent:
- Sie bitten, einen Screenshot hochzuladen (über den Bild-Button oder per Einfügen aus der Zwischenablage)
- Ihre Beschreibung für das Entwicklungsteam ins Deutsche übersetzen
- Ein GitHub-Issue mit allen relevanten Details erstellen
- Ihnen die Issue-URL zur Nachverfolgung mitteilen
Screenshot-Upload
Sie können Screenshots auf zwei Arten an Ihre Nachrichten anhängen:
- Dateiauswahl: Klicken Sie auf den Bild-Button (links neben dem Eingabefeld), um eine Bilddatei auszuwählen
- Aus Zwischenablage einfügen: Machen Sie einen Screenshot und fügen Sie ihn (Strg/Cmd+V) in das Eingabefeld ein
Unterstützte Formate: PNG, JPEG, WebP (max. 5 MB).
Mobile Unterstützung
Das Dashboard ist vollständig responsiv und funktioniert auf allen Geräten:
- Desktop: Vollständige Seitenleisten-Navigation mit allen sichtbaren Funktionen
- Tablet: Einklappbare Seitenleiste mit optimierten Layouts
- Mobil: Einschub-Navigation, vertikal gestapelte Layouts für optimale Touch-Interaktion
Alle Text-Button-Kombinationen passen sich automatisch an kleinere Bildschirme an, indem sie vertikal gestapelt werden.