> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-components-explained.md).

# Composants des widgets et microsites expliqués

<a href="https://pxa.impact.com/student/activity/2359603?sid=0c0e3e5c-54c9-4435-9bee-ebcdccb7f292&#x26;sid_i=0?utm_source=app.impact.com&#x26;utm_medium=owned-platform&#x26;utm_content=&#x26;utm_campaign=help-center" class="button primary">Suivez la formation PXA</a>

{% hint style="success" %}
**Limité**: Les composants, à l’exception de ceux fournis dans les modèles fournis, ne sont disponibles que pour certaines éditions du produit ou certains modules complémentaires. Si vous souhaitez un contrôle plus granulaire sur les composants utilisés par vos microsites, contactez-nous pour mettre à niveau votre programme.
{% endhint %}

Les composants sont les blocs de construction individuels, comme les images de héros et les cartes de tâches, qui composent le widget ou le microsite de votre programme Advocate. Ces éléments façonnent l' [expérience des participants](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/introduction-to-participant-experiences.md) et peuvent être personnalisés pour s’aligner sur votre marque.

Cet article fournit une liste catégorisée des composants disponibles dans les éditeurs de widget et de microsite. La plupart des composants prennent en charge le style et la personnalisation, bien que certains aient des limites de conception. Vous pouvez également prévisualiser les états de vos composants dans l’interface de l’éditeur.

<details>

<summary>Statistiques</summary>

Utilisez *Statistiques* des composants pour permettre à vos participants de savoir comment ils se comportent dans votre programme. Pour une liste des statistiques prises en charge par ces composants, visitez [Statistiques du widget et du microsite](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained.md).

| Composant                      | Description                                                                                                                                                                      |
| ------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Solde de points                | Affiche le solde de points du participant. Utilisé dans les programmes Advocate qui récompensent les participants avec des points.                                               |
| Cartes-cadeaux gagnées         | Affiche le nombre de récompenses sous forme de cartes-cadeaux gagnées par l’Advocate.                                                                                            |
| Recommandations                | Affiche le nombre de recommandations effectuées par le participant. Inclut les recommandations commencées et converties.                                                         |
| Conteneur à trois statistiques | Un modèle avec de l’espace pour trois statistiques. Les statistiques affichées peuvent être modifiées. Des statistiques peuvent être ajoutées et supprimées selon les besoins.   |
| Autre statistique              | Affiche une statistique de votre choix. Vous pouvez choisir entre une statistique de recommandation, diverses statistiques de récompense ou créer une statistique personnalisée. |

<figure><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fh7SqO0ijZKN04RyBL6ma%2FScreenshot%202026-05-20%20at%2009.51.59.png?alt=media&amp;token=55e2a10a-895a-4913-a2ba-16877a196a94" alt="" width="563"><figcaption></figcaption></figure>

</details>

<details>

<summary>Composants courants</summary>

*Composants courants* sont largement utilisés pour améliorer à la fois la fonctionnalité et la cohérence du design dans votre widget ou microsite. Ils couvrent des éléments visuels et structurels à usage général comme les images de héros, le formatage de la mise en page et les étapes descriptives du programme.

