Branding Ihres Chat-Clients

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 2 Minuten Lesedauer

    • Passen Sie Ihre Chat-Oberfläche mit Ihrer eigenen Marke an, einschließlich Firmenlogo und Bot-Avatar, UI-Farbschemata, Schriftarten und dem Chat-Support-Menü, das Ihren Benutzern angezeigt wird.

    Hinweis:
    Für neue Kunden, die das Onboarding ab Vancouver durchführen, ist der Webclient standardmäßig nur für authentifizierte Benutzer zugänglich. Um nicht authentifizierten Benutzern den Zugriff auf den Webclient zu ermöglichen, aktivieren Sie Öffentlicher Zugriff in Konversations-Schnittstellen > Einstellungen > Allgemein. Weitere Informationen finden Sie unter Aktivieren Sie den öffentlichen Zugriff auf den Webclient.

    Mehrere Branding-Konfigurationen

    Für eine Instanz können Sie eine beliebige Anzahl von Branding-Konfigurationen erstellen. Diese Branding-Konfigurationen gelten für Webchat und Mobile Clients und nicht gelten für Conversational Integrations für Slack, Microsoft Teams, Facebook Workplaceund Facebook Messenger.
    Hinweis:
    Branding für Bots in Conversational Integration with Microsoft Teams ist über die Anpassungsfunktion der App Microsoft Teams verfügbar. Weitere Informationen finden Sie unter MS Teams-Branding für die Konversationsintegration in Now Community. Weitere Informationen zu Branding-Bots in Slackfinden Sie unter Branding für den Bot [ Virtual Agent in Slackkonfigurieren.

    Die Standard-Branding-Konfiguration umfasst den Bot Virtual Agent, der über einen Avatar ServiceNow verfügt. Wenn Sie zusätzliche gebrandete Bots benötigen, erstellen Sie ein Benutzerprofil für jeden Bot in der Benutzertabelle [sys_user]. Geben Sie Ihrem Bot eine eindeutige Benutzer-ID und einen Namen (z. B. Acme), laden Sie das Foto (Bild) für Ihren Bot-Avatar hoch, und aktivieren Sie Ihren Bot. Weitere Informationen zum Hinzufügen von Benutzern zu Ihrer Instanz finden Sie unter Benutzer erstellen.

    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 bietet eine standardmäßige Branding-Konfiguration, die Sie anpassen können. Um die Standardkonfiguration zu ändern, andere Branding-Konfigurationen zu erstellen oder das Chat-Menü (Support) zu ändern, erfassen und bereiten Sie die folgenden Dateien und Informationen vor:
    Organisations-Images
    Bilder von Unternehmenslogos, die in Ihren Chatfenstern verwendet werden sollen. Wenn Sie Virtual Agentverwenden, die Bilder von Avataren, die für gebrandete Bots verwendet werden sollen.

    Bilder müssen im Dateiformat .jpg, .png, .bmp, .gif, .jpeg, .ico oder .svg vorliegen. 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 Benutzeroberflächenelemente verwendet werden, z. B. Chatblasen, Schaltflächen und angezeigte Benachrichtigungen.

    Wenn Sie die Farbe von Schnittstellenelementen ändern möchten, bestimmen Sie die Hexadezimalzahl oder 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 anzeigen. 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 Support-Organisation, wie z. B. Support-Anrufzeiten, Telefonnummer des Support-Call Centers und Support-E-Mail-Adresse. Sie können die Informationen im Support-Menü anpassen, indem Sie Menüelemente hinzufügen oder ändern, einschließlich des angezeigten Texts und der 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. Verwenden Sie für eine bessere Auflösung ein einfarbiges Symbol.

    Abbildung : 2. Chat-Menü
    Kontaktinformationen, die im Standardmenü „Support kontaktieren“ im Webchat-Fensterangezeigt werden.