Wie kann ich mein Chat-Widget-Layout anpassen?
Aktualisiert am 30. Dez. 2025
Wie passe ich das Layout des SuperOffice-Chat-Widgets an den Markenstil meines Unternehmens an?
Um Ihr Chat-Widget an das Layout Ihrer Unternehmensmarke anzupassen, folgen Sie bitte den untenstehenden Schritten:
1. Melden Sie sich bei Einstellungen und Verwaltung an.
2. Wählen Sie „Chat“ (1) auf der linken Seite des Menüs, wählen Sie den Chat-Kanal (2), den Sie anpassen möchten, und klicken Sie neben diesem Kanal auf „Bearbeiten“ (3).

3. Wählen Sie das Layout des Chat-Widgets aus, wo Sie das Chat-Widget an Ihre Bedürfnisse anpassen können. Sie können verschiedene Parameter anpassen, die im Folgenden einzeln erläutert werden:

-
Thema: Wählen Sie aus zwei vordefinierten Themen für das Chat-Fenster – Klassisch oder Modern.
-
Themenfarbe: Wählen Sie die Grund-/Hintergrundfarbe für das Chatfenster aus. Wählen Sie sie aus dem Farbfeld aus (klicken Sie auf das Farbfeld) oder geben Sie einen RGB-Code ein. Unter „Themenfarbe“ können Sie außerdem Folgendes auswählen:
-
Textfarbe
-
Schriftart (gilt für Nachrichten und Schaltflächen)
-
Schriftgröße
-
-
Nachrichtenfarben: Wählen Sie verschiedene Farben für die Chat-Nachrichten:
-
Hintergrundfarbe für Agenten
-
Textfarbe für Agenten
-
Hintergrundfarbe für Kunden
-
Textfarbe für Kunden
-
-
Farbe der Schaltfläche: Legen Sie das Aussehen der Chat-Schaltflächen fest, indem Sie Folgendes auswählen:
-
Hintergrundfarbe
-
Textfarbe
-
-
Widget-Größe: Wählen Sie zwischen zwei Optionen – Normal oder Groß.
Hinweis! Die Farb- und Schriftarteneinstellungen überschreiben die im ausgewählten Design definierten Farben und Schriftarten. -
Logo anzeigen (1): Wählen Sie diese Option, um ein Bild in der Kopfzeile des Chat-Fensters anzuzeigen. Um ein Bild hinzuzufügen, klicken Sie „Datei hochladen (oder hierhin ziehen und ablegen)".
- Foto des Mitarbeiters anzeigen: Wählen Sie diese Option, um den Foto des Mitarbeiter im Chat-Fenster anzuzeigen. Sobald ein Mitarbeiter auf den neuen Chat geantwortet hat, werden die Kopfzeile-Logo und Kopfzeile-Text von dem Mitarbeiter Foto und Namen ersetzt.
- Nur den Vornamen des Agenten verwenden: Aktivieren Sie diese Option, wenn Sie möchten, dass im Chat nur der Vorname des Agenten anstelle seines vollständigen Namens angezeigt wird – dies ist nützlich, um einen persönlicheren und freundlicheren Ton zu schaffen.
Hinweis! Der Agent muss ein persönliches Bild in seiner Kontaktkarte haben, damit es im Chat angezeigt wird.
- Kopfzeile (2): Geben Sie einen kurzen (nicht mehr als 45 Zeichen lang) Begrüßungstext ein, der in der Kopfzeile des Chat-Fensters angezeigt wird.
- Nachricht (3): Geben Sie eine kurze Nachricht ein (nicht mehr als 45 Zeichen lang), die unter der Kopfzeile angezeigt wird.

-
Benutzerdefinierte Warteschlangenmeldung verwenden. eben Sie mit dieser Option eine benutzerdefinierte Nachricht für die Warteschlange ein. Sie können mit den folgenden Variablen Wartezeit und Position in der Warteschlange angeben:
{cque} = Nummer zur Angabe der Position in der Warteschlange (1)
{cavw} = Durchschnittliche Wartezeit im Format hh:mm (2)

More information
FAQ: Wie kann man SuperOffice Chat widget auf Ihre Webseite hinzufügen?
In diesem Artikel
Fanden sie diese information hilfreich?