Skip to main content

​
Überblick

Die Widget-Konfigurationseinstellungen steuern, was Ihr Chat-Widget anzeigt und wie es sich verhält, wenn Besucher damit interagieren. Dazu gehören die Begrüßungsnachricht, der Header-Titel, vorgeschlagene Fragen und die Position sowie das Symbol der Chat-Bubble.
Die Widget-Konfiguration funktioniert zusammen mit den Styling-Einstellungen. Verwenden Sie Styling, um das Erscheinungsbild (Farben, Themes) zu steuern, und die Widget-Konfiguration, um Inhalte und Verhalten zu steuern.

​
Zugriff auf die Widget-Einstellungen

  1. Navigieren Sie zu Ihrem Agenten im Dashboard
  2. Klicken Sie auf Bereitstellen in der Seitenleiste
  3. Wählen Sie Chat-Widget aus, um auf die Konfigurationsoptionen zuzugreifen
Die Widget-Einstellungen sind in zwei Hauptbereiche unterteilt:
  • Styling-Tab - Visuelles Erscheinungsbild (behandelt in der Styling-Dokumentation)
  • Inhalt-Tab - Nachrichten, Eingabeaufforderungen und Textinhalte (hier behandelt)

​
Chat-Bubble-Position

Die Chat-Bubble ist die schwebende Schaltfläche, auf die Besucher klicken, um Ihr Chat-Widget zu öffnen. Sie können sie auf beiden Seiten des Bildschirms positionieren.

​
Positionsoptionen

​
Position auswählen

Berücksichtigen Sie diese Faktoren bei der Auswahl der Bubble-Position:
Wenn Ihre Website wichtige Inhalte oder Navigation auf einer Seite hat, platzieren Sie die Bubble auf der gegenüberliegenden Seite, um Verdeckungen zu vermeiden.
Wenn Sie andere Chat-Tools oder Support-Widgets haben, positionieren Sie Ihre Bubble abseits davon, um Verwechslungen zu vermeiden.
Vermeiden Sie es, die Bubble in der Nähe anderer schwebender Elemente wie Scroll-nach-oben-Schaltflächen oder Werbebanner zu platzieren.
Testen Sie beide Positionen auf mobilen Geräten. Die untere rechte Ecke ist üblich, aber die linke Positionierung kann bei einigen mobilen Layouts besser funktionieren.
Um die Position zu ändern:
  1. Navigieren Sie zum Styling-Tab in den Chat-Widget-Einstellungen
  2. Scrollen Sie zum Abschnitt Chat-Bubble
  3. Wählen Sie entweder die Position Links oder Rechts
  4. Überprüfen Sie die Änderung im Live-Vorschau-Panel
  5. Klicken Sie auf Änderungen speichern

​
Benutzerdefiniertes Chat-Symbol

Ersetzen Sie das Standard-Chat-Bubble-Symbol durch Ihr eigenes benutzerdefiniertes Bild, passend zu Ihrer Marke.

​
Benutzerdefiniertes Symbol aktivieren

  1. Navigieren Sie zum Styling-Tab
  2. Suchen Sie den Abschnitt Chat-Bubble
  3. Aktivieren Sie Chat-Symbol, um den Upload eines benutzerdefinierten Symbols zu ermöglichen
  4. Klicken Sie auf Hochladen, um ein Bild von Ihrem Gerät auszuwählen

​
Symbol-Anforderungen

Wenn Sie den Schalter für das benutzerdefinierte Symbol deaktivieren, kehrt das Widget zum Standard-Chat-Symbol zurück. Ihr hochgeladenes Bild wird beibehalten und erscheint wieder, wenn Sie den Schalter erneut aktivieren.

​
Best Practices für Symbole

  • Verwenden Sie ein einfaches, erkennbares Symbol, das auch in kleinen Größen funktioniert
  • Stellen Sie sicher, dass das Symbol einen guten Kontrast zur Bubble-Hintergrundfarbe hat
  • Testen Sie Ihr Symbol sowohl auf hellen als auch auf dunklen Website-Hintergründen
  • Erwägen Sie die Verwendung Ihres Logos oder eines benutzerdefinierten Chat-bezogenen Symbols

​
Header-Titel

Der Header-Titel erscheint oben im Chat-Widget, wenn es geöffnet ist. Er hilft Besuchern zu verstehen, mit wem oder was sie chatten.

​
Header-Titel festlegen

  1. Navigieren Sie zum Inhalt-Tab in den Chat-Widget-Einstellungen
  2. Suchen Sie das Feld Header-Titel
  3. Geben Sie Ihren gewünschten Titel ein (z.B. “Chat mit dem Support”, “Fragen Sie unseren Assistenten”)
  4. Speichern Sie Ihre Änderungen

​
Beispiele für Header-Titel

Wenn kein Header-Titel festgelegt ist, zeigt das Widget einen Standardtitel an. Das Festlegen eines benutzerdefinierten Titels schafft ein persönlicheres Erlebnis für Besucher.

​
Begrüßungsnachricht

Die Begrüßungsnachricht ist das Erste, was Besucher sehen, wenn sie das Chat-Widget öffnen. Sie setzt den Ton für das Gespräch und hilft Besuchern zu verstehen, wie sie beginnen können.

