Anleitung zu Branding-Elementen für den erweiterten Chat

Anpassen von Farben, Schriftarten, Bildern und Fenstergröße

Treffen Sie Ihre Auswahlen auf der Seite "Einstellungen für die Bereitstellung des integrierten Service". Weitere Informationen zu den Auswahlen, die Sie weiter unten treffen können, finden Sie in diesem Hilfethema.

1. Geben Sie unter "Setup" im Feld "Schnellsuche" den Text Bereitstellungen ein und wählen Sie Bereitstellungen für den integrierten Service aus.
2. Klicken Sie rechts neben Ihrer Bereitstellung auf den Abwärtspfeil und wählen Sie Anzeigen aus. Klicken Sie auf Branding auswählen.
3. Treffen Sie Ihre Auswahl. Informationen zu Farben, Schriftarten und Bildern finden Sie weiter unten in diesem Hilfethema.
4. Speichern Sie Ihre Änderungen.
5. Wenn Sie zur Zielseite "Einstellungen der Bereitstellung für den integrierten Service" zurückkehren, klicken Sie auf Veröffentlichen.

Farbleitfaden

Klicken Sie zum Auswählen einer Farbe auf das Dropdown-Menü und blättern Sie durch die Farbauswahl oder geben Sie einen Hexadezimalcode in das Feld # ein. Speichern Sie Ihre Änderungen und veröffentlichen Sie Ihre Bereitstellung erneut.

Farben	Elemente	Beispiel
	Text: Die Wörter im Popup-Fenster für Benachrichtigungen. Hintergrund: Die Chat-Schaltfläche und das Benachrichtigungs-Popup. Schaltfläche 'Einladung verwerfen': Das X im Benachrichtigungs-Popup
	Hintergrund: Das Banner in der Kopfzeile. Text- und Navigationssymbole: Kopfzeilentext, Schaltfläche 'Minimieren' und Menüsymbol.
	Hintergründe für Nachrichten, Avatare und Miniaturbilder: Die Textnachrichtenblase;; der Mitarbeiter-, Agenten- oder Bot-Avatar, wenn kein Bild hochgeladen wurde; und der Hintergrund des erweiterten Links. Text: Textnachricht, Mitarbeiter-, Agenten- oder Bot-Initialisierungen, wenn kein Bild hochgeladen wurde, Text mit erweitertem Link und Text in einer Messaging-Komponente für Formulare. Links: Links, die innerhalb der Textnachrichtenblase von einem Mitarbeiter, Agenten oder Bot gesendet werden.
	Hintergründe für Nachrichten und Miniaturbilder: Blase für vom Endbenutzer gesendete Textnachrichten; Hintergrund des vom Endbenutzer gesendeten erweiterten Links; Symbol für Formular-Messaging-Komponenten; Hintergrund für gesendete Dateianhänge und Benachrichtigung für gesendete Dateianhänge. Text: Text der vom Endbenutzer gesendeten Nachricht; Text des vom Endbenutzer gesendeten erweiterten Links; Bezeichnungstext für gesendete Dateianhänge und Benachrichtigungen zum Senden von Dateianhängen. Links: Ein von einem Endbenutzer in einer SMS gesendeter Link.
	Systemmeldungen und Platzhaltertext:Systemmeldungen; Zeitstempel für Unterhaltungsbeginn; Textinformationen unterhalb der Blase für Endbenutzertextnachrichten; Platzhaltertext für das Eingabefeld "Nachricht senden". Benutzereingabetext und statische Bezeichnungen: Eingabetext für das Feld "Nachricht senden"; Eingabetext für das Vor-Chat-Formularfeld; Feldname und Nutzungsbedingungentext für das Vor-Chat-Formular; Animation und Text der Fortschrittsanzeige; Pfeil zum unteren Rand des Chat-Threads; Chat-Menüoptionen; Text der Messaging-Komponente "Karussell"; Feldname und Feldeingabetext für Messaging-Komponenten für Formulare; Dateiname eines ausstehenden Dateianhangs.
	Symbole "Senden", "Emoji einfügen" und "Anhänge hinzufügen": Schaltflächen 'Anhang hinzufügen', 'Emoji-Auswahl' und 'Nachricht senden'; 'Karussell-Messaging-Komponente 'Nächster Pfeil', 'Zurück' und 'Breadcrumb'; 'Schaltfläche 'Abbrechen' und 'Animation senden' für ausstehende Dateianhänge'. Eingabetextumriss: Umriss des Felds 'Nachricht senden'; Umriss der ausstehenden Dateiübertragung; laufende Dateianhänge und gesendete Umrisse von Dateianhängen.
	Benachrichtigungs-Badge: Das Symbol für verpasste Nachrichten auf der Chat-Schaltfläche, wenn Sie zu weit zurückblättern, oder die Schaltfläche, über die Sie zur letzten Nachricht im Thread zurückkehren. Schaltflächenhintergrund: Der Hintergrund der Schaltfläche 'Vor-Chat-Start', der primären Schaltfläche 'Nach-Chat', der Schaltfläche 'Messaging-Komponente 'Weiter' für Formulare', des Fortschrittsbalkens für Messaging-Komponenten für Formulare oder des Symbols 'Ausgewählte Messaging-Komponente für Formulare'. Button Text: Der Text der Schaltfläche "Vor-Chat-Start", der primären Schaltfläche "Nach-Chat" oder der Messaging-Komponente "Formulare – Weiter".
	Hintergrund: Die Hintergrundhervorhebung des Quelltitels. Text: Der Linktitel der Zitierquelle.

Schriftarthandbuch

Verwenden Sie eine der folgenden vordefinierten Schriftarten: Arial, Salesforce Sans, Georgia, Palatino Linotype, Times New Roman, Arial Black, Comic Sans MS, Impact, Lucinda Sans Unicode, Tacoma, Trebuchet MS, Veranda, Courier New, Lucinda Console.

Wenn Sie stattdessen eine benutzerdefinierte Schriftart verwenden möchten, laden Sie sie zunächst als Statische Ressource hoch. Wählen Sie dann im Dropdown-Menü "Schriftart" die Option Benutzerdefinierte Schriftart aus. Geben Sie im angezeigten Feld "Name der benutzerdefinierten Schriftartfamilie" den Namen der statischen Ressource ein.

Wählen Sie im Feld Schriftgröße die Option Klein, Mittel oder Groß aus. Hier ein Beispiel für eine Chat-Kopfzeile in Comic Sans in den drei Schriftgrößen:

Größe	Beispiel
Klein
Mittel
Groß

Bildhandbuch

Verwenden Sie einen Bild-Hosting-Service wie Github, um ein Bild in einen URL zu konvertieren. Fügen Sie dann Ihren URL zu einem Feld im Abschnitt "Bilder" hinzu. Speichern Sie Ihre Änderungen und veröffentlichen Sie Ihre Bereitstellung erneut.

Dimensionen des Chat-Fensters

Passen Sie die Felder "Breite" und "Höhe" auf maximal 320 Pixel (Breite) mal 480 Pixel (Höhe) an. Speichern Sie Ihre Änderungen und veröffentlichen Sie Ihre Bereitstellung erneut.