Dashboard-Übersicht

Das ChatReact-Dashboard ist Ihr zentraler Hub zur Verwaltung von Chatbots, zur Überwachung von Gesprächen und zur Konfiguration Ihrer Plattform.

Dashboard-Startseite

Wenn Sie Ihr Dashboard aufrufen, sehen Sie eine umfassende Übersicht Ihrer Chatbot-Aktivität.

Die Seitenüberschrift zeigt den Namen des ausgewählten Chatbots zusammen mit seiner Chatbot-ID und einer Ein-Klick-Kopier-Schaltfläche — nützlich, wenn Sie die ID für den Embed-Code oder eine Integration benötigen.

KPI-Statistikraster

Das Dashboard zeigt bis zu 6 wichtige Leistungskennzahlen:

Metrik	Beschreibung
Sitzungen heute	Anzahl der heute gestarteten Chatsitzungen
Gesamtzahl Nachrichten	Alle ausgetauschten Nachrichten, mit Durchschnitt pro Sitzung
Neue Leads	Unbearbeitete Leads (wenn Lead Management aktiviert)
Ausstehende Formulare	Formularübermittlungen, die auf Überprüfung warten (wenn Formulare aktiviert)
FAQ-Vorschläge	KI-generierte FAQ-Vorschläge, die auf Überprüfung warten
Veröffentlichte FAQs	Veröffentlicht FAQs in Ihrer Wissensdatenbank

Aktivitätsbereiche

Das Dashboard zeigt vier Hauptbereiche:

Aktuelle Chats - Neueste Kundenkonversationen mit Status-Badges
Neue Leads - Neu eingegangene Leads mit Kontaktinformationen (wenn Lead Management aktiviert)
Ausstehende FAQ-Vorschläge - KI-generierte FAQs, die zur Genehmigung bereitstehen
Aktivitätsfeed - Kombinierte Zeitleiste aller jüngsten Aktivitäten

Navigationsstruktur

Die Dashboard-Seitenleiste bietet Zugriff auf alle Hauptfunktionen. Oben in der Seitenleiste finden Sie den Firmenwechsler und den Chatbot-Wechsler, um zwischen Firmen und Chatbots zu wechseln. Die Seitenleiste kann mit der Chevron-Schaltfläche unten eingeklappt werden.

Hauptabschnitte

Abschnitt	Beschreibung
Übersicht	Dashboard-Startseite mit Statistiken und Aktivitäten
Chats	Alle Konversationen anzeigen und analysieren
FAQs	Häufig gestellte Fragen verwalten
Wissen	Dokument- und Website-Inhaltsverwaltung
Leads	Lead-Erfassung und -Verwaltung (planabhängig)
Formulare	Kontaktformular-Builder und Übermittlungen (planabhängig)
Live-Chat	Echtzeit-Kundenkonversationen
Analytics	Detaillierte Leistungskennzahlen
Vorschau	Testen Sie Ihren Chatbot vor dem Livegang (mit URL-Simulation)

Unten in der Seitenleiste finden Sie außerdem Company (Firmen-Einstellungen) und Account (Ihre persönlichen Kontoeinstellungen).

Funktionen, die in Ihrem Plan nicht enthalten sind, erscheinen mit einem Schloss-Symbol — fahren Sie mit der Maus darüber, um zu sehen, welcher Plan die Funktion freischaltet. Teammitglieder mit der Agent-Rolle sehen eine vereinfachte Seitenleiste mit nur Live Chat und Account.

Chatbot-Verwaltung

Jeder Chatbot hat eine eigene Einstellungsseite mit Tabs:

Allgemein: Name, Beschreibung und Status
Persona: Persönlichkeit, Kommunikationsstil und Tonalität (formell/informell, Humorlevel usw.)
Sprachen: Primäre und unterstützte Sprachen
Widget: Erscheinungsbild- und Designanpassung
Verhalten: Willkommensnachrichten, proaktive Begrüßungen und Einstellungen für die Übergabe an Live-Chat
Konfidenz: Konfidenzscore, Lernphase und Konfidenzkategorien (planabhängig)
Einschränkungen: Compliance-Regeln und Beschränkungen
Embed: Installationscode für das Widget

