Branding für Ihren Chat-Client

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 2 Minuten Lesedauer
  • Passen Sie Ihre Chat-Oberfläche mit Ihrer eigenen Marke an, einschließlich Unternehmenslogo und Bot-Avatar, UI-Farbschemata, Schriftarten und dem Chat-Support-Menü, das Ihren Anwendern angezeigt wird.

    Hinweis:
    Für das Onboarding neuer Kunden ab Vancouver ist das Chat-Widget standardmäßig nur für authentifizierte Anwender zugänglich. Aktivieren Sie , um nicht authentifizierten Anwendern den Zugriff auf das Chat-Widget zu ermöglichen Öffentlicher Zugriff In Konversations-Schnittstellen > Einstellungen > Allgemeinan. Weitere Informationen finden Sie unter Aktivieren Sie den öffentlichen Zugriff auf das Chat-Widget.

    Mehrere Branding-Konfigurationen

    Für eine Instanz können Sie eine beliebige Anzahl von Branding-Konfigurationen erstellen. Diese Branding-Konfigurationen gelten für den Webchat und mobile Clients und nicht für die Konversationsintegrationen für Slack, Microsoft Teams, Facebook Workplace, Und Facebook Messenger.
    Hinweis:
    Branding für Bots in Integration für Konversationsfunktionen mit Microsoft Teams Ist über verfügbar Microsoft Teams App-Anpassungsfunktion. Weitere Informationen finden Sie unter Ms Teams-Branding für die Konversationsintegration In Now Community. Für Informationen zum Branding von Bots in Slack, Siehe Konfigurieren Sie Branding für Virtual Agent Bot in Slack.

    Die Standard-Branding-Konfiguration enthält Virtual Agent Bot, der einen hat ServiceNow Avatar. Wenn Sie zusätzliche Branded-Bots wünschen, erstellen Sie für jeden Bot in der Anwendertabelle [sys_user] ein Anwenderprofil. Geben Sie Ihrem Bot eine eindeutige Anwender-ID, einen Namen (z. B. Acme), laden Sie das Foto (Bild) für Ihren Bot-Avatar hoch, und aktivieren Sie Ihren Bot. Details zum Hinzufügen von Anwendern zu Ihrer Instanz finden Sie unter Erstellen Sie einen Anwender .

    Nach der Erstellung wählen Sie den Bot aus, der in einer Konfiguration verwendet werden soll. Ein Branded-Bot kann in einer einzelnen Konfiguration oder in mehreren Branding-Konfigurationen verwendet werden.

    Unterstützte Branding-Elemente

    Konversations-Schnittstellen Stellt eine standardmäßige Branding-Konfiguration bereit, die Sie anpassen können. Um die Standardkonfiguration zu ändern, erstellen Sie andere Branding-Konfigurationen, oder ändern Sie das Chat-Menü (Support), sammeln und bereiten Sie die folgenden Dateien und Informationen vor:
    Organisationsbilder
    Bilder von Unternehmenslogos, die in Ihren Chatfenstern verwendet werden sollen. Wenn Sie verwenden Virtual Agent, Die Bilder von Avataren, die für gebrandete Bots verwendet werden sollen.

    Bilder müssen .jpg, .png, .bmp, .gif, .JPEG, Dateiformat .ico oder .svg. Die Bilder können eine hohe Auflösung aufweisen, aber die Bildanzeige wird abhängig vom Seitenverhältnis skaliert. Beachten Sie, dass, wenn der Chat in einem eigenen Browserfenster ausgeführt wird, automatisch eine Miniaturansicht des Branding-Logos auf der Browserregisterkarte angezeigt wird.

    Farben und Schriftarten
    Farben und Schriftarten, die für die verschiedenen angezeigten Anwenderoberflächenelemente verwendet werden, z. B. Chat-Blasen, Schaltflächen und Benachrichtigungen.

    Wenn Sie die Farbe von Schnittstellenelementen ändern möchten, bestimmen Sie die Hex-Nummer oder die RGBA-Farbe für diese Elemente. Wenn Sie während der Konfiguration die Hex- oder RBGA-Farben angeben, können Sie Ihre Änderungen sofort im Beispiel-Chat-Fenster sehen. Weitere Informationen zu Hex-Zahlen und RGB-Farbspezifikationen finden Sie unter HTML-Farbnamen (W3CSchools) .

    Abbildung : 1. UI-Elemente im Chat-Fenster
    Elemente der Virtual Agent-Schnittstelle, einschließlich Kategorie, Links, Schaltflächenhintergrund, Menüschaltflächen und Eingabehintergrund.
    Chat-Menüelemente
    Kontaktinformationen für Ihre Support-Organisation, wie z. B. Support-Anrufzeiten, Telefonnummer des Support-Call Centers und Support-E-Mail-Adresse. Sie können Informationen im Support-Menü anpassen, indem Sie Menüelemente hinzufügen oder ändern, einschließlich des angezeigten Texts und der angezeigten Symbole. Sie können auch die Sichtbarkeit der Menüelemente steuern (Menüoptionen anzeigen oder ausblenden).

    Sie können auch die Standardmenüsymbole ändern oder Symbole für neue Menüelemente hinzufügen. Die Symbole müssen im svg-Dateiformat vorliegen. Um eine bessere Auflösung zu erzielen, verwenden Sie ein einfarbiges Symbol.

    Abbildung : 2. Chat-Menü
    Informationen zum Kontaktsupport, die im Standardmenü „Support kontaktieren“ im Webchat-Fenster angezeigt werden .