---
sourceDocument: Gestion du service à la clientèle de Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/yokohama/customer-service-management

 Release :

    - yokohama

ft:locale :

    - fr-FR

ft:publication_title :

    - Gestion du service à la clientèle de Yokohama

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# Vitrines d'affichage ServiceNow sur une page Adobe Experience Manager

# Vitrines d'affichage ServiceNow sur une page Adobe Experience Manager {#ariaid-title1}

* Rversion finale: Yokohama
* 
* Mis à jour 3 août 2023
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 6 minutes de lecture

Composants de cas d'utilisation disponibles dans Adobe Experience Manager (AEM) pour accéder aux tickets du service clientèle à partir de l'instance ServiceNow et les afficher sur un site web basé sur AEM.

## Avant de commencer

Définissez la règle de partage des ressources d'origine croisée (CORS) pour accéder à l'API de ticket et à l'API de pièce jointe CSM à partir de votre instance AEM. Pour plus d'informations, consultez [Définir une règle de partage des ressources d'origine croisée pour accéder ServiceNow aux points de terminaison d'API à partir d'AEM](https://servicenow-prod.fluidtopics.net/eggnhxEsWQAZ2zZzA1NPoA#aem-set-cors-rules "Définissez une règle de partage des ressources d’origine croisée (CORS) sur votre ServiceNow instance pour accéder aux points de terminaison de l’API REST Gestion des connaissances, de l’API de cas ou de l’API de pièce jointe CSM à partir de votre instance Adobe Experience Manager (AEM).").

Rôle requis : auteur AEM

## Pourquoi et quand exécuter cette tâche

L'API REST Ticket vous permet de créer, récupérer et mettre à jour des enregistrements de tickets du service clientèle. Pour plus d'informations, consultez [API de ticket](https://www.servicenow.com/docs/access?context=case-api&version=yokohama&pubname=yokohama-api-reference&ft:locale=en-US).

L'API de pièce jointe CSM vous permet de charger, de télécharger et de supprimer des pièces jointes associées aux tickets du service clientèle et de récupérer les métadonnées de pièce jointe. Pour plus d'informations, consultez [API de pièce jointe CSM](https://www.servicenow.com/docs/access?context=attachment_csm-api&version=yokohama&pubname=yokohama-api-reference&ft:locale=en-US).

## Procédure

1. Connectez-vous à votre instance AEM.
2. Ouvrez votre page AEM en [mode Édition](https://helpx.adobe.com/in/experience-manager/6-5/sites/authoring/using/author-environment-tools.html#main-pars_title_20).
3. Ouvrez le [navigateur de composants](https://helpx.adobe.com/in/experience-manager/6-5/sites/authoring/using/author-environment-tools.html#main-pars_title_17).
4. Dans la liste Tous , sélectionnez ServiceNow.
5. Faites glisser un composant vers la position requise sur la page.  
   Remarque :  
   Si les composants ne sont pas disponibles, mettez à jour votre configuration de modèle pour inclure les composants du ticket. En outre, vous devez modifier les propriétés du modèle de site et ajouter chaque composant de ticket à la liste des composants autorisés.
6. Ouvrez la [boîte de dialogue du composant pour modification](https://helpx.adobe.com/in/experience-manager/6-5/sites/authoring/using/editing-content.html#ComponentEditDialog).  
   Remarque :  
   Les composants de ticket en mode d'édition d'une page dans AEM sont accessibles à tous les utilisateurs, y compris les utilisateurs publics. Les utilisateurs publics sont des utilisateurs AEM anonymes qui ne sont pas connectés.
7. Définissez les propriétés du composant Cartes de tickets pour afficher tous les tickets du service clientèle ouverts de votre ServiceNow instance sous forme de cartes de colonnes.  
   {#aem-display-case-components__table_kx2_4q2_tkb__entry__2}{#aem-display-case-components__component-title-desc}{#aem-display-case-components__component-column-label-desc}{#aem-display-case-components__component-case-list-desc2}{#aem-display-case-components__component-view-case-desc2}{#aem-display-case-components__component-custom-css-desc}

   | Propriété | Description |
   |-|-|
   | Titre | Titre de ce composant qui apparaît sur la page AEM. |
   | Paramètres d'étiquette | Paramètres d'étiquette séparés par des virgules pour les colonnes de la table Ticket \[sn_customerservice_case\]. Chaque paramètre est spécifié au format <var class="keyword varname">étiquette</var> :<var class="keyword varname">colonne</var> . <var class="keyword varname">L’emplacement où l’étiquette</var> est affichée sur le composant et la <var class="keyword varname">colonne</var> est le nom d'une colonne de la table Ticket \[sn_customerservice_case\]. Exemple : Number :number,Priority :priority,Product :product |
   | URL de page de liste de tickets | URL relative de la page de la liste de tickets vers laquelle la redirection s'effectue. Exemple : /content/servicenow/en/now_case_list.html |
   | URL de la page d'affichage de ticket | URL relative de la page d'affichage de ticket vers laquelle la redirection s'effectue. Exemple : /content/servicenow/en/now_case_view.html |
   | Masquer le composant pour aucun ticket | Option permettant de masquer le composant lorsqu'il n'y a aucun ticket à afficher. |
   | Classe CSS personnalisée | Classe CSS personnalisée permettant d'appliquer des styles personnalisés à ce composant. Pour plus d'informations, consultez [Personnalisation des couleurs des ServiceNow composants dans AEM](https://servicenow-prod.fluidtopics.net/7_VpzPXUxNyUjtCY~pTk7A#aem-style-components "Vous pouvez définir l’aspect et l’ergonomie des ServiceNow composants dans Adobe Experience Manager (AEM) en spécifiant leurs couleurs."). |
   [Tableau 1. Propriétés du composant des cartes de ticket]

   {#aem-display-case-components__table_kx2_4q2_tkb}
8. Définissez les propriétés du composant Nouveau ticket pour que les utilisateurs créent un ticket du service clientèle dans votre ServiceNow instance à partir de votre page AEM.  
   {#aem-display-case-components__table_abr_rbk_cmb__entry__2}{#aem-display-case-components__slider-desc}

   | Propriété | Description |
   |-|-|
   | Titre | Titre de ce composant qui apparaît sur la page AEM. |
   | Étiquette Description brève | Étiquette du champ permettant de saisir une description brève du ticket. |
   | Étiquette Description | Étiquette du champ permettant d'entrer une description du ticket. |
   | Étiquette de produit | Paramètres séparés par des points-virgules pour définir l'étiquette et le texte de l'espace réservé pour la liste de produits. |
   | Étiquette d'actif | Paramètres séparés par des points-virgules pour définir l'étiquette et le texte d'espace réservé pour la liste des ressources |
   | Nombre d'éléments de liste | Nombre maximal d'éléments à inclure dans les listes de produits et d'actifs. Utilisez les icônes d'incrémentation ou de diminution pour augmenter ou diminuer les valeurs. Vous pouvez également entrer une valeur manuellement. La valeur doit être supérieure à <kbd class="ph userinput">1</kbd>. |
   | Afficher les actifs | Option permettant d'afficher la liste des actifs sur le composant. |
   | URL de page de liste de tickets | URL relative de la page de la liste de tickets vers laquelle la redirection s'effectue. Exemple : /content/servicenow/en/now_case_list.html |
   | URL de la page d'affichage de ticket | URL relative de la page d'affichage de ticket vers laquelle la redirection s'effectue. Exemple : /content/servicenow/en/now_case_view.html Remarque : Vous devez saisir une valeur pour cette propriété afin d'accéder à la page d'affichage des tickets à partir de la fenêtre Ticket créé. |
   | Limite de taille du fichier de pièce jointe en Mo | Limite de taille maximale d'un fichier de pièce jointe pouvant être ajouté à un ticket. |
   | Classe CSS personnalisée | Classe CSS personnalisée permettant d'appliquer des styles personnalisés à ce composant. Pour plus d'informations, consultez [Personnalisation des couleurs des ServiceNow composants dans AEM](https://servicenow-prod.fluidtopics.net/7_VpzPXUxNyUjtCY~pTk7A#aem-style-components "Vous pouvez définir l’aspect et l’ergonomie des ServiceNow composants dans Adobe Experience Manager (AEM) en spécifiant leurs couleurs."). |
   [Tableau 2. Propriétés du composant Nouveau ticket]

   {#aem-display-case-components__table_abr_rbk_cmb}
9. Définissez les propriétés du composant Vue de ticket pour afficher les tickets du service clientèle et tous les commentaires et pièces jointes, le cas échéant, à partir d'une ServiceNow instance.  
   {#aem-display-case-components__table_tfp_h4q_tkb__entry__2}

   | Propriété | Description |
   |-|-|
   | Paramètre de ticket | Nom du paramètre de requête d'URL pour le numéro de ticket. Exemple : <kbd class="ph userinput">case_no</kbd> |
   | Paramètres d'étiquette | Paramètres d'étiquette séparés par des virgules pour les colonnes de la table Ticket \[sn_customerservice_case\]. Chaque paramètre est spécifié au format <var class="keyword varname">étiquette</var> :<var class="keyword varname">colonne</var> . <var class="keyword varname">L’emplacement où l’étiquette</var> est affichée sur le composant et la <var class="keyword varname">colonne</var> est le nom d'une colonne de la table Ticket \[sn_customerservice_case\]. Exemple : Number :number,Priority :priority,Product :product |
   | Nombre d'activités | Nombre maximal d'activités telles que les commentaires et les pièces jointes à afficher dans l'onglet Activité. Utilisez les icônes d'incrémentation ou de diminution pour augmenter ou diminuer les valeurs. Vous pouvez également entrer une valeur manuellement. La valeur doit être supérieure à <kbd class="ph userinput">1</kbd>. |
   | Limite de taille du fichier de pièce jointe en Mo | Limite de taille maximale d'un fichier de pièce jointe pouvant être ajouté à un ticket. Utilisez les icônes d'incrémentation ou de diminution pour augmenter ou diminuer les valeurs. Vous pouvez également entrer une valeur manuellement. La valeur doit être supérieure à <kbd class="ph userinput">1</kbd>. |
   | URL de la page de l'article | URL relative de la page de l'article vers laquelle la redirection s'effectue. Exemple : /content/servicenow/en/now_article_view.html Remarque : Si un lien d'article est inclus dans un ticket, vous devez saisir une valeur pour cette propriété afin d'accéder à la page d'affichage de l'article de la base de connaissances à partir du ticket. |
   | Classe CSS personnalisée | Classe CSS personnalisée permettant d'appliquer des styles personnalisés à ce composant. Pour plus d'informations, consultez [Personnalisation des couleurs des ServiceNow composants dans AEM](https://servicenow-prod.fluidtopics.net/7_VpzPXUxNyUjtCY~pTk7A#aem-style-components "Vous pouvez définir l’aspect et l’ergonomie des ServiceNow composants dans Adobe Experience Manager (AEM) en spécifiant leurs couleurs."). |
   [Tableau 3. Propriétés du composant de la vue de ticket]

   {#aem-display-case-components__table_tfp_h4q_tkb}
10. Définissez les propriétés du composant Liste de tickets pour afficher une liste de tickets du service clientèle.  
    {#aem-display-case-components__table_ywq_wbr_tkb__entry__2}

    | Propriété | Description |
    |-|-|
    | Titre | Titre de ce composant qui apparaît sur la page AEM. |
    | Paramètres d'étiquette | Paramètres d'étiquette séparés par des virgules pour les colonnes de la table Ticket \[sn_customerservice_case\]. Chaque paramètre est spécifié au format <var class="keyword varname">étiquette</var> :<var class="keyword varname">colonne</var> . <var class="keyword varname">L’emplacement où l’étiquette</var> est affichée sur le composant et la <var class="keyword varname">colonne</var> est le nom d'une colonne de la table Ticket \[sn_customerservice_case\]. Exemple : Number :number,Priority :priority,Product :product |
    | Nombre de tickets | Nombre maximal de tickets à afficher sur le composant. Utilisez les icônes d'incrémentation ou de diminution pour augmenter ou diminuer les valeurs. Vous pouvez également entrer une valeur manuellement. La valeur doit être supérieure à <kbd class="ph userinput">1</kbd>. La valeur maximale que vous pouvez saisir pour ce champ est 50. |
    | Afficher Créer un ticket | Option permettant d'afficher le bouton de création d'un ticket sur le composant. |
    | Étiquette du bouton Créer un ticket | Étiquette du bouton pour créer un ticket. |
    | URL de page de création de ticket | URL relative de la page de création de ticket vers laquelle la redirection s'effectue. Exemple : /content/servicenow/en/now_case_create.html |
    | URL de la page d'affichage de ticket | URL relative de la page d'affichage de ticket vers laquelle la redirection s'effectue. Exemple : /content/servicenow/en/now_case_view.html |
    | Classe CSS personnalisée | Classe CSS personnalisée permettant d'appliquer des styles personnalisés à ce composant. Pour plus d'informations, consultez [Personnalisation des couleurs des ServiceNow composants dans AEM](https://servicenow-prod.fluidtopics.net/7_VpzPXUxNyUjtCY~pTk7A#aem-style-components "Vous pouvez définir l’aspect et l’ergonomie des ServiceNow composants dans Adobe Experience Manager (AEM) en spécifiant leurs couleurs."). |
    [Tableau 4. Propriétés du composant de la liste de tickets]

    {#aem-display-case-components__table_ywq_wbr_tkb}
{#aem-display-case-components__steps_vqd_flt_flb}