Für eine detaillierte Anleitung zu den Tabs Widget und Verhalten siehe Widget Customization.

Dashboard-Header

Der Header enthält:

Global Dashboard: Öffnet eine Aktivitätsübersicht aller Ihrer Firmen und Chatbots (siehe unten)
Limit-Warnung: Wenn ein Planlimit erreicht wird, erscheint ein Banner mit einem Jetzt upgraden-Link zur Abrechnung
Design-Umschalter: Wechsel zwischen Hell- und Dunkelmodus
Sprachauswahl: Wechsel zwischen Benutzeroberflächen-Sprachen
Benachrichtigungen: Warnungen bei Crawl-Abschlüssen, neuem Feedback, neuen Leads usw. — siehe Notifications
Benutzermenü: Kontoeinstellungen und Abmeldung

Globales Dashboard

Die Global-Schaltfläche im Header öffnet das Global Dashboard — eine Übersicht über jede Firma und jeden Chatbot in Ihrem Konto. Jeder Chatbot zeigt Aktivitäts-Badges, die direkt zur jeweiligen Seite verlinken:

Ungelesene Chats — Konversationen, die Sie noch nicht gesehen haben; das Öffnen der Chatliste dieses Chatbots markiert sie als gelesen
Neue Leads
FAQ-Vorschläge
Formularübermittlungen
Live-Chat-Anfragen

Chatbots, die sich noch in ihrer Lernphase befinden, zeigen außerdem einen Lernphasen-Indikator mit dem aktuellen Konfidenzscore.

Chat-Bewertung

Konversationen bewerten

Der Abschnitt Chats ermöglicht es Ihnen, Konversationen zu überprüfen und Feedback zu geben, um Ihren Chatbot zu verbessern:

Die Übersicht zeigt vier Stat-Karten (Total, Pending, Good, Needs Work) mit Gesamtwerten für den ausgewählten Chatbot (nicht nur für die aktuell geladenen Zeilen). Die Needs Work-Summe zählt Konversationen, die noch Nacharbeit benötigen — Chats mit einer abgeschlossenen Verbesserungssitzung werden stattdessen unter improved gezählt, nicht unter Needs Work. Unterhalb der Karten verwenden Sie den Status-Filter rechts, um die Liste einzugrenzen (All, no feedback, pending, good, needs work, reviewed, und — wenn Ihr Plan den Improvement Agent enthält — improved). Wenn Ihr Plan den Improvement Agent umfasst und Sie Konfidenzkategorien eingerichtet haben, erscheint neben dem Statusfilter ein zusätzlicher Kategorie-Filter. Die Filterung erfolgt serverseitig, sodass Paginierung und Load more korrekt bleiben.

Öffnen Sie einen Chat aus der Liste
Bewerten Sie die Konversation mit den Schaltflächen:
- Good (Daumen hoch) — Markiert den Chat als positives Beispiel
- Needs Work (Daumen runter) — Markiert den Chat als verbesserungsbedürftig. Danach erscheint eine Improve with AI-Schaltfläche, die Sie zum Improvement Agent führt (planabhängig)
- Reviewed (Häkchen) — Markiert den Chat als überprüft, ohne ihn als gut oder schlecht zu bewerten. Beeinträchtigt nicht den Konfidenzscore und löst keine E-Mails oder Verbesserungssitzungen aus.

Die Option „Reviewed“ ist nützlich für Chats, die keiner Verbesserung bedürfen, aber auch keine positive Bewertung rechtfertigen — z. B. sehr kurze oder themenfremde Konversationen.

Wenn Sie später feststellen, dass ein Chat nach dem Markieren als Good oder Reviewed doch noch Nacharbeit benötigt, öffnen Sie die Chat-Detailseite und verwenden Sie Needs Work. Die Konversation wird erneut als verbesserungsbedürftig eingestuft, der Konfidenzscore wird neu berechnet und Sie können den Improvement Agent nutzen.

Chat-Detailansicht

