Widget-Anpassung

Passen Sie das Chat-Widget an Ihre Marke an und lassen Sie es genau so funktionieren, wie Sie es wünschen. Alle Anpassungen erfolgen in Ihrem Dashboard — Änderungen werden automatisch auf Ihrer Website übernommen, ohne dass Sie den Embed-Code anfassen müssen.

Sie finden die Einstellungen unter Dashboard → Chatbots → wählen Sie Ihren Chatbot aus:

• Der Widget-Tab steuert das Erscheinungsbild (Position, Farben, Größe, Texte)
• Der Verhalten-Tab steuert, wie das Widget mit Besuchern interagiert

Klicken Sie oben auf der Seite auf Änderungen speichern, um Ihre Bearbeitungen anzuwenden.

Widget-Tab: Erscheinungsbild

Position

Wählen Sie, wo das Widget auf Ihrer Website erscheint:

Farbthema

Wählen Sie zuerst den Modus des Chat-Fensters:

Wählen Sie danach eine von drei Farb-Voreinstellungen — sie gilt jeweils für den gewählten Modus:

Bei Auswahl von Benutzerdefiniert können Sie vier Basisfarben festlegen:

• Primär — Blase, Header-Verlauf, Buttons und Besucher-Nachrichten
• Sekundär — zweite Farbe des Header-Verlaufs
• Hintergrund — Hintergrund des Chat-Fensters
• Text — Farbe des Nachrichtentextes

Erweiterte Farbeinstellungen

Brauchen Sie mehr Kontrolle? Bei Auswahl der Benutzerdefiniert-Voreinstellung klappen Sie Erweiterte Farbeinstellungen auf, um die automatisch berechneten Farben zu überschreiben:

• Besucher-Nachrichten — Hintergrund- und Textfarbe der Besucher-Nachrichtenblasen
• Bot-Nachrichten — Hintergrund- und Textfarbe der Bot-Nachrichtenblasen
• Header-Textfarbe — Farbe des Titels und Untertitels im Widget-Header

Alles, was Sie unangetastet lassen, wird automatisch für guten Kontrast berechnet. Jede Überschreibung verfügt über eine Zurücksetzen auf automatisch-Schaltfläche, um zur berechneten Farbe zurückzukehren.

Größe & Stil

Auf kleinen Mobilbildschirmen schaltet das Widget automatisch auf ein Layout in voller Breite um, unabhängig von diesen Abmessungen.

Logo

Aktivieren Sie Firmenlogo im Widget-Header verwenden, um Ihr Firmenlogo im Chat-Header anzuzeigen. Das Logo selbst wird in Ihren Firmeneinstellungen hochgeladen — empfohlen: quadratisch, mindestens 200×200 px (JPG, PNG, GIF, WebP oder SVG, max. 5 MB).

Diese Option ist im Professional-Plan und höher sowie in allen Agency-Plänen verfügbar.

Header-Titel, Untertitel & Bubble-Text

Wenn Sie niemals einen Titel oder Untertitel festgelegt haben, verwendet das Widget den festen Standardtext oben ("Chat with us" / "We typically reply within minutes") für alle Besucher, unabhängig von deren Sprache. Sobald Sie einen eigenen Titel oder Untertitel festlegen, wird genau dieser Text ebenfalls allen Besuchern angezeigt — nichts wird automatisch anhand der Browsersprache des Besuchers übersetzt. Um Besuchern in einer anderen Sprache einen anderen Text zu zeigen, fügen Sie für diese Sprache eine Übersetzung in der Karte „Widget-Übersetzungen" weiter unten hinzu.

Der Bubble-Text erscheint als kleines Label neben der geschlossenen Chat-Blase (z. B. „Sie haben Fragen?"). Lassen Sie es leer, um nur die runde Blase anzuzeigen.

Widget-Übersetzungen

Wenn Ihr Chatbot mehrere Sprachen unterstützt, erscheint unter den Erscheinungsbildeinstellungen eine Widget-Übersetzungen-Karte. Dort können Sie die Willkommensnachricht, die Fallback-Nachricht, den Header-Titel, den Header-Untertitel und den Bubble-Text für jede aktivierte Sprache übersetzen — geben Sie Übersetzungen manuell ein, oder nutzen Sie die integrierte KI-Übersetzungsfunktion (Übersetzen pro Feld oder Alle übersetzen für alle Felder auf einmal).

Live-Vorschau

Die rechte Spalte des Widget-Tabs zeigt eine Live-Vorschau Ihres Widgets, die sich aktualisiert, während Sie Einstellungen ändern. Sie ist interaktiv: Schließen Sie das Chat-Fenster mit dem X, um die geschlossene Blase zu sehen (inklusive Ihres Bubble-Texts), und klicken Sie auf die Blase, um es wieder zu öffnen.

Verhalten-Tab: Interaktion

Verhaltenseinstellungen

Maximale Nachrichtenlänge

Begrenzen Sie, wie viele Zeichen Besucher pro Nachricht eingeben können (100–10.000 Zeichen, Standard 2.000). Dies hilft, übermäßige Nutzung durch sehr lange Eingaben zu verhindern. Löschen Sie das Feld oder klicken Sie auf Limit entfernen, um Nachrichten jeder Länge zuzulassen.

Pre-Chat-Formular

Wenn das Pre-Chat-Formular aktiviert ist, füllen Besucher ein kurzes Formular aus, bevor das Gespräch beginnt. Sie konfigurieren die Felder selbst:

• Feldtypen: Text, E-Mail, Telefon, Textbereich
• Jedes Feld hat eine Bezeichnung, einen optionalen Platzhalter und einen Pflichtfeld-Schalter
• Reihenfolge der Felder mit den Hoch-/Runter-Buttons ändern oder Felder entfernen

Wenn Ihr Chatbot mehrere Sprachen unterstützt, erscheint unter dem Feld-Editor ein Übersetzungsbereich. Geben Sie Übersetzungen für jede Sprache manuell ein oder klicken Sie auf Mit KI übersetzen, um alle Bezeichnungen und Platzhalter automatisch zu übersetzen.

Live-Chat

Der Verhalten-Tab enthält außerdem die Live-Chat-Einstellungen-Karte. Aktivieren Sie Live-Chat, damit Besucher mit Ihren menschlichen Agenten sprechen können, und wählen Sie einen Modus:

Live-Chat ist im Professional-Plan und höher sowie in allen Agency-Plänen verfügbar. Siehe Live Chat, um eingehende Gespräche zu verwalten.

Branding

In Plänen, die White-Label beinhalten, erscheint am unteren Ende des Verhalten-Tabs eine Branding-Karte. Das ChatReact-Branding ist in diesen Plänen standardmäßig verborgen — aktivieren Sie „Powered by ChatReact" anzeigen, wenn Sie es trotzdem in der Widget-Footer anzeigen möchten.

Lernphase

Während sich ein neuer Chatbot in seiner Lernphase befindet, können Sie steuern, wie vorsichtig er antwortet — Vorsichtig, Ausgewogen (empfohlen) oder Selbstbewusst — im Confidence-Tab derselben Einstellungsseite. Dieser Tab erscheint in Plänen, die den Improvement Agent enthalten. Siehe den Improvement Agent-Leitfaden für Details.

Nächste Schritte

• Widget Embedding →
• Chatbot Wizard →