Installieren des Web Widgets in einer Website oder einem Help Center

Hinweis: Dieser Beitrag bezieht sich auf Konten, die das Messaging Web Widget verwenden. Wenn Sie das Web Widget (Classic) verwenden, lesen Sie den Beitrag Konfigurieren der Komponenten im Web Widget (Classic).

In der Registerkarte „Erscheinungsbild“ auf der Seite „Web Widget bearbeiten“ können Sie verschiedene Einstellungen für die Darstellung des Web Widgets konfigurieren.

Dieser Beitrag enthält die folgenden Themen:

• Konfigurieren des Widget-Rahmens
• Konfigurieren des Widget-Launchers

Konfigurieren des Widget-Rahmens

Der Rahmen des Web Widgets enthält die Strukturelemente des Fensters, in dem Kunden Messaging-Konversationen mit Agenten führen. Sie können die Position des Rahmens im Fenster festlegen, Farben für Text- und Rahmenelemente auswählen, ein Logo hochladen und viele weitere Einstellungen vornehmen.

So aktualisieren Sie den Widget-Rahmen

1. Klicken Sie in der Seitenleiste des Admin Centers auf Kanäle und dann auf Messaging und Social Media > Messaging.
2. Klicken Sie auf den Namen des Kanals, den Sie bearbeiten möchten. Die Seite zum Bearbeiten des Widgets wird geöffnet.
3. Klicken Sie auf die Registerkarte Stil.
4. Aktualisieren Sie die Primärfarbe – die Grundfarbe der Launcher-Schaltfläche und des Widget-Kopfbereichs. Geben Sie eine Hexadezimalzahl ein, oder klicken Sie auf das Farbfeld, um eine Farbauswahl anzuzeigen. Wenn Sie vom Web Widget (Classic) migrieren, wird standardmäßig die Farbe aus den Widget-Einstellungen der jeweiligen Marke verwendet.
5. Aktualisieren Sie die Nachrichtenfarbe – die Farbe der Blase für Kundennachrichten. Geben Sie eine Hexadezimalzahl ein, oder klicken Sie auf das Farbfeld, um eine Farbauswahl anzuzeigen.
6. Aktualisieren Sie die Aktionsfarbe – die Farbe der normalen Schaltflächen oder Kundenaktionen (z. B einer ausgewählten Option). Geben Sie eine Hexadezimalzahl ein, oder klicken Sie auf das Farbfeld, um eine Farbauswahl anzuzeigen.
7. Aktualisieren Sie das Logo (optional) – ein JPG- oder PNG-Bild, das oben im Rahmen angezeigt wird. Das Logo ist die visuelle Identität des Konversationsflusses. Klicken Sie auf Bild hochladen und wählen Sie das Bild aus, das Sie hinzufügen möchten.
8. Aktualisieren Sie den Titel – den Text, der oben im Rahmen angezeigt wird. In der Regel ist das eine Handlungsaufforderung („Kontaktieren Sie uns“) oder der Name Ihres Unternehmens.
9. Aktualisieren Sie die Beschreibung (optional) – einen kurzen Text, der unter dem Titel erscheint. Er kann beispielsweise wichtige Informationen für den Kunden oder eine Tagline enthalten. Geben Sie die Beschreibung in das Textfeld ein.
10. Klicken Sie auf Einstellungen speichern.

Konfigurieren des Widget-Launchers

Der Web Widget-Launcher ist die Schaltfläche, auf die der Kunde klickt, um das Widget zu öffnen. Sie können seine Position auf der Web- oder Help-Center-Seite, seine Form, seinen Text und viele weitere Einstellungen festlegen.

So aktualisieren Sie den Launcher

1. Klicken Sie in der Seitenleiste des Admin Centers auf Kanäle und dann auf Messaging und Social Media > Messaging.
2. Klicken Sie auf den Namen des Kanals, den Sie bearbeiten möchten. Die Seite zum Bearbeiten des Widgets wird geöffnet.
3. Klicken Sie auf die Registerkarte Stil.
4. Aktualisieren Sie die Position im Browserfenster – die Stelle, an der die Launcher-Schaltfläche im Browserfenster angezeigt wird. Klicken Sie auf eine der Optionsschaltfläche Unten rechts oder Unten links.
5. Form (nur Web Widget) – die Form der Launcher-Schaltfläche. Wählen Sie Quadrat oder Kreis.
6. Text (optional) – der Text, der neben der Launcher-Schaltfläche angezeigt wird.
7. Auf Mobilgeräten anzeigen – wählen Sie diese Option, um den Text in einem Mobile SDK anzuzeigen.
8. Klicken Sie auf Einstellungen speichern.