Leitfaden zur Anpassung des Mobile SDK-Chats

Das mobile SDK bietet umfangreiche Anpassungsmöglichkeiten, mit denen Sie Markenanforderungen berücksichtigen und eine einzigartige und personalisierte Nutzererfahrung schaffen können. In diesem Dokument finden Sie eine umfassende Übersicht über die verfügbaren Optionen im mobilen SDK zur Optimierung von Chatinteraktionen mit Kunden.

Sie können so viele oder so wenige Anpassungen vornehmen, wie Sie für Ihre geschäftlichen Anforderungen benötigen. Hier sehen Sie einen Direktvergleich zwischen einem Standard-Chat und einem stark angepassten Chat.

Ein direkter Vergleich von benutzerdefinierten Chatdarstellungen wird angezeigt.

  • Sichtbarkeit

  • Avatar-Symbol

  • Text

  • Schriftart (Größe, Stil und Farbe)

  • Farbe der Trennlinie

  • Breite der Trennlinie

Ein Beispiel für die anpassbaren Abschnitte der Kopfzeile wird angezeigt.

Inline-Schaltfläche

  • Stil

  • Ausrichtung

  • Hintergrundfarbe

  • Schriftfarbe

  • Eckenradius

  • Schriftart (Größe, Stil und Farbe)

  • Rahmenlinienfarbe

  • Rahmenlinienbreite

Es wird ein Beispiel für die anpassbaren Aspekte der Schaltfläche angezeigt.

Button „Zurück“

  • Sichtbarkeit – nur für Text. Die Sichtbarkeit des Zurück-Pfeils kann nicht angepasst werden.

  • Symbol

  • Schriftfarbe

Ein Beispiel für die Schaltfläche „Zurück“ wird angezeigt.

Schaltfläche zum Auflegen

  • Sichtbarkeit

  • Schriftart (Größe, Stil und Farbe)

Ein Beispiel für den Button zum Beenden des Chats wird angezeigt.

Zeitstempel

  • Schriftart (Größe, Stil und Farbe)

Ein Beispiel für den Zeitstempel.

Systemnachrichten und Schaltflächen

  • Hintergrundfarbe

  • Eckenradius

  • Schriftart (Größe, Stil und Farbe)

  • Rahmenlinienfarbe

  • Rahmenlinienbreite

Ein Beispiel für die Systemmeldungen und Schaltflächen wird angezeigt.

Sprechblasen für Kunden- und Agentennachrichten

  • Hintergrundfarbe

  • Eckenradius

  • Schriftart (Größe, Stil und Farbe)

  • Rahmenlinienfarbe

  • Rahmenlinienbreite

  • Avatar

Es werden Beispiele für die Sprechblasen für Kunden- und Kundenservicemitarbeiternachrichten angezeigt.

Eingabeleiste für Nutzer

  • Hintergrundfarbe

  • Rahmenlinienfarbe

  • Rahmenlinienbreite

  • Kamerasymbol

  • Symbol für gemeinsame Browsersitzung

  • Symbol für die Schaltfläche „Senden“

Ein Beispiel, in dem die Eingabeleiste für Nutzer angezeigt wird.

Eingabeleiste für Nutzer (Textfeld)

  • Eckenradius

  • Cursorfarbe

  • Platzhaltertext

  • Schriftart (Größe, Stil und Farbe)

  • Rahmenlinienfarbe

  • Rahmenlinienbreite

Ein Beispiel für das Textfeld der Eingabeleiste für Nutzer wird angezeigt.

Rotierendes Ladesymbol

  • Benutzerdefinierte Animation

Es wird ein Beispiel für die anpassbaren Aspekte des rotierenden Ladesymbols angezeigt.