Ü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.Zugriff auf die Widget-Einstellungen
- Navigieren Sie zu Ihrem Agenten im Dashboard
- Klicken Sie auf Bereitstellen in der Seitenleiste
- Wählen Sie Chat-Widget aus, um auf die Konfigurationsoptionen zuzugreifen
- 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 | Beschreibung |
|---|---|
| Rechts | Bubble erscheint in der unteren rechten Ecke (Standard) |
| Links | Bubble erscheint in der unteren linken Ecke |
Position auswählen
Berücksichtigen Sie diese Faktoren bei der Auswahl der Bubble-Position:Website-Layout
Website-Layout
Wenn Ihre Website wichtige Inhalte oder Navigation auf einer Seite hat, platzieren Sie die Bubble auf der gegenüberliegenden Seite, um Verdeckungen zu vermeiden.
Vorhandene Chat-Tools
Vorhandene Chat-Tools
Wenn Sie andere Chat-Tools oder Support-Widgets haben, positionieren Sie Ihre Bubble abseits davon, um Verwechslungen zu vermeiden.
Call-to-Action-Schaltflächen
Call-to-Action-Schaltflächen
Vermeiden Sie es, die Bubble in der Nähe anderer schwebender Elemente wie Scroll-nach-oben-Schaltflächen oder Werbebanner zu platzieren.
Mobile Überlegungen
Mobile Überlegungen
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.
- Navigieren Sie zum Styling-Tab in den Chat-Widget-Einstellungen
- Scrollen Sie zum Abschnitt Chat-Bubble
- Wählen Sie entweder die Position Links oder Rechts
- Überprüfen Sie die Änderung im Live-Vorschau-Panel
- 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
- Navigieren Sie zum Styling-Tab
- Suchen Sie den Abschnitt Chat-Bubble
- Aktivieren Sie Chat-Symbol, um den Upload eines benutzerdefinierten Symbols zu ermöglichen
- Klicken Sie auf Hochladen, um ein Bild von Ihrem Gerät auszuwählen
Symbol-Anforderungen
| Anforderung | Spezifikation |
|---|---|
| Formate | PNG, JPG, SVG |
| Empfohlene Größe | 48x48 Pixel oder größer |
| Seitenverhältnis | Quadratisch (1:1) empfohlen |
| Dateigröße | Unter 100KB für schnelles Laden |
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
- Navigieren Sie zum Inhalt-Tab in den Chat-Widget-Einstellungen
- Suchen Sie das Feld Header-Titel
- Geben Sie Ihren gewünschten Titel ein (z.B. “Chat mit dem Support”, “Fragen Sie unseren Assistenten”)
- Speichern Sie Ihre Änderungen
Beispiele für Header-Titel
| Anwendungsfall | Beispieltitel |
|---|---|
| Kundensupport | ”Support-Chat” |
| Vertriebsassistent | ”Mit dem Vertrieb sprechen” |
| Allgemeine Hilfe | ”Wie können wir helfen?” |
| Markenorientiert | ”Chat mit [Markenname]“ |
| Produktspezifisch | ”[Produkt]-Assistent” |
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
- Navigieren Sie zum Inhalt-Tab
- Suchen Sie das Feld Begrüßungsnachricht
- Geben Sie Ihre Nachricht im Textbereich ein
- Überprüfen Sie in der Live-Vorschau, wie sie erscheint
- 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: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
- Navigieren Sie zum Inhalt-Tab
- Suchen Sie den Abschnitt Vorgeschlagene Nachrichten
- Klicken Sie auf Hinzufügen, um eine neue vorgeschlagene Nachricht zu erstellen
- Geben Sie den Nachrichtentext ein
- Wiederholen Sie den Vorgang für weitere Nachrichten
- Ziehen Sie zum Neuordnen, falls nötig
- Speichern Sie Ihre Änderungen
Vorgeschlagene Nachrichten verwalten
| Aktion | Vorgehensweise |
|---|---|
| Hinzufügen | Klicken Sie auf die Schaltfläche Hinzufügen und geben Sie Ihre Nachricht ein |
| Bearbeiten | Klicken Sie auf eine vorhandene Nachricht, um den Text zu ändern |
| Entfernen | Klicken Sie auf die X-Schaltfläche neben einer Nachricht, um sie zu löschen |
| Neuordnen | Ziehen Sie Nachrichten per Drag-and-Drop, um die Anzeigereihenfolge zu ändern |
Best Practices für vorgeschlagene Nachrichten
Anzahl begrenzen
Verwenden Sie 2-4 vorgeschlagene Nachrichten. Zu viele Optionen können Besucher überfordern und den gegenteiligen Effekt erzielen.
Häufige Themen abdecken
Wählen Sie Nachrichten, die Ihre am häufigsten gestellten Fragen oder typischen Besucherbedürfnisse ansprechen.
Kurz halten
Vorgeschlagene Nachrichten sollten kurz und übersichtlich sein - idealerweise unter 50 Zeichen.
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”
- “Welche Funktionen sind enthalten?”
- “Wie funktioniert die Preisgestaltung?”
- “Demo ansehen”
- “Hilfe zu meinem Konto”
- “Passwort zurücksetzen”
- “Fragen zur Abrechnung”
- “Technischer Support”
- “Funktionswunsch”
Konfigurationsreferenz
Standardwerte
| Einstellung | Standardwert |
|---|---|
| Chat-Bubble-Position | Rechts |
| Benutzerdefiniertes Symbol | Deaktiviert |
| Header-Titel | Nicht gesetzt (verwendet Standard) |
| Begrüßungsnachricht | Nicht gesetzt (verwendet Standard) |
| Vorgeschlagene Nachrichten | Leer |
Zeichenlimits
| Feld | Empfohlenes Limit |
|---|---|
| Header-Titel | 30 Zeichen |
| Begrüßungsnachricht | 200 Zeichen |
| Vorgeschlagene Nachricht | 50 Zeichen pro Nachricht |
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:- Nehmen Sie Ihre Änderungen im Konfigurationspanel vor
- Beobachten Sie die Live-Vorschau auf der rechten Seite des Bildschirms
- Testen Sie sowohl in der Desktop- als auch in der Mobilansicht, falls verfügbar
- Klicken Sie auf Änderungen speichern, wenn Sie zufrieden sind
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.