Configurer les marques du catalogue

  • Rversion finale: Australia
  • Mis à jour 12 mars 2026
  • 2 minutes de lecture
  • Personnalisez l’apparence des catalogues pour Agent virtuel qu’ils correspondent à l’image de marque de votre entreprise.

    Avant de commencer

    Rôle requis : admin, virtual_agent_admin

    Télécharger Générateur de thèmes à partir de ServiceNow Store et activer 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 marque, mais les catalogues n’héritent pas des couleurs de marque. À la place, les catalogues utilisent des variables CSS (Style Sheets) en cascade définies dans l’enregistrement Thèmes UX [sys_ux_theme] sur l’instance.

    Procédure

    1. Accédez à la Tous > 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 faire correspondre vos couleurs aux couleurs d’arrière-plan de l’en-tête de la messagerie instantanée et d’arrière-plan de la messagerie instantanée dans l’enregistrement de marques 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 Tous > Cadre de travail Now Experience > Thèmes.
      2. Sélectionnez l’enregistrement correspondant au thème que vous souhaitez importer.
      3. Sous l’icône Actions supplémentaires Icône Actions supplémentaires., sélectionnez Copier sys_id.
      4. Accédez à la Tous > 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 et ajoutez la ligne suivante au script serveur, y compris les 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 Compositional : Thème de l’application, ouvrez la variante de votre Type choixStyle.
      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 personnalisation et ajoutez la ligne suivante au script serveur, y compris les sys_id de l’étape 5c.
      Par exemple, si la sys_id du thème de votre variante est 1df59fc2fcb1122101gb00713b633954, vous ajoutez :
      macroponent_theme_variant: '1df59fc2fcb1122101gb00713b633954'
    6. Sélectionnez Mettre à jour pour enregistrer la configuration.
    7. Accédez au portail où 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 en surbrillance et des boutons à mettre à jour.

    9. Accédez à la Tous > 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 des composants , sélectionnez Modifier.

      Mettez à jour les codes hexadécimaux des couleurs 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 à l’étape 8.
    13. Dans la barre latérale de palette, définissez la couleur du code hexadécimal de l’élément pour qu’elle corresponde à la couleur de votre enregistrement de marques.
    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 en surbrillance et des boutons 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 couleurs du catalogue correspondent désormais à votre image de marque.