| Composant                          | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| ---------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Image de héros à deux colonnes     | <p>Une image de bannière et un texte d’en-tête répartis sur deux colonnes. L’image, le texte et la couleur de fond peuvent être modifiés.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-112e3e854f2ec884d09dcbf3c3a0dd91132b8065%2F0d6b6b7a5f3894b815b738a15afb7bd08e1ee77413858922235268a0119f528d.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                     |
| Image de couverture superposée     | <p>Une image de bannière avec texte superposé. L’image, le texte et la couleur de fond peuvent être modifiés.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-def9dab1f6744d99f704005955522c5cae8f7ca1%2F1c8f53dc5117ebce1719f58d4974f97d4cb9fdddaa0a6d8741277d00139a5178.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                 |
| Image                              | <p>Une image. La couleur de fond, l’alignement, la hauteur et la largeur peuvent être modifiés.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e9f631d5fae5baef21e495c18995bcc41931ff86%2Fe0c44f0accab2819658563d03164459fb470eedf4929c402138476b2eb8afa36.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                               |
| Bouton lien                        | <p>Un bouton cliquable qui redirige les participants vers le lien que vous avez sélectionné. La couleur du bouton est contrôlée par la couleur de marque définie au niveau du conteneur de marque.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-875e756c5a4d4a79e4b62187ff8acb00da68f51d%2Fc0ebb75eb41b33f85ab7695f287a373730909122d616a7c19fd4bdd0675c8787.png?alt=media" alt="" data-size="original"></p>                                                                                                                            |
| Explicatif du programme            | <p>Un modèle expliquant le fonctionnement d’un programme Advocate, par exemple comment gagner des récompenses. Inclut deux étapes explicatives du programme par défaut. D’autres étapes peuvent être ajoutées. La couleur est contrôlée par la couleur de marque définie au niveau du conteneur de marque.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ccd03061b907a18c914385b9fbdfcc1c54dfdd7e%2Fd7a265c23d586b3a6bcd9198cbee8eea2fedda9817794a468f309717081e72c0.png?alt=media" alt="" data-size="original"></p>                    |
| Étape de l’explicatif du programme | <p>Ajoutez un texte descriptif pour expliquer une partie de votre programme. S’insère dans un composant explicatif du programme. La couleur est contrôlée par la couleur de marque définie au niveau du conteneur de marque.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-abf1a9d883d813187d2013fc7c8cd815639c0351%2Fba66c3ec6beb608ff42bb2cbb3757c5e98ad4e1946809fee380b0069cee8677a.png?alt=media" alt="" data-size="original"></p>                                                                                                  |
| Chronologie du programme           | <p>Affichez une vue d’ensemble du parcours de recommandation et des récompenses pour vos participants. Ajoutez ou supprimez des éléments de chronologie selon vos besoins. La couleur de l’icône circulaire et des lignes entre les éléments est contrôlée par la couleur de marque définie au niveau du conteneur de marque.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ad4d74aab6ba3e437ed0b5c2ba350e95e584491c%2Fecfa298fa0a457c5061fc7de31fa195868d524d0905ba16cf512470cb6a9de33.png?alt=media" alt="" data-size="original"></p> |
| Élément de chronologie             | <p>S’insère dans un composant de chronologie de programme pour afficher une étape du parcours de recommandation. La couleur de l’icône circulaire et des lignes entre les éléments est contrôlée par la couleur de marque définie au niveau du conteneur de marque.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0d702f85b541b49847a0131fa6094cf37d45b95b%2F6cce8eebc7410fd43031702177f3fa6450cb172e8d420a31b7041ccc926011be.png?alt=media" alt="" data-size="original"></p>                                                           |
| Affichage du nom de l’utilisateur  | <p>Récupère dynamiquement le nom complet du participant. La valeur par défaut est « Utilisateur anonyme » si le participant n’a pas saisi de nom.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-454b0c94d3cdf37d3bec1f9feb38efa895ce21d4%2F333618f77b6dee4e26c899eb87962d2769ebbc161da05a90aadb3a5f2b59c3cf.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                             |

</details>

<details>

<summary>Récompenses</summary>

{% hint style="info" %}
**Remarque :** *Récompense* les composants ne peuvent être utilisés que pour les widgets et microsites à accès vérifié.
{% endhint %}

| Composant                | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Flux de cartes de tâches | <p>Les cartes de tâches permettent à vos utilisateurs d’effectuer des actions ou de voir leur progression vers les objectifs du programme Advocate directement dans le widget ou le microsite. Ce composant ajoute plusieurs cartes de tâches à votre widget ou microsite. La couleur du bouton est contrôlée par la couleur de marque définie au niveau du conteneur de marque.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d1742cb883be61d63192bcb218ab5d53757e9e82%2Fe992aa7cf1f554169c1e60d351739a9bd8990ad01c4c29bf1deb2d971e07c8c4.png?alt=media" alt="" data-size="original"></p> |
| Échange de récompense    | <p>Permettez aux participants d’échanger les récompenses gagnées contre un autre type de récompense.</p><p>Vous devez avoir <a href="/brand/fr/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/reward-exchange-explained.md">Échange de récompense</a> configuré pour utiliser cette fonctionnalité.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-bbfbff1ec1b5d7b899ab55217f300e5bdf820502%2F914a34e427693bf936d3363a8075046dd25ef3de091552fc7de4cb82e00b3d7b.png?alt=media" alt="" data-size="original"></p>                                                        |
| Tableau des récompenses  | <p>Affiche une liste des récompenses gagnées par le participant. Peut inclure des récompenses manuelles et/ou des récompenses gagnées dans plusieurs programmes Advocate.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-5b4272b710f08544f2091db011583b6300278788%2Facbbaa66b154eaf370ec5457fd9e77b39272a679f7a9c67b17383c5530362f92.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                        |
| Colonne de note client   | <p>Ajoutez une autre colonne de notes au tableau des récompenses. Doit être placée dans le composant Tableau des récompenses.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-49a7a7000c4e43d73944d65d9268d049ce733f22%2F4bb3b31be09584ce982c27d57b373dc3ba807de9f29be528bab2361ae68d8c8e.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                    |
| Colonne de date          | <p>Ajoutez une autre colonne de date au tableau des récompenses. Doit être placée dans le composant Tableau des récompenses.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9f1dabcef083a77ff77adb59d8d2877821b52e6c%2Fe36fb74a08d833bfbb0ebae4b1ef3ba7b49018b00c9cf835c75f1a6a73f3df9f.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                     |
| Colonne de récompense    | <p>Ajoutez une autre colonne de récompense au tableau des récompenses. Doit être placée dans le composant Tableau des récompenses.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e64ef4645152bb65dd8c3e0ad3b8bee76f930f16%2Fd32357695c9503d7751f493e28b36d9bd8ee1af725556d43a072b2dbc2d1e9f0.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                               |
| Colonne source           | <p>Ajoutez une autre colonne source au tableau des récompenses. Doit être placée dans le composant Tableau des récompenses.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e22f21797957227a12deafc7384625cf77154c01%2F57891cdf76885a886769e0fa768567c48e36f38c00a0e72e25ca640a21e6c92e.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                      |
| Colonne de statut        | <p>Ajoutez une autre colonne de statut au tableau des récompenses. Doit être placée dans le composant Tableau des récompenses.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-10a40c5e3746406038e4e8bac76d9fffabfa2733%2F73173dd2ce38046c737485ea1c0123f1d51c18195c684f59ab776aac9f6f76b9.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                   |

