Configurer les marques du catalogue

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 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échargez 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 marque, mais les catalogues n’héritent pas des couleurs de marque. Au lieu de cela, 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 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 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 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 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 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 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 les sys_id de l’étape 5c.
      Par exemple, si la 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 dans 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 en surbrillance et des boutons à 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 des composants , 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 marque 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 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.