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:

Aktivitäts-Panels

Das Dashboard zeigt vier Hauptbereiche:

1. Letzte Chats - Aktuelle Kundengespräche mit Status-Badges
2. Neue Leads - Aktuelle Leads mit Kontaktinformationen (wenn Lead-Management aktiviert)
3. Ausstehende FAQ-Vorschläge - KI-generierte FAQs zur Genehmigung
4. Aktivitäts-Feed - Kombinierte Timeline aller aktuellen Aktivitäten

Navigationsstruktur

Die Dashboard-Seitenleiste bietet Zugang zu allen wichtigen Funktionen:

Hauptbereiche

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

Chat-Überprüfung

Gespräche überprüfen

Der Chats-Bereich ermöglicht es Ihnen, Gespräche zu überprüfen und Feedback zur Verbesserung Ihres Chatbots zu geben:

1. Öffnen Sie einen Chat aus der Liste
2. Bewerten Sie das Gespräch mit den Buttons:
   • Gut (Daumen hoch) — Markiert den Chat als positives Beispiel
   • Verbesserungsbedarf (Daumen runter) — Öffnet den Improvement Agent zur Optimierung
   • Überprüft (Häkchen) — Markiert den Chat als überprüft, ohne ihn als gut oder schlecht zu bewerten. Beeinflusst weder den Confidence Score noch löst es E-Mails oder Verbesserungssitzungen aus.

Wenn sich herausstellt, dass ein Chat doch noch bearbeitet werden muss, nachdem er als Gut oder Überprüft markiert wurde, öffnen Sie die Chat-Detailseite und wählen Sie Als Verbesserungsbedarf markieren. Der Chat wird wieder als Verbesserungsbedarf gewertet, der Confidence-Score 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 gestartet wurde (klickbarer Link mit Globus-Symbol)
• Besucherinformationen (falls über Pre-Chat-Formulare verfügbar)

Vorschau mit URL-Simulation

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

1. Gehen Sie zu Vorschau in der Seitenleiste
2. Geben Sie eine URL in das URL-Feld ein (z.B. https://ihreseite.de/produkte)
3. Das Widget verhält sich so, als ob es auf dieser Seite wäre, sodass Sie seitenspezifische 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 erstmals ein Unternehmen erstellen oder noch keine Chatbots haben, zeigt das Dashboard einen Onboarding-Assistenten, der Sie durch folgende Schritte führt:

1. Chatbot erstellen - Richten Sie Ihren ersten KI-Assistenten ein
2. Wissen hinzufügen - Dokumente hochladen oder Website crawlen
3. Design anpassen - Markenfarben und Stil anpassen
4. 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:

1. Klicken Sie auf den Sparkle-Button, um den Assistenten zu öffnen
2. Beschreiben Sie das Problem, das aufgetreten ist
3. Der Assistent stellt klärende Fragen, um festzustellen, ob es sich um einen echten Bug oder eine Bedienungsfrage handelt
4. 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.

Nächste Schritte

• Chatbot-Assistent →
• Wissensbasis →
• Lead-Verwaltung →
• Team-Verwaltung →