</details>

<details>

<summary>Composants du microsite</summary>

*Microsite* les composants sont principalement utilisés pour le formulaire d’inscription et la barre latérale de navigation de votre microsite. Ces composants ne peuvent pas être ajoutés aux widgets du programme.

| Composant                               | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
| --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Champ de case à cocher du formulaire    | <p>Ajoutez une case à cocher au formulaire d’inscription. Vous pouvez faire correspondre l’état coché de la case à un champ personnalisé du participant Advocate. Consultez Afficher les soumissions de votre formulaire d’inscription au microsite pour plus d’informations.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b755fcb2cb0a2a4332d334c5d4df9750abc74535%2Fbe707549d5ab3386580210dadc39c277a8221a2294690f6f5098f8fa49e91dad.png?alt=media" alt="" data-size="original"></p>                                                          |
| Champ de liste déroulante du formulaire | <p>Ajoutez une liste déroulante avec des éléments de liste personnalisables au formulaire d’inscription. Vous pouvez faire correspondre l’élément sélectionné par l’utilisateur à un champ personnalisé du participant Advocate. Contactez le support pour obtenir de l’aide à ce sujet.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d4d06463b739d6320cca385d51aef2ebb21a06e9%2Fbcfe9233e8daa3f5cdd4213fc80fb2a8ecef610eecaed1be02e99d4939ff14e5.png?alt=media" alt="" data-size="original"></p>                                               |
| Champ de saisie du formulaire           | <p>Ajoutez un champ de saisie de texte libre au formulaire d’inscription. Vous pouvez faire correspondre le texte saisi par l’utilisateur à un champ personnalisé du participant Advocate. <a href="https://app.impact.com/support/portal.ihtml?createTicket=true&#x26;">Contactez l'assistance</a> pour obtenir de l’aide à ce sujet.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-22dbac6584da989b0190425decc62f668a813320%2F9324f8dd94e41ba973d7753c410bbd020e8d61f060652fcabbd14482b4d242c5.png?alt=media" alt="" data-size="original"></p> |
| Champs de nom du formulaire             | <p>Ajoutez des champs Prénom et Nom à remplir au formulaire d’inscription.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f516e369b49dd1fa5220e0eb0fd5a8a5e13715cc%2Ff86f4e367584f563904db00af1e76cdad40c92a4b2694146b5b755a017e76886.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                             |
| Élément de barre latérale               | <p>Ajoutez une nouvelle page ou un nouveau lien à la navigation de la barre latérale de votre microsite. Peut uniquement être placé dans la mise en page Connecté du microsite.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-22080a0fa46172389a9f84eb1f5b915a9cb9bd53%2F927e9d1ef0ec4a6d3c1797199be78426ffcbaf84e4007288b303eee91d005e3d.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                        |
| Champ de mot de passe du formulaire     | <p>Ajoutez un champ de mot de passe à remplir au formulaire d’inscription.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d11ad739227f7ef4d5ef2155131766cef7bfe569%2Fc09a224e7a38863ef546d342ef93fac272cfde0e95b47c6e99c73302159aece9.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                             |

</details>

<details>

<summary>Accès instantané</summary>

*Accès instantané* les composants rendent simple et rapide l’inscription des amis recommandés ou l’échange de récompenses, sans passer par le processus d’inscription standard. Ils sont idéaux pour les programmes utilisant des widgets de recommandation à accès instantané ou des parcours d’inscription d’amis.

