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