Anpassen des Erscheinungsbilds des Widgets

Sie können einige oder alle der folgenden Widget-Elemente anpassen, damit sie mit dem Erscheinungsbild der Website Ihres Unternehmens übereinstimmen.

Wenn Sie mit einer Legacy-Version von Chat arbeiten, lesen Sie den Beitrag (Legacy Chat) Anpassen des Erscheinungsbilds des Widgets.

Die folgenden Elemente können im Chat-Dashboard in der Registerkarte „Erscheinungsbild“ geändert werden. Klicken Sie auf die Links, um Details zum Ändern der einzelnen Elemente anzuzeigen:

Chatfenster – umfasst je nach Chat-Version auch den Text der Titelleiste oder die Konfiguration des mobilen Widgets.
Concierge – was Chat-Besucher sehen, bevor eine Verbindung zu einem Agenten hergestellt wird.
Chat-Badge – das Widget-Fenster vor Beginn eines Chats.

So passen Sie das Erscheinungsbild des Widgets an

Klicken Sie im Chat-Dashboard auf Einstellungen > Widget und dann auf die Registerkarte Erscheinungsbild.
Passen Sie die Optionen wie in den folgenden Abschnitten beschrieben an.
Im Vorschaubereich auf der rechten Seite sehen Sie, wie Ihre Änderungen aussehen werden.
Hinweis: Welche Änderungen im Vorschaufenster angezeigt werden, hängt davon ab, mit welcher Version von Chat Sie arbeiten. Die Vorschau in den einzelnen Bereichen der Registerkarte „Erscheinungsbild“ wird in den folgenden Abschnitten beschrieben.
Klicken Sie auf Änderungen speichern.

Anpassen des Chatfensters

Im Bereich „Chatfenster“ werden die Elemente des Rahmens um das Chatfenster herum konfiguriert. Welche Optionen hier angezeigt werden, hängt davon ab, mit welcher Version von Chat Sie arbeiten.

Chat + Support im Web Widget
Nur Chat im Web Widget
Chat-Widget

Chat + Support im Web Widget

Hier können Sie das Element Titel in Titelleiste des Chatfensters anpassen. Dieser Text erscheint oben im Chatfenster. Das folgende Beispiel zeigt die Titelleiste mit dem Text „Chatten Sie mit uns“:

Nur Chat im Web Widget

Hier können Sie die folgenden Elemente des Chatfensters anpassen:

Titel in Titelleiste: Dieser Text erscheint oben im Chatfenster. Das folgende Beispiel zeigt die Titelleiste mit dem Text „Chatten Sie mit uns“:
Designfarbe: Die Rahmenfarbe des Widgets. Geben Sie zum Auswählen der Farbe einen Hexadezimalcode ein oder klicken Sie auf das gewünschte Farbmuster.
Position des Widgets: Geben Sie an, ob das Widget rechts unten oder links unten auf der Seite erscheinen soll.

Chat-Widget

Hier können Sie die folgenden Elemente des Chatfensters anpassen:

Titel in Titelleiste: Dieser Text erscheint oben im Chatfenster.
Designfarbe: Die Rahmenfarbe des Widgets. Geben Sie zum Auswählen der Farbe einen Hexadezimalcode ein oder klicken Sie auf das gewünschte Farbmuster.
Position des Widgets: Das Widget kann auf der Webseite unten links oder unten rechts erscheinen.

Sie können auch das mobile Widget anpassen:

Overlayfenster: Das Chatfenster erscheint über der mobilen Website in derselben Registerkarte (empfohlen).
Chat-Popout: Das Chatfenster erscheint in einer neuen Registerkarte.

Anpassen des Concierge

Bevor Besucher mit einem Supportagenten verbunden werden, sehen sie Avatar, Name und Byline des Chat-Concierge.

Anzeigetitel und Byline: Dieser Text erscheint oben im Chatfenster. Im folgenden Beispiel lautet der Anzeigetitel „Live-Support“ und die Byline „Fragen Sie uns!“.
Avatar: Laden Sie ein eigenes Bild für den Avatar hoch, der für den Chat-Concierge verwendet werden soll.

Anpassen des Chat-Badge

Dieser Abschnitt erscheint, wenn Sie oben im Abschnitt „Chatfenster“ die Einstellung „Einfach“ auswählen. Mit „Chat-Badge“ ist das Widget-Fenster vor Beginn eines Chats gemeint.

Ein/Aus: Aktiviert bzw. deaktiviert den Chat-Badge.
Bild rechts, Bild links, Nur Text: Diese Optionen bestimmen das Layout des Chat-Badge. Wie Sie im Vorschaubereich sehen können, wird bei den Optionen „Bild rechts“ und „Bild links“ das Standardbild (Chat-Blase) verwendet.
Eigenes Bild: Wenn Sie ein eigenes Bild verwenden möchten, klicken Sie auf „Eigenes Bild“ und laden Sie im Feld „Bild“, das daraufhin eingeblendet wird, das gewünschte Bild hoch.
Hintergrundfarbe: Geben Sie den Hexadezimalcode der gewünschten Hintergrundfarbe ein oder klicken Sie im Farbbereich auf die gewünschte Farbe. Wenn Sie denselben Wert verwenden möchten wie für die Designfarbe im Bereich „Chatfenster“, markieren Sie das Kästchen Wie Designfarbe.
Nachricht: Dieser Text erscheint im Chat-Badge vor Beginn eines Chats. Das folgende Beispiel zeigt das Badge mit dem Text „Chatten Sie mit uns“:
Bild: Wenn Sie oben „Eigenes Bild“ ausgewählt haben, laden Sie hier das gewünschte Bild für den Chat-Badge hoch.