| Composant                           | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Code promo                          | <p>Affiche un code échangeable pour une récompense Fuel Tank.</p><p>Le <a href="/brand/fr/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/fuel-tank-rewards-explained.md">récompenses Fuel Tank</a> doit disposer de codes promo disponibles pour que ce composant fonctionne comme prévu.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b6751473ff9a89ec2635661cbefd69fe20e2606c%2Fdc86a733cfb70c7df0a19df89b1dd5c9bbc57d5e0ff52bb5278be069d9543ed6.png?alt=media" alt="" data-size="original"></p>                                               |
| Inscription Advocate                | <p>Permet aux nouveaux Advocates de saisir leur adresse e-mail pour s’inscrire et effectuer des recommandations. Après avoir saisi leur adresse e-mail, les utilisateurs seront redirigés vers un deuxième écran où ils pourront accéder à leurs liens de partage de recommandation. Utilisé pour le widget de recommandation de site Web à accès instantané.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-848bf4497a7280a28c48b76e0031a7cabd2702d1%2Fcb04ab4a85a9c132631ae16c6f15215af60c9f5355ab77de58469379dc65e0a9.png?alt=media" alt="" data-size="original"></p> |
| Déconnexion de l’utilisateur actuel | <p>Permet au visiteur de quitter l’affichage personnalisé à accès instantané.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0a4b2367a12e92611062ba6b3385739c3f25f195%2Fcf128314c155054d77102dafd71a5e5082975ee8851b79b718d105095f498eef.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                 |
| Inscription d’un ami                | <p>Permet aux amis recommandés de saisir leur adresse e-mail pour s’inscrire. Après avoir saisi leur adresse e-mail, les utilisateurs seront redirigés vers un deuxième écran où ils pourront accéder à leur récompense Code promo. Utilisé pour le widget Ami à accès instantané.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-848bf4497a7280a28c48b76e0031a7cabd2702d1%2Fcb04ab4a85a9c132631ae16c6f15215af60c9f5355ab77de58469379dc65e0a9.png?alt=media" alt="" data-size="original"></p>                                                                            |

</details>

<details>

<summary>Mise en page</summary>

*Mise en page* les composants vous permettent d’organiser et de regrouper d’autres composants. Utilisez-les pour créer des sections, des lignes, des colonnes ou des onglets.

| Composant                            | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| ------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Mise en page héro à deux colonnes    | <p>Ajoutez une mise en page héro présentant deux colonnes de contenu.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-90fbc0943f7a9bf20af2a8ef5224fe307b4cd447%2Fe9d5fb3e534e6d42f93128e7f52c08f21cefd7f0c378c1f6e72877b5fbfe8703.png?alt=media" alt="" data-size="original"></p>                                                                                                                                           |
| Conteneur de mise en page en ligne   | <p>Ajoutez un nouveau conteneur de ligne pour le contenu. D’autres composants peuvent être placés dans la ligne.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c6a50f4ca39b0fa9df127beda85b8fda790dbd1c%2F792b42fe4a633f3b3950954d520b5f5d8e7bce7c15d0d6ce14cc041c0244ea3c.png?alt=media" alt="" data-size="original"></p>                                                                                                |
| Conteneur de mise en page en colonne | <p>Ajoutez un nouveau conteneur de colonne pour le contenu. D’autres composants peuvent être placés dans la colonne.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c6a50f4ca39b0fa9df127beda85b8fda790dbd1c%2F792b42fe4a633f3b3950954d520b5f5d8e7bce7c15d0d6ce14cc041c0244ea3c.png?alt=media" alt="" data-size="original"></p>                                                                                            |
| Onglet                               | <p>Ajoutez un nouvel onglet à un groupe d’onglets générique.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-bf80a7b35daafb8849d2fabb0acac194eb8de4ae%2F5517db3bff5c64677ef351b5ec94ce32336e728877cca2b5614cdc719bbdd087.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                    |
| Groupe d’onglets générique           | <p>Ajoutez un groupe d’onglets. Chaque onglet peut contenir des composants et du contenu distincts. Trois onglets sont inclus par défaut, mais des onglets peuvent être supprimés ou ajoutés selon les besoins.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f38bb2abbd959f6de3dd3057279bef72b167bd7a%2F6d51c82449438758a0d7e7c667b4e41e8b1ba274f5f32206ea0a934ef967349b.png?alt=media" alt="" data-size="original"></p> |
| Section titrée                       | <p>Ajoutez une nouvelle section contenant un titre et un paragraphe. D’autres composants peuvent être ajoutés à la section titrée sous le titre.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d2e2627c0305da170e459293404b3a7a32bbdd57%2Fd5c2b7ee84117e3804a0afe8d99c1681b0c370c578620d960f2cd780b1b034f9.png?alt=media" alt="" data-size="original"></p>                                                                |

</details>

<details>

<summary>Factures</summary>

*Facture* les composants vous permettent d’insérer des composants de facture pour consulter les données de gains.

| Composant                               | Description                                                                                                                                                                                                                                                                                                                                                                                 |
| --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Tableau des factures                    | <p>Ajoutez un accordéon de facture extensible qui regroupe les données de gains.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-4c505a7531266547be4dd870343a448fbe506af7%2F987ceee7ddf4cf17d9cc5978b505139e06c16cab3e44c221d7374f65e563fa19.jpg?alt=media" alt="" data-size="original"></p> |
| Colonne de date du tableau des factures | <p>Ajoutez une nouvelle colonne à votre composant de tableau des factures.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-fb42d6e770406c2e2cc06864b1aaf1d129d7df72%2F48530b7fb857185f3571f592166d3b8f937e5a2f84e6d8b0387c6b63c2e382de.png?alt=media" alt="" data-size="original"></p>       |