Jeder Chat zeigt:

Den vollständigen Gesprächsverlauf
Die Seiten-URL, auf der der Chat initiiert wurde (anklickbarer Link mit Globus-Symbol)
Besucherinformationen (falls aus Pre-Chat-Formularen verfügbar)

Wenn Ihr Plan den Improvement Agent umfasst, können Sie in der Detailansicht jedem Chat auch eine Konfidenzkategorie zuweisen (oder eine bestehende Zuordnung ändern). Die pro Kategorie berechneten Konfidenzscores werden automatisch neu berechnet.

Für überprüfte negative Chats zeigt die Detailansicht außerdem einen Konfidenz-Schweregrad-Block:

Automatischer Schweregrad-Bucket (MINOR, MODERATE, MAJOR, CRITICAL)
Die angewandte Konfidenzanpassung für diese Bewertung
Ein kurzer Grund, der die Klassifizierung erklärt
Eine manuelle Überschreibungsoption, damit Sie den Schweregrad korrigieren können, wenn die geschäftliche Auswirkung höher oder niedriger ist als das automatische Ergebnis

Vorschau mit URL-Simulation

Die Vorschau-Seite ermöglicht es Ihnen, Ihren Chatbot mit einer simulierten Seiten-URL zu testen:

Gehen Sie in der Seitenleiste zu Vorschau
Geben Sie eine URL in das URL-Feld ein (z. B. https://yoursite.com/products)
Das Widget verhält sich so, als befände es sich auf dieser Seite, sodass Sie seiten-spezifische Antworten testen können

Dies ist nützlich, um zu überprüfen, ob Ihr Chatbot kontextbezogen auf verschiedene Seiten Ihrer Website reagiert.

Onboarding-Assistent

Wenn Sie zum ersten Mal eine Firma 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 Ihre Website crawlen
Anpassen - Passen Sie Farben und Stil Ihrer Marke an
Einbetten - Fügen Sie den Chatbot in Ihre Website ein

Dashboard-Assistent

Der Dashboard-Assistent ist ein KI-gestützter Helfer, der über die schwebende Funkel-Schaltfläche unten rechts im Dashboard verfügbar ist. Er kann Ihnen helfen, Ihre Chatbots, FAQs, Einstellungen und mehr über natürlichsprachige Befehle zu verwalten.

Fehlerberichte

Wenn Sie beim Verwenden des Dashboards auf einen Fehler stoßen, können Sie ihn direkt über den Dashboard-Assistenten melden:

Klicken Sie die Funkel-Schaltfläche an, um den Assistenten zu öffnen
Beschreiben Sie das Problem, das Sie festgestellt haben
Der Assistent stellt klärende Fragen, um zu ermitteln, ob es sich um einen echten Fehler oder eine Nutzungsfrage handelt
Falls es ein bestätigter Fehler ist, kann der Assistent Sie bitten, einen Screenshot hochzuladen (über die Bild-Schaltfläche oder Einfügen aus der Zwischenablage); dann wird Ihr Bericht an unser Team weitergeleitet, das sich der Sache annimmt

Screenshot-Upload

Sie können Screenshots auf zwei Arten an Ihre Nachrichten anhängen:

Dateiauswahl: Klicken Sie die Bild-Schaltfläche (links vom Texteingabefeld), um eine Bilddatei auszuwählen
Zwischenablage einfügen: Machen Sie einen Screenshot und fügen Sie ihn mit Strg/Cmd+V in das Texteingabefeld ein

Unterstützte Formate: PNG, JPEG, WebP (max. 5 MB).

Mobiler Support

Das Dashboard ist vollständig responsive und funktioniert auf allen Geräten:

Desktop: Volle Seitenleistennavigation mit allen sichtbaren Funktionen
Tablet: Einklappbare Seitenleiste mit optimierten Layouts
Mobil: Einschiebbares Drawer-Menü, vertikal gestapelte Layouts für optimale Touch-Bedienung

Alle Text-Button-Kombinationen passen sich automatisch an kleinere Bildschirme an, indem sie vertikal gestapelt werden.