# Configurer un classement

Les classements affichent les participants de votre programme aux côtés des autres afin de les inciter à atteindre les objectifs du programme et de favoriser la compétition pour les premières places. Vous pouvez ajouter un classement à votre widget d'accès vérifié ou à votre microsite et le personnaliser comme les autres composants.

Les classements peuvent être configurés de différentes manières pour s'adapter au mieux aux objectifs de votre programme. Pour plus d'informations sur les différentes options, consultez [Explication des classements](https://help.impact.com/brand/fr/que-souhaitez-vous-apprendre/advocate-program/manage-advocate-participant-experiences/leaderboards-explained).

{% hint style="warning" %}
Cette fonctionnalité n'est accessible que pour certaines éditions ou extensions d'impact.com. [Contactez-nous](https://app.impact.com/support/portal.ihtml?createTicket=true&) pour mettre à niveau votre compte et y accéder !
{% endhint %}

{% stepper %}
{% step %}

#### Étape 1 : Activation des classements&#x20;

Avant de pouvoir commencer à configurer les classements, contactez votre Program Strategy Manager (PSM) ou créez un [ticket de support](mailto:advocate-support@impact.com) pour activer la fonctionnalité Classements pour votre programme.
{% endstep %}

{% step %}

#### **Étape 2 : Ajouter le classement au widget ou au microsite**

1. Accédez à votre widget ou microsite en sélectionnant ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Contenu → Modifier les widgets** ou **Modifier le contenu**.
   * Si vous n'avez pas encore configuré de widget ou de microsite, vous devrez d'abord le faire.

     <div data-with-frame="true"><figure><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-6c8ac36b6c9c61e75e4b89d96973ba51ee0ac176%2F7b467ae9abd22f247d5b311d619595cb90f745d33d02a4aab734cbdc408e79c4.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
2. Sélectionnez le widget ou la page du microsite que vous souhaitez modifier.
   * Apprenez comment [modifier le contenu du widget](https://help.impact.com/brand/fr/que-souhaitez-vous-apprendre/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets) ou [modifier les pages du microsite](https://help.impact.com/brand/fr/que-souhaitez-vous-apprendre/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages).
3. Dans le menu de la barre latérale droite, développez le **Classement** composant.
   * Si vous ne voyez pas le *Classement* composant, vous devrez d'abord installer un package Mint Components :
     * **Installer Mint Components pour le widget**
       1. Dans le menu de la barre latérale gauche, sélectionnez **Packages → Ajouter un package**.
          1. Sur la *carte Mint Components* sélectionnez **Ajouter**.
          2. Vous devriez maintenant pouvoir développer le **Classement** composant dans le menu de la barre latérale droite.
     * **Installer Mint Components pour le microsite**
       1. Retournez à l'écran *Contenu* en sélectionnant **→ \[Engage] Contenu** dans votre barre de navigation gauche ou votre menu supérieur.
       2. Sur la *Microsite* sélectionnez **Modifier les paramètres**.
       3. Faites défiler jusqu'à ce que vous voyiez le *champ Packages* puis sélectionnez **Ajouter un package**.
       4. Sur la *carte Mint Components* sélectionnez **Ajouter**.
       5. Sélectionnez **Enregistrer la configuration** et revenez à l'éditeur.
4. Sélectionnez un type de **Classement**.
   * Pour une description de chacun des classements disponibles, reportez-vous à [Explication des classements](https://help.impact.com/brand/fr/que-souhaitez-vous-apprendre/advocate-program/leaderboards-explained#leaderboard-types-0-0).
5. Sélectionnez le bouton bleu **Ajouter à** sur la zone de conception où vous souhaitez que le composant apparaisse.

<figure><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-151da7252635321ed7dd6136642001c6caf3115f%2F4f090a0bab9f37c07061d538d534cf389cd8492e6adcc3b660fdf2f2bcef4a35.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### **Étape 3 : Personnaliser le classement**

{% tabs %}
{% tab title="Modifier" %}

1. Sur votre zone de conception, sélectionnez le composant de classement que vous souhaitez modifier.
2. Utilisez les options de l'onglet **Modifier** du menu de la barre latérale droite pour modifier les propriétés du classement.
   * Si vous souhaitez insérer un lien dans un composant de texte, vous pouvez le faire en sélectionnant ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-63c2caf34c8c42984b458d40b5ac087e03360307%2Fc5fc23a16175bc8c8603fda06785d3d10c8d687bb14c7c6f1424d705c272963e.svg?alt=media) **\[Vue code]** et en modifiant le HTML du widget ou du microsite.
3. Sélectionnez **Enregistrer le brouillon** lorsque vous avez terminé.

**Référence des champs de modification**

| Paramètre                                       | Description                                                                                                                                                                                                                                                                                                                          |
| ----------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Texte pour utilisateur inconnu                  | Saisissez le nom d'affichage par défaut pour les utilisateurs sans nom, par ex., *Utilisateur anonyme*.                                                                                                                                                                                                                              |
| Masquer l'utilisateur en cours de visualisation | Activez pour rendre la ligne du participant en cours de visualisation cachée s'il ne figure pas parmi les premières places affichées.                                                                                                                                                                                                |
| Intervalle temporel du classement               | Saisissez une date de début et de fin pour laquelle vous souhaitez afficher les résultats du classement, sous la forme `mm/jj/aaaa`.                                                                                                                                                                                                 |
| Type de classement                              | Sélectionnez le système de notation que vous souhaitez utiliser. Pour plus d'informations sur les systèmes de notation disponibles, consultez [Explication des classements](https://help.impact.com/brand/fr/que-souhaitez-vous-apprendre/advocate-program/manage-advocate-participant-experiences/leaderboards-explained).          |
| Nombre maximal de lignes                        | Saisissez le nombre maximum de lignes à afficher dans le classement.                                                                                                                                                                                                                                                                 |
| Colonne Programme                               | Sélectionnez un programme pour limiter les résultats du classement aux participants de ce programme. Pour afficher les résultats à l'échelle de tous les programmes, ne sélectionnez aucun programme.                                                                                                                                |
| Type de classement (rang)                       | Pour plus d'informations sur les types de systèmes de classement disponibles, consultez [Explication des classements](https://help.impact.com/brand/fr/que-souhaitez-vous-apprendre/advocate-program/manage-advocate-participant-experiences/leaderboards-explained).                                                                |
| En-tête de colonne Rang                         | Saisissez le nom de colonne que vous souhaitez afficher pour la colonne *Rang* .                                                                                                                                                                                                                                                     |
| Afficher le rang dans le classement             | ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d0b6669ae76a7bef06a8d6940d7ad5c16bb8d018%2F7cb018d4face8d7cceb880eb5086c812e764fbcfe6f2a0377f88bc7576973070.svg?alt=media) **\[Activer]** si vous souhaitez que le classement affiche le *Rang* . |
| En-tête de colonne Statistiques                 | Saisissez le nom de colonne que vous souhaitez afficher pour la colonne contenant les scores des participants.                                                                                                                                                                                                                       |
| En-tête de colonne Utilisateur                  | Saisissez le nom de colonne que vous souhaitez afficher pour la colonne contenant les noms des participants.                                                                                                                                                                                                                         |
| {% endtab %}                                    |                                                                                                                                                                                                                                                                                                                                      |

{% tab title="Déplacer" %}

1. Sur votre zone de conception, sélectionnez le composant que vous souhaitez déplacer.
2. Sélectionnez ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9e2a26b918e7394cf67e8a26e3713e081b203ac9%2F15d049b0c04d1c54c39dbbb5a7cd2ba64d86f1f99220111674e768744ea7ceb9.svg?alt=media) **\[Déplacer]**.
   * Certains composants ne peuvent pas être déplacés. L'option ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9e2a26b918e7394cf67e8a26e3713e081b203ac9%2F15d049b0c04d1c54c39dbbb5a7cd2ba64d86f1f99220111674e768744ea7ceb9.svg?alt=media) **\[Déplacer]** n'apparaîtra que s'il existe un autre emplacement valide sur la zone de conception vers lequel le composant peut être déplacé.
3. Sélectionnez le bouton bleu **Bouton Déplacer vers** où vous voulez que le composant aille.
4. Sélectionnez **Enregistrer**.
   {% endtab %}

{% tab title="Supprimer" %}

1. Sur votre zone de conception, sélectionnez le composant que vous souhaitez supprimer.
2. Sélectionnez ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c5ab8423372b2c345ded634b7aa4cab16c87fe3a%2Fd17a259fe817ff10ea9fd87140a89bd62ece6fa9940e05902574dcf95bed5960.svg?alt=media) **\[Supprimer]**.
3. Sélectionnez **Enregistrer**.
   {% endtab %}
   {% endtabs %}
   {% endstep %}
   {% endstepper %}