</details>

Le *Classement* le composant vous permet de classer les participants à votre programme, d’offrir des récompenses aux plus performants et d’inciter les participants à obtenir de meilleurs résultats dans votre programme. Ajoutez des classements à votre [widget à accès vérifié](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained.md) ou [microsite](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview.md), et configurez le système de score, le système de classement et les options de filtrage des participants. Consultez les articles ci-dessous pour plus d’informations :

* [Explication des classements](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/leaderboards-explained.md)
* [Configurer un classement](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/set-up-a-leaderboard.md)

| Composant                  | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| -------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Recommandations commencées | <p>Ce type de classement classe les participants selon le nombre de recommandations qu’ils ont initiées. Les scores de vos advocates clients correspondront au nombre de recommandations initiées.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-347d66dfe033a6dcf0e6d487801fbab053997704%2Fc4df3139983a0454f0cca11c832c8870fea8cf861c651210e437d2ee148ee757.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                        |
| Recommandations converties | <p>Ce type de classement classe les participants selon le nombre de recommandations qu’ils ont converties. Les recommandations sont considérées comme converties une fois que l’ami recommandé atteint un objectif du programme, comme effectuer un achat d’une valeur que vous avez définie. Les scores de vos advocates clients correspondront au nombre de recommandations converties.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-347d66dfe033a6dcf0e6d487801fbab053997704%2Fc4df3139983a0454f0cca11c832c8870fea8cf861c651210e437d2ee148ee757.png?alt=media" alt="" data-size="original"></p> |
| Points gagnés              | <p>Ce type de classement classe les participants selon le nombre total de points qu’ils ont gagnés dans les programmes Advocate qui récompensent avec des points. Tous les points de récompense comptent tant qu’ils ne sont pas en attente ou annulés. Ce type de classement n’est valide que pour le type de récompense Point.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c77ede4e082778754887872f948e6b8b0d188474%2F83ae9393fa0cb1e9bc6f4dd53aa9d77e858bb40ef4e985a5247413950ff66729.png?alt=media" alt="" data-size="original"></p>                                                          |
| Classement anonyme         | <p>Une version entièrement anonymisée du classement qui n’affiche aucune information personnellement identifiable sur les autres participants au programme. Peut afficher n’importe quel type de classement.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-7de957636976c1d06b91c963c3bc6befffa789d8%2Fb04ceffabe2ed8007c96b0f932ebf06063fd5d3a4af2dec81b1fad443ee7d4b5.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                              |

<details>

<summary>Taxes et espèces</summary>

*Taxes et espèces* les composants vous permettent d’intégrer la collecte de formulaires fiscaux et des options de paiement en espèces dans votre [widget à accès vérifié](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained.md) ou [microsite](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview.md).

Ce groupe de composants n’est disponible que si la fonctionnalité [*des paiements en espèces*](/brand/fr/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/pay-with-cash/cash-payouts-for-advocate-explained.md) a été activée pour votre compte.

| Composant                                                   | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| ----------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Fenêtre modale d’infos du partenaire                        | <p>Insérez une fenêtre modale qui collecte le pays et la devise des participants. Ces informations garantissent que vos participants peuvent recevoir leurs récompenses sans délais ni étapes de configuration supplémentaires.<br></p><p>Elle comporte deux états configurables selon que l’adresse e-mail du participant est déjà liée à un compte existant :</p><ul><li><strong>Description du nouveau partenaire</strong>: Affichée aux participants pour la première fois. Le texte par défaut (« Confirmez dès maintenant votre pays et votre devise pour recevoir plus rapidement vos futures récompenses ») les invite à fournir leurs informations avant de recevoir leur lien de partage.</li><li><strong>Description du partenaire existant</strong>: Affichée lorsque l’adresse e-mail du participant est déjà associée à un compte sur impact.com. La fenêtre modale préremplit ses informations et lui demande de les confirmer plutôt que de les ressaisir depuis le début.</li></ul> |
| Alerte sur l’état du paiement                               | <p>Avertissez le participant des actions qu’il doit effectuer avant de pouvoir recevoir un paiement en espèces. Le composant inclut un bouton d’appel à l’action qui conduit le participant à consulter ses paramètres de paiement.</p><p>Vous pouvez également personnaliser, si vous le souhaitez, l’une des descriptions textuelles que le participant verra lorsqu’il consultera le composant.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-4d9b5f8072ff2b0c78e1f173493cf4d2ddef9334%2F2c0be35e8e0bfbcb7d7b5e9b9ea30b1b794722e04336f566b033cc9850e1b486.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                        |
| Formulaire de paiement en espèces du microsite et du widget | <p>Insérez un formulaire qui collecte les informations bancaires des participants et les éventuels formulaires fiscaux applicables, comme un W-8 ou un W-9.</p><p>Vous pouvez également personnaliser, si vous le souhaitez, l’une des descriptions textuelles que le participant verra lorsqu’il consultera le formulaire.</p><p>Vous pouvez également définir des alertes et des exigences de vérification dans ce composant.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-00fc2e186e360a8330580a3163c8016aae9c6ecc%2F270f47b47bd597f40b6a4253ce541ea0b53a552847e5efc71afeaa74fba1354b.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                           |