​
Begrüßungsnachricht konfigurieren

  1. Navigieren Sie zum Inhalt-Tab
  2. Suchen Sie das Feld Begrüßungsnachricht
  3. Geben Sie Ihre Nachricht im Textbereich ein
  4. Überprüfen Sie in der Live-Vorschau, wie sie erscheint
  5. Speichern Sie Ihre Änderungen

​
Effektive Begrüßungsnachrichten verfassen

Freundlich sein

Verwenden Sie einen warmen, zugänglichen Ton, der Besucher dazu einlädt, Fragen zu stellen.

Klar sein

Lassen Sie Besucher wissen, welche Art von Hilfe sie erwarten können und bei welchen Themen der Agent unterstützen kann.

Kurz sein

Halten Sie die Nachricht prägnant. Lange Begrüßungsnachrichten können überwältigend sein und werden möglicherweise übersprungen.

Handlungsorientiert sein

Ermutigen Sie Besucher, ihre erste Frage zu stellen, oder leiten Sie sie zu häufigen Themen weiter.

​
Beispiele für Begrüßungsnachrichten

Kundensupport:
Vertriebsassistent:
Dokumentations-Helfer:

​
Vorgeschlagene Nachrichten

Vorgeschlagene Nachrichten (auch Schnellantworten oder Starter-Eingabeaufforderungen genannt) erscheinen als anklickbare Schaltflächen, mit denen Besucher schnell ein Gespräch beginnen können. Sie reduzieren Hürden und helfen Besuchern, die möglicherweise nicht wissen, was sie fragen sollen.

​
Vorgeschlagene Nachrichten hinzufügen

  1. Navigieren Sie zum Inhalt-Tab
  2. Suchen Sie den Abschnitt Vorgeschlagene Nachrichten
  3. Klicken Sie auf Hinzufügen, um eine neue vorgeschlagene Nachricht zu erstellen
  4. Geben Sie den Nachrichtentext ein
  5. Wiederholen Sie den Vorgang für weitere Nachrichten
  6. Ziehen Sie zum Neuordnen, falls nötig
  7. Speichern Sie Ihre Änderungen

​
Vorgeschlagene Nachrichten verwalten

​
Best Practices für vorgeschlagene Nachrichten

1

Anzahl begrenzen

Verwenden Sie 2-4 vorgeschlagene Nachrichten. Zu viele Optionen können Besucher überfordern und den gegenteiligen Effekt erzielen.
2

Häufige Themen abdecken

Wählen Sie Nachrichten, die Ihre am häufigsten gestellten Fragen oder typischen Besucherbedürfnisse ansprechen.
3

Kurz halten

Vorgeschlagene Nachrichten sollten kurz und übersichtlich sein - idealerweise unter 50 Zeichen.
4

Handlungsorientiert formulieren

Formulieren Sie Nachrichten als Fragen oder Anfragen, auf die der Agent direkt antworten kann.

​
Beispiele für vorgeschlagene Nachrichten

E-Commerce:
  • “Welche Versandoptionen gibt es?”
  • “Wie kann ich einen Artikel zurücksenden?”
  • “Meine Bestellung verfolgen”
  • “Mit einem Mitarbeiter sprechen”
SaaS-Produkt:
  • “Welche Funktionen sind enthalten?”
  • “Wie funktioniert die Preisgestaltung?”
  • “Demo ansehen”
  • “Hilfe zu meinem Konto”
Support-Portal:
  • “Passwort zurücksetzen”
  • “Fragen zur Abrechnung”
  • “Technischer Support”
  • “Funktionswunsch”

​
Konfigurationsreferenz

​
Standardwerte

​
Zeichenlimits

Dies sind empfohlene Limits für eine optimale Darstellung. Längerer Text kann abgeschnitten werden oder Layout-Probleme auf kleineren Bildschirmen verursachen.

​
Vorschau und Testen

Überprüfen Sie immer Ihre Widget-Konfigurationsänderungen vor dem Speichern in der Vorschau:
  1. Nehmen Sie Ihre Änderungen im Konfigurationspanel vor
  2. Beobachten Sie die Live-Vorschau auf der rechten Seite des Bildschirms
  3. Testen Sie sowohl in der Desktop- als auch in der Mobilansicht, falls verfügbar
  4. Klicken Sie auf Änderungen speichern, wenn Sie zufrieden sind
Verwenden Sie den Playground, um zu testen, wie Ihr Agent auf die vorgeschlagenen Nachrichten reagiert, und überprüfen Sie, ob der Gesprächsablauf gut mit Ihrer konfigurierten Begrüßungsnachricht funktioniert.

​
Nächste Schritte

Styling & Erscheinungsbild

Passen Sie Farben, Themes und das visuelle Erscheinungsbild Ihres Widgets an.

Lokalisierung

Konfigurieren Sie Spracheinstellungen für internationale Besucher.

Widget bereitstellen

Holen Sie sich den Einbettungscode und fügen Sie Ihr konfiguriertes Widget zu Ihrer Website hinzu.

Konversationen

Überwachen Sie Chat-Konversationen und Besucherinteraktionen.