Branding für Ihren Chat-Client

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 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-Supportmenü, 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

    Sie können eine beliebige Anzahl von Branding-Konfigurationen für eine Instanz 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 TeamsIst über verfügbar Microsoft TeamsApp-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 AgentBot in Slack.

    Die Standard-Branding-Konfiguration enthält Virtual AgentBot, der einen hat ServiceNowAvatar. 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 Branding-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 in .jpg, .png, .bmp, .gif, .JPEG, .ico- oder .svg-Dateiformat. Die Bilder können eine hohe Auflösung haben, die Bildanzeige wird jedoch basierend auf dem 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-Zahl 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-Chatfenster sehen. Weitere Informationen zu Hex-Zahlen und RGB-Farbspezifikationen finden Sie unter HTML-Farbnamen (W3CSchools) .

    Abbildung : 1. UI-Elemente im Chatfenster
    Elemente der Virtual Agent-Schnittstelle, einschließlich Kategorie, Links, Schaltflächenhintergrund, Menüschaltflächen und Eingabehintergrund.
    Chat-Menüelemente
    Kontaktinformationen für Ihre Supportorganisation, z. B. Supportanrufzeiten, Callcenter-Support-Telefonnummer 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ü
    Kontaktsupport-Informationen, die im Standardmenü „Support kontaktieren“ im Webchat-Fenster angezeigt werden .