</details>

<details>

<summary>Partage</summary>

*Partage* les composants offrent aux participants des moyens pratiques de promouvoir leurs liens et codes de recommandation sur plusieurs canaux. Lorsqu’un participant clique sur un bouton de partage, cela ouvre le canal choisi, comme *Facebook*, *LinkedIn*, *WhatsApp*, ou *e-mail*, avec un message ou un lien prérempli, prêt à être envoyé.

Certains composants, comme Code de recommandation, affichent le code de recommandation ou promotion individuel du participant ainsi qu’une option de copie dans le presse-papiers pour un partage rapide. D’autres, comme Codes promo, présentent plusieurs codes disponibles (s’ils ont été attribués) dans une vue en curseur, et incluent des boutons de partage afin que les participants puissent publier ou envoyer instantanément le code sélectionné. Ces outils permettent aux participants de diffuser facilement l’information et de générer de nouvelles recommandations.

| Composant                                          | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| -------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Code de parrainage                                 | <p>Affiche un champ de code de recommandation avec une option de copie dans le presse-papiers. Utilisé dans le cadre de la fonctionnalité Codes promo.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-350b4cd5d21cca6714a3eadcac9b273250d1489b%2Fc765bebedb73ecdfcb67f14de17f261c9d55d4043cf4296025801350717df9ff.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                       |
| Codes promo                                        | <p>Bloc de composant préformaté qui inclut un champ de code promotionnel de recommandation avec un curseur permettant de basculer entre plusieurs codes si plus d’un a été attribué. Il inclut également un lien de partage, ainsi que des composants de bouton de partage Facebook, LinkedIn et Twitter / X.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-3fd5339df311e321f51f058bbaa88ddfaf08d6bc%2Ffe4b15e28eecd25533da83c6417660b98eb94e8dd083040f5f847d1683a8f7b2.png?alt=media" alt="" data-size="original"></p>                                                                |
| Bouton de partage Facebook                         | <p>Affiche un bouton Partager sur Facebook avec un texte personnalisable. Lorsqu’on clique dessus, le bouton redirige vers une nouvelle publication sur le profil Facebook de l’utilisateur, avec le message social de la marque déjà chargé.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ac40825644d43883701dfefcf84d0d237ed0c694%2Fe90f8748aff7c0bf33cba007cab091851f916f9dfb24ec228bc27634bca575fe.png?alt=media" alt="" data-size="original"></p>                                                                                                                                |
| Bouton de partage X                                | <p>Affiche un bouton Partager via X avec un texte personnalisable. Lorsqu’on clique dessus, le bouton redirige vers une nouvelle publication sur le compte X de l’utilisateur, avec le message social de la marque déjà chargé.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ce26efcd37d82f16d9f2d4d288f42b28e54bcb9b%2Fc4de3610b0ba8f1599ff74aa83740b07bf9d20a3ae09f33df7858dc15d8a82b2.png?alt=media" alt="" data-size="original"></p>                                                                                                                                              |
| Bouton de partage par e-mail                       | <p>Affiche un bouton Partager par e-mail avec un texte personnalisable. Lorsqu’on clique dessus, le bouton ouvre l’application de messagerie par défaut de l’utilisateur et crée un nouvel e-mail avec le message social de la marque déjà chargé.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-99cd491d8066557af00352c2161adbf0d1ff80d9%2F65667d26945a492f02467c4d6cd3d88f4501f029c3fa924ce20587ae6661fde1.png?alt=media" alt="" data-size="original"></p>                                                                                                                           |
| Bouton de partage via la feuille de partage mobile | <p>Affiche un bouton de partage dans le navigateur Web du participant. Lorsqu’on clique dessus, le bouton ouvre un menu listant toutes les applications disponibles que l’utilisateur peut ouvrir pour partager son lien. Lorsqu’une application est sélectionnée, une nouvelle publication ou un nouveau message sera créé avec le message social de la marque déjà chargé.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b0aefc7accad7dc192307b765172cba66908faeb%2Fbf216b95fbd48c0377b824b12708e0ca1f8e6e2a9c1660359e7e0bbc65725b09.png?alt=media" alt="" data-size="original"></p> |
| Bouton de partage LinkedIn                         | <p>Affiche un bouton Partager sur LinkedIn avec un texte personnalisable. Lorsqu’on clique dessus, le bouton redirige vers une nouvelle publication sur le profil LinkedIn de l’utilisateur, avec le message social de la marque déjà chargé.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2a776449d19fc08bb449a5f8351c7101075f1c74%2F2f76bd37890d40e8839f6cab5f0cb5a2b8b11d7bf5f9dfe02d48dad3a8d96cb1.png?alt=media" alt="" data-size="original"></p>                                                                                                                                |
| Bouton de partage par SMS                          | <p>Affiche un bouton Envoyer à un ami avec un texte personnalisable. Lorsqu’on clique dessus, le bouton redirige vers l’application SMS/messages texte par défaut de l’utilisateur, et un nouveau SMS/message texte sera créé avec le message social de la marque déjà chargé.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-798893a05da61813dc9d1935d7008941222a8b90%2F3a3fc9c019417421b28b3a5514384cc6a02b25046b7703325aeefe2ed4ca902a.png?alt=media" alt="" data-size="original"></p>                                                                                               |
| Bouton de partage Messenger                        | <p>Affiche un bouton Partager via Messenger avec un texte personnalisable. Lorsqu’on clique dessus, le bouton redirige vers un nouveau message dans l’application Facebook Messenger de l’utilisateur, avec le message social de la marque déjà chargé.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-93f82656f6614d7f34071466b5d061b7c3d1d463%2F2b31207d2addc11e7d589fada9808712bfa21e218fde0aebcbd0bc989d18919d.png?alt=media" alt="" data-size="original"></p>                                                                                                                      |
| Bouton de partage WhatsApp                         | <p>Affiche un bouton Partager via WhatsApp avec un texte personnalisable. Lorsqu’on clique dessus, le bouton redirige vers un nouveau message sur le compte Whatsapp de l’utilisateur, avec le message social de la marque déjà chargé.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e3b0d2368c1eaa1b37d41216636f85eee4c9e138%2Fb939f470eb31109551821fe0d22887a99ae81678872ff3241ddcfe2e382c5796.png?alt=media" alt="" data-size="original"></p>                                                                                                                                      |
| Bouton de partage LINE                             | <p>Affiche un bouton Partager via Line Messenger avec un texte personnalisable. Lorsqu’on clique dessus, le bouton redirige vers un nouveau message dans l’application Line Messenger de l’utilisateur, avec le message social de la marque déjà chargé.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0551e0947b75a319cd37b2fc5190f94aa7ac3275%2Fc9b7ee44e3f60422f7f0c1314fd669569eac6da0c1f4cdfe8baa7733f704b67b.png?alt=media" alt="" data-size="original"></p>                                                                                                                     |
| Bouton de partage Pinterest                        | <p>Affiche un bouton Partager sur Pinterest avec un texte personnalisable. Lorsqu’on clique dessus, le bouton redirige vers une nouvelle publication sur le profil Pinterest de l’utilisateur, avec le message social de la marque déjà chargé.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-6c91830cc012ce3ddbdd99a80c2ab4808e27eb14%2F32f7f7814c6be91a947add2d5d7f0bb5b375a16f212313a18774e79dfa562374.png?alt=media" alt="" data-size="original"></p>                                                                                                                              |
| Lien de partage                                    | <p>Affiche le lien de partage du participant pour ce programme.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-a7096d63847a389d28ffebcc71d0883ed90cc525%2F2eb89dd61c2c37dbc09f4a4d765b980826a5a3f755bad93880e9fb9248593db6.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                                              |
| Code QR                                            | <p>Affiche le lien de partage du participant sous forme de code QR pour ce programme.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1aa383efd76c4268b71ab2118635a650a5dca9b3%2Fb575c24753eb2779431f9a9bfe56e84abd836992751052ea5d6b58b54a2fd964.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                        |

