Anpassen des Aussehens deines Chat Widgets

In Unterhaltungen kannst du dein Chat Widget an die Farben deines Brandings und deinen Tonfall anpassen. Klicke auf das Dropdown-Menü des Kontos und wähle Settings > Inbox > Chat widget (Einstellungen > Postfach > Chat Widget). Du kannst den Stil und die Texte deines Chat Widgets anpassen.

Gut zu wissen

Wenn du ein:e Entwickler:in bist oder mit einem/einer Entwickler:in zusammenarbeitest, kannst du bei der Anpassung deines Chat Widgets noch weiter gehen, indem du deinen Besucher:innen eine Übersetzung für dein Chat Widget in einer Sprache anbietest, die nicht von Unterhaltungen unterstützt wird, oder indem du eine benutzerdefinierte Farbe, Position und Größe für dein Chat Widget verwendest. Weitere Informationen findest du in unserer Entwicklerdokumentation.

Auswahl der Sprachen für deinen Support

Wähle die verschiedenen Sprachen aus, in denen du dich mit deinen Besucher:innen unterhalten kannst. Die Sprachen deines Chat Widgets sind dieselben wie die Sprachen deines Supports. Du kannst sie verwalten, indem du auf das Dropdown-Menü deines Kontos klickst und Settings > Inbox > Preferences(Einstellungen > Posteingang > Präferenzen) auswählst. 

Du kannst so viele Sprachen auswählen, wie du brauchst. Standardnachrichten werden automatisch übersetzt. Denk daran, dass du, wenn du Standardtexte bearbeitest, auch alle anderen Standardtexte in den anderen Sprachen bearbeiten musst.

conversations_chat-widget-lang_EN-US.gif

💡 Gut zu wissen
Die Sprache des Chat Widgets wird anhand der Browsersprache des/der Besucher:in ausgewählt. Wenn die Browsersprache des/der Besucher:in von Unterhaltungen nicht unterstützt wird, ist die Standardsprache Englisch. 

Anpassen des Designs deines Chat Widgets

In Unterhaltungen kannst du die Farben, den Stil und die Position deines Chat Widgets auf deiner Webseite anpassen. So kannst du ein individuelles Chat Widget erstellen, das zu deiner Marke passt, und festlegen, wie dein Chat Widget deinen Besucher:innen angezeigt wird.

Um das Aussehen deines Chat Widgets anzupassen, klickst du auf das Dropdown-Menü deines Kontos und wählst Settings > Inbox > Chat widget(Einstellungen > Postfach > Chat Widget) und gehst in den Bereich Appearance (Aussehen).

Farbe des Chat Widgets

In Unterhaltungen kannst du die Farbe und den Stil deiner Schaltfläche für den Chat auswählen. Auf diese Weise kannst du ihn vollständig an das Design deiner Website und deiner Marke anpassen. 

Die Standardschaltfläche des Chat Widgets ist blau. Du kannst aber auch eine andere Farbe aus der Chat-Palette wählen, die viele vordefinierte Farben bietet. Du kannst auch eine Farbe aus dem Farbauswahlfeld auswählen oder deinen Farb-Hex-Code eingeben.

Färbe den Chat-Header mit der ausgewählten Farbe ein, wenn du möchtest, dass sich das Chat Widget beim Öffnen stärker vom Rest deiner Website abhebt. Überprüfe die Vorschau auf der rechten Seite deines Bildschirms, um zu sehen, wie dein Chat Widget mit der von dir gewählten Farbe aussieht. 

conversations_chat-widget-color_EN-US.gif

💡 Gut zu wissen
Wir empfehlen dir, eine Farbe auszuwählen, die einen starken Kontrast zur Hintergrundfarbe deiner Website hat, um die Standards für Barrierefreiheit zu erfüllen. Wenn der Hintergrund deiner Website beispielsweise schwarz ist, solltest du eine helle Farbe wie Gelb oder Weiß auswählen, damit die Besucher die Schaltfläche für das Chat Widget besser erkennen können. 

Design und Position des Chat Widgets

Du kannst auswählen, wie deine Chat Widget-Schaltfläche aussieht und wo sie auf deiner Webseite platziert wird.

In der Dropdown-Liste Chat button style (Stil der Chat-Schaltfläche) kannst du das Design deines Chat Widgets auswählen:

  • Rund mit ein oder zwei Bubbles, oder
  • als Registerkarte.

In der Dropdown-Liste Chat button position (Position der Chat-Schaltfläche) kannst du auswählen, wo deine Schaltfläche auf deiner Website platziert werden soll. 

💡 Gut zu wissen
  • Wir empfehlen, die Schaltfläche für das Chat Widget unten rechts zu lassen, um die Anzahl der Chats zu erhöhen. Dies ist die häufigste Position und deine Besucher:innen werden nicht nach ihr suchen müssen.
  • Auf mobilen Geräten befindet sich die Schaltfläche für das Chat Widget immer am unteren Rand des Bildschirms und du kannst ihre Position nicht ändern.

Überprüfe die Vorschau auf der rechten Seite deines Bildschirms, um zu sehen, wie und wo dein Chat Widget auf deinem Bildschirm erscheinen wird:

conversations_chat-widget-style-position_EN-US.gif

Anpassen deiner Begrüßungstexte

Mit Unterhaltungen kannst du die Begrüßungstexte deines Chat Widgets an den Tonfall deiner Marke anpassen.

Scrolle zum Bereich Chat widget texts(Chat Widget-Texte), um die Begrüßungstexte für deinen Live-Chat (Online) oder Messenger (Offline, unsichtbar) zu bearbeiten. Lösche die vorhandenen Begrüßungstexte in den Textfeldern und schreibe deine eigenen. 

❗️ Wichtig
Wenn du dich entscheidest, deine Begrüßungstexte für deinen Messenger-Modus anzupassen, empfehlen wir dir, deine Kund:innen deutlich darauf hinzuweisen, dass sie mit einem Bot sprechen, insbesondere wenn du ihre Daten mit dem Kontaktformular-Bot abfragst. 

Auf der rechten Seite deines Bildschirms wird eine Vorschau angezeigt, mit der du überprüfen kannst, wie das Chat Widget für deine Besucher:innen aussehen wird. Wechsle deinen Status von Online zu Offline, um die entsprechenden Vorschauen anzuzeigen. Um den Standard-Begrüßungstext wiederherzustellen, lösche alles aus dem Feld und klicke irgendwo außerhalb des Feldes.

conversations_chat-widget-texts_EN-US.gif

❗️ Wichtig
Wenn du verschiedene Support-Sprachen auswählst, denke daran, die Begrüßungstexte in allen Sprachen zu aktualisieren, indem du auf die Tabs oben in der Vorschau des online bearbeitbaren Chat Widgets klickst.

⏩ Nächste Schritte

🤔 Sie haben eine Frage?

Wenden Sie sich bei Fragen an unser Support-Team: Erstellen Sie einfach ein Ticket über Ihr Konto. Wenn Sie noch kein Konto haben, können Sie uns hier kontaktieren.

Wenn Sie Unterstützung bei einem Projekt mit Brevo suchen, können wir Sie mit der richtigen zertifizierten Brevo-Partneragentur verbinden.

💬 War dieser Beitrag hilfreich?

14 von 17 fanden dies hilfreich