Définissez les marques du catalogue

  • Rversion finale: Xanadu
  • Mis à jour 1 août 2024
  • 2 minutes de lecture

    • Personnalisez l’apparence des catalogues pour Agent virtuel qu’ils correspondent à la marque de votre entreprise.

    Avant de commencer

    Rôle requis : admin, virtual_agent_admin

    Téléchargez-le Générateur de thèmes à partir de ServiceNow Store et activez le module d’extension (sn_theme_builder). Pour plus d'informations, consultez Activate a plugin.

    Pourquoi et quand exécuter cette tâche

    Agent virtuel utilise la table Configuration de la marque [sys_cs_branding_setup] pour définir les couleurs de la marque, mais les catalogues n’héritent pas des couleurs de la marque. Au lieu de cela, les catalogues utilisent des variables CSS (Feuilles de style en cascade) définies dans l’enregistrement Thèmes UX [sys_ux_theme] sur l’instance.

    Procédure

    1. Accédez à la Tout > Thèmes > Générateur de thèmes.
    2. Créez un nouveau thème en fournissant des couleurs primaires et secondaires.
      Remarque :
      Vous pouvez assortir vos couleurs aux couleurs de l’arrière-plan de l’en-tête de la messagerie instantanée et de l’arrière-plan de la messagerie instantanée dans l’enregistrement de marque de votre choix. Pour plus d’informations sur la création de thèmes, reportez-vous à la section Create a theme with Theme Builder.
    3. Enregistrez votre thème.
    4. Ajoutez votre thème à la configuration du portail.
      1. Accédez à la Tout > Cadre de travail Now Experience > Thèmes.
      2. Sélectionnez l’enregistrement du thème que vous souhaitez importer.
      3. Sous l’icône Actions supplémentaires (), sélectionnez Copier sys_id.
      4. Accédez à la Tout > Portail de services > Messagerie instantanée d'agent.
      5. Sélectionnez la configuration du portail dans laquelle vous souhaitez ajouter votre thème de marque, puis ajoutez la ligne suivante au script serveur, y compris la sys_id de l’étape 4c.
      Par exemple, si votre sys_id est 0be48eb1eba0011090fa99602a522843, vous ajoutez :
      macroponent_theme: '0be48eb1eba0011090fa99602a522843'
    5. Ajoutez un thème de variante à la configuration du portail si vous le souhaitez.
      1. Répétez les étapes 4a et 4b.
      2. Sous l’onglet Compositionnel : thème de l’application, ouvrez la variante souhaitée StyleType.
      3. Répétez les étapes 4c et 4d.
      4. Sélectionnez la configuration du portail dans laquelle vous avez ajouté votre thème de marque, puis ajoutez la ligne suivante au script serveur, y compris le sys_id de l’étape 5c.
      Par exemple, si l’sys_id de votre thème de variante est 1df59fc2fcb1122101gb00713b633954, vous ajoutez :
      macroponent_theme_variant: '1df59fc2fcb1122101gb00713b633954'
    6. Sélectionnez Mettre à jour pour enregistrer la configuration.
    7. Accédez au portail sur lequel la configuration est utilisée.
      Par exemple, si vous avez mis à jour la configuration du ESC Chat portail, accédez à Centre de services aux employés.
    8. Exécutez la rubrique du catalogue dans la messagerie instantanée du portail pour charger sa configuration et révéler tous les éléments qui nécessitent une personnalisation. Agent virtuel Fenêtre de messagerie instantanée, avec des liens et des boutons en surbrillance à mettre à jour.
    9. Accédez à la Tout > Cadre de travail Now Experience > Thèmes > Générateur de thèmes.
    10. Dans le menu déroulant, sélectionnez Gestionnaire, puis sélectionnez le thème que vous avez créé.
    11. Sous l’onglet Styles de composant , sélectionnez Modifier.Mettez à jour les codes hexadécimaux de couleur pour Générateur de thèmes qu’ils correspondent aux couleurs de votre marque.
    12. Sélectionnez l’un des éléments nécessitant une personnalisation trouvés à l’étape 8.
    13. Dans la barre latérale de la palette, définissez la couleur du code hexadécimal de l’élément pour qu’elle corresponde à la couleur de votre enregistrement de marque.
    14. Répétez les étapes 12 et 13 jusqu’à ce que vous mettiez à jour tous les éléments. Agent virtuel fenêtre de messagerie instantanée, avec des liens et des boutons en surbrillance, mis à jour après la modification des codes de couleur hexadécimaux dans Générateur de thèmes.

    Résultats

    Les thèmes de couleur du catalogue correspondent désormais à votre image de marque.