</details>

<details>

<summary>Recommandations</summary>

*Parrainage* les composants affichent des informations sur les amis recommandés du participant et leur statut de conversion. Ils facilitent le suivi, pour les participants, de qui ils ont recommandé, du moment où les conversions ont eu lieu et des récompenses obtenues grâce à ces recommandations.

| Composant                                             | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| ----------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Carte de recommandation                               | <p>Bloc de composant préformaté qui inclut <em>la chronologie du programme</em>, <em>le lien de partage</em>, et <em>Facebook</em>, <em>LinkedIn,</em> et <em>Twitter / X</em> composants de bouton de partage. Peut ajouter ou supprimer d’autres composants selon les besoins.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f756a1f54cf83ab690539ad68993287112cce6c0%2F8f6c3feabc2b64c582ba9c730c7813b993ead61741d6b21490dd04cc1a92c766.png?alt=media" alt="" data-size="original"></p> |
| Tableau des recommandations                           | <p>Affiche un tableau montrant les amis recommandés du participant, la date de conversion et le statut de conversion.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ce55181b973b561145f087c8112c6008d71daac2%2F14f8e870dfa6c7bf6ab3d1d1fc0ccdc296b2e0b654b72d9b955d7e658fcce1a3.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                            |
| Colonne de date du tableau des recommandations        | <p>Ajoutez une autre colonne de date au tableau des recommandations. Doit être placée dans le composant Tableau des recommandations.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-8992234a958c425bfc53bf938cd323162d62d857%2Fd33d6f5ef933f7df85c392f6733973cafe2b798ea1798628f55b67f201cb0734.png?alt=media" alt="" data-size="original"></p>                                                                                                                                             |
| Colonne de récompenses du tableau des recommandations | <p>Ajoutez une autre colonne de récompenses au tableau des recommandations. Doit être placée dans le composant Tableau des recommandations.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ef97eededbc5f92ec490dcab90fd10fb97170671%2F12c9225c7808b735b15b3534fd04a4ffbb7556b6fdc457a942f3ffb76456ba69.png?alt=media" alt="" data-size="original"></p>                                                                                                                                      |
| Colonne de statut du tableau des recommandations      | <p>Ajoutez une autre colonne de statut au tableau des recommandations. Doit être placée dans le composant Tableau des recommandations.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e3440cacb4114c9d370932773b6d92b971729d75%2F1cbe3630384c042632077d3cf87577401eaa02496651fbf90e6e4dba9f62a5aa.png?alt=media" alt="" data-size="original"></p>                                                                                                                                           |
| Colonne utilisateur du tableau des recommandations    | <p>Ajoutez une autre colonne client (ami recommandé) au tableau des recommandations. Doit être placée dans le composant Tableau des recommandations.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-07c39fcbf12ca844c00d89c7e423190d5e7ee38e%2F2e6b9f6c02a9670ddd7b2bf8fc050f6a8776851c6eac94b794c42d3aa33ed2f8.png?alt=media" alt="" data-size="original"></p>                                                                                                                             |

