In der Registerkarte „Erscheinungsbild“ auf der Seite „Web Widget“ können Sie verschiedene Einstellungen für das Erscheinungsbild des Web Widgets konfigurieren.
Dieser Beitrag enthält die folgenden Themen:
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
- Klicken Sie in der Seitenleiste des Admin Centers auf Kanäle und dann auf Messaging und Social Media > Messaging.
- Klicken Sie auf den Namen des Kanals, den Sie bearbeiten möchten. Die Seite zum Bearbeiten des Widgets wird geöffnet.
- Klicken Sie auf die Registerkarte Stil und konfigurieren Sie die folgenden Einstellungen:
- 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.
- Position – die Position von Widget und Launcher auf Ihrer Website oder im Help Center. Wählen Sie Unten links oder Unten rechts und geben Sie dann den Abstand vom unteren und seitlichen Rand der Seite an. Die Standardposition ist 16 px von der gewählten Option.
- Umrandung – der Umrandungsradius bzw. die Abrundung der Außenkanten des Widgets. Wählen Sie mit dem Schieberegler einen Radius zwischen geraden Ecken (0 px) und geschwungenen Ecken (20 px).
- Nachrichtenfarbe – die Farbe der Blase für Kundennachrichten. Geben Sie eine Hexadezimalzahl ein, oder klicken Sie auf das Farbfeld, um eine Farbauswahl anzuzeigen.
- 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.
- Kunden das Hochladen von Anhängen ermöglichen. Aktivieren Sie das Kontrollkästchen, damit Kunden Anhänge zu Messaging-Konversationen hinzufügen können. Deaktivieren Sie das Kontrollkästchen, um zu verhindern, dass Kunden Dateien anhängen. Standardmäßig sind Anhänge zulässig.
- Logo (optional) – ein JPG- oder PNG-Bild, das oben im Frame 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.
- Titel – der Name, der oben im Frame angezeigt wird. Dies kann ein Call-to-Action sein (z. B. „Kontaktieren Sie uns“) oder der Name Ihres Unternehmens.
- Beschreibung (optional) – ein kurzer 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.
- Zendesk-Logo anzeigen – blendet das Zendesk-Logo in einem Web-Widget- oder mobilen Kanal ein oder aus. Diese Option ist bei Suite Enterprise-Konten verfügbar.
- Benachrichtigungstöne für neue Nachrichten abspielen (nur Web Widget) – aktiviert Benachrichtigungstöne, wenn Kunden in einer inaktiven Web-Widget-Messaging-Konversation eine Antwort von einem Agenten oder Bot erhalten. Bei Aktivierung dieser Funktion können Kunden die Benachrichtigungstöne gegebenenfalls deaktivieren.
- 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.
Sie können auch die Web-Widget-API verwenden, um einen angepassten Web-Widget-Launcher zu erstellen und sein Verhalten zu definieren. Weitere Informationen finden Sie unter Web Widget API (Englisch).
So aktualisieren Sie den Launcher
- Klicken Sie in der Seitenleiste des Admin Centers auf Kanäle und dann auf Messaging und Social Media > Messaging.
- Klicken Sie auf den Namen des Kanals, den Sie bearbeiten möchten. Die Seite zum Bearbeiten des Widgets wird geöffnet.
- Klicken Sie auf die Registerkarte Stil.
- 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.
- Aktualisieren Sie die Form (nur Web Widget) – die Form der Launcher-Schaltfläche. Auswahlmöglichkeiten:
- Quadrat: Passen Sie mit dem Schieberegler die Abrundung der Außenkanten der quadratischen Launcher-Schaltfläche an.
- Kreis
-
Angepasster LauncherHinweis: Wenn Sie Angepasster Launcher wählen, wird der Launcher aus Ihrer Website oder Ihrem Help Center entfernt. Sie können den Launcher dann mithilfe der APIs für offene, geschlossene und ungelesene Nachrichten zu Ihren Web- oder Help-Center-Seiten hinzufügen. Weitere Informationen finden Sie unter Web Widget API (Englisch).
- Text (optional) – der Text, der neben der Launcher-Schaltfläche angezeigt wird.
- Auf Mobilgeräten anzeigen – wählen Sie diese Option, um den Text in einem Mobile SDK anzuzeigen.
- Klicken Sie auf Einstellungen speichern.