</details>

<details>

<summary>Avancé</summary>

Les composants avancés vous offrent un meilleur contrôle sur ce que les participants voient et sur le moment où ils le voient. Ils permettent l’affichage conditionnel de contenu, les remplacements de programme et d’autres configurations spécialisées qui aident à adapter l’expérience à des publics spécifiques.

| Composant                     | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Zone conditionnelle / segment | <p>Affichez le contenu de cette section uniquement lorsque le participant appartient à un certain <a href="/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participants/manage-advocate-user-segments.md">segment d’utilisateurs</a>.</p><p>Pour définir le segment utilisateur, ouvrez les propriétés du composant et modifiez l’expression JSONata dans le <em>Condition</em> champ.</p><p>Les utilisateurs appartenant au segment défini verront tout le contenu affiché dans la section conditionnelle, tandis que les utilisateurs qui n’appartiennent pas au segment ne verront pas ce contenu.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2fe790e8458995641bd60d7f1efc8f81a0c5598e%2Fbb4c121de32787e766f9d5930e0e34f0ce2637ab3a1dfc6aa5fb7bf7bb4bd0d5.png?alt=media" alt="" data-size="original"></p>                                                                                                                     |
| Zone conditionnelle / champ   | <p>Affichez le contenu de cette section uniquement lorsqu’un <a href="/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participants/custom-and-calculated-fields/custom-fields-for-advocate-explained.md">champ personnalisé</a> du profil du participant contient une certaine valeur.</p><p>Pour définir le nom et la valeur du champ personnalisé, ouvrez les propriétés du composant et modifiez l’expression JSONata dans le <em>Condition</em> champ.</p><p>Les utilisateurs disposant de la bonne valeur de champ personnalisé verront tout le contenu affiché dans la section conditionnelle, tandis que les utilisateurs qui ne disposent pas de la bonne valeur de champ personnalisé ne verront pas ce contenu.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2fe790e8458995641bd60d7f1efc8f81a0c5598e%2Fbb4c121de32787e766f9d5930e0e34f0ce2637ab3a1dfc6aa5fb7bf7bb4bd0d5.png?alt=media" alt="" data-size="original"></p> |
| Section du programme          | <p>Le composant de section de programme vous permet de remplacer l’ID de programme de ses composants enfants. Utilisez-le lorsque vous souhaitez afficher du contenu qui n’est pas lié à un programme spécifique. Inclus par défaut dans la plupart des modèles de widget et de microsite.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2fe790e8458995641bd60d7f1efc8f81a0c5598e%2Fbb4c121de32787e766f9d5930e0e34f0ce2637ab3a1dfc6aa5fb7bf7bb4bd0d5.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                              |

</details>

<details>

<summary>Typographie</summary>

Les composants de typographie vous permettent d’ajouter des blocs de texte formatés à votre widget ou microsite. Choisissez parmi :

* Paragraphe
* Titre 1
* Titre 2
* Titre 3
* Titre 4

  <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-a21333a42165afd0b94699beb820ce6f01d4967b%2F98486fd03f5278fcc0128c28d9b9c6a7a62508a7f08c0db73e8d274a1198d0e0.jpg?alt=media" alt="" width="208"><figcaption></figcaption></figure></div>

</details>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://help.impact.com/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-components-explained.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.