# Explication des composants de widgets et microsites

<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">Suivre le cours PXA</a>

{% hint style="success" %}
**Limité** : Les composants, en dehors de ceux fournis dans les modèles donnés, ne sont disponibles que pour certaines éditions de produit ou 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 « hero » et les cartes de tâches, qui constituent le widget ou le microsite de votre programme Advocate. Ces éléments façonnent [l'expérience du participant](https://help.impact.com/brand/fr/advocate-program/manage-advocate-participant-experiences/introduction-to-participant-experiences) 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 limitations de conception. Vous pouvez également prévisualiser les états de vos composants dans l'interface de l'éditeur.

<details>

<summary>Statistiques</summary>

Utiliser *Statistiques* les composants pour informer vos participants de leurs performances dans votre programme. Pour une liste des statistiques prises en charge par ces composants, visitez [Statistiques du widget et du microsite](https://help.impact.com/brand/fr/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained).

| Composant                         | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| --------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Solde de points                   | <p>Affiche le solde de Points du participant. Utilisé dans les programmes Advocate qui récompensent les participants par des points.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ff7233d6a49bcc71a20dc6cfb3bf75ee62364ff4%2Fe1d9aac51361456cf34386eb5b5617d320af8f5087f2d38e3e3b25ff04f6efc4.png?alt=media" alt="" data-size="original"></p>                                              |
| Cartes-cadeaux gagnées            | <p>Affiche le nombre de récompenses sous forme de carte-cadeau gagnées par l'Advocate.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-51c634a017ce4206b9e6412627708952b5768a3c%2F7ad00a45ca02abc61aa2883c4303e43a878e9702e3410bb5a6eedcb46d8100e4.png?alt=media" alt="" data-size="original"></p>                                                                                            |
| Références                        | <p>Affiche combien de parrainages le participant a effectués. Comprend les parrainages démarrés et convertis.</p><p><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c5433d26e89df79a0006bc70d66c7f136c8c4de9%2F40d8d181ce9bfcf7ca597db86ffddaf517b98fdcd65270945bcdef43faeccd2d.png?alt=media" alt="" data-size="original"></p>                                                                     |
| Conteneur avec trois statistiques | <p>Un modèle avec de la place pour trois statistiques. Les statistiques affichées peuvent être modifiées. Des statistiques peuvent être ajoutées ou supprimées 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-eb3c3041a0cabee4b4be38ed5160f4baa660ba92%2F8526311212dbbab7ee4417e937d156eb481f6feb7a254b4c3e84d21c814d00c9.png?alt=media" alt="" data-size="original"></p> |
| Autre statistique                 | Affiche une statistique de votre choix. Vous pouvez sélectionner entre une statistique de parrainage, diverses statistiques de récompense ou créer une statistique personnalisée.                                                                                                                                                                                                                                                                                                            |

</details>

<details>

<summary>Composants courants</summary>

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

| Composant                        | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Image hero en deux colonnes      | <p>Une image de bannière et un texte d'en-tête s'étendant sur deux colonnes. L'image, le texte et la couleur d'arrière-plan peuvent être mis à jour.</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 hero avec superposition    | <p>Une image de bannière avec un texte superposé. L'image, le texte et la couleur d'arrière-plan peuvent être mis à jour.</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 d'arrière-plan, 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 de lien                   | <p>Un bouton cliquable qui redirige les participants vers le lien que vous avez choisi. La couleur du bouton est contrôlée par la couleur de la marque définie au niveau du conteneur de la 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>                                                                                                                 |
| Explication du programme         | <p>Un modèle expliquant le fonctionnement d'un programme Advocate, par exemple comment gagner des récompenses. Comprend 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 la marque définie au niveau du conteneur de la 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 d'explication du programme | <p>Ajoutez un texte descriptif pour expliquer une partie de votre programme. S'intègre dans un composant d'explication du programme. La couleur est contrôlée par la couleur de la marque définie au niveau du conteneur de la 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>Affiche un aperçu du parcours de parrainage et des récompenses pour vos participants. Ajoutez ou supprimez des entrées de chronologie selon les besoins. La couleur de l'icône circulaire et des lignes entre les entrées est contrôlée par la couleur de la marque définie au niveau du conteneur de la 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> |
| Entrée de chronologie            | <p>S'intègre dans un composant de chronologie du programme pour montrer une étape du parcours de parrainage. La couleur de l'icône circulaire et des lignes entre les entrées est contrôlée par la couleur de la marque définie au niveau du conteneur de la 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 d'utilisateur   | <p>Insère dynamiquement le nom complet du participant. Par défaut, « 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 :** *Les composants de récompense* 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 les progrès vers les objectifs du programme Advocate directement depuis 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 la marque définie au niveau du conteneur de la 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>Permet aux participants d'échanger des récompenses gagnées contre un autre type de récompense.</p><p>Vous devez avoir <a href="../advocate-rewards/reward-exchange-explained">É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 que le participant a gagnées. 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 colonne de notes supplémentaire au tableau des récompenses. Doit être placé 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 colonne de date supplémentaire au tableau des récompenses. Doit être placé 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 colonne de récompense supplémentaire au tableau des récompenses. Doit être placé 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 de source        | <p>Ajoutez une colonne de source supplémentaire au tableau des récompenses. Doit être placé 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 colonne de statut supplémentaire au tableau des récompenses. Doit être placé 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 de microsite</summary>

*Les composants de* microsite 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 de programme.

| Composant                             | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| ------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Champ case à cocher du formulaire     | <p>Ajoutez une case à cocher au formulaire d'inscription. Vous pouvez mapper si la case a été cochée sur un champ personnalisé du participant Advocate. Consultez Voir vos soumissions de formulaire d'inscription du 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 menu déroulant du formulaire | <p>Ajoutez une liste déroulante avec des éléments personnalisables au formulaire d'inscription. Vous pouvez mapper 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 mapper 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 le support</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 remplissables Prénom et Nom de famille 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 la barre latérale          | <p>Ajoutez une nouvelle page ou un lien à la navigation de la barre latérale de votre microsite. Peut seulement ê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 mot de passe du formulaire      | <p>Ajoutez un champ de mot de passe remplissable 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 d'accès instantané facilitent et accélèrent l'inscription des amis parrainé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 parrainage à accès instantané ou des flux d'inscription d'amis.

| Composant                        | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| -------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Code coupon                      | <p>Affiche un code échangeable pour une récompense Fuel Tank.</p><p>Le <a href="../advocate-rewards/fuel-tank-rewards-explained">réservoir de récompenses</a> doit disposer de codes coupon 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 d'Advocate           | <p>Permet aux nouveaux Advocates d'entrer leur adresse e-mail pour s'inscrire et faire des parrainages. Après avoir saisi leur adresse e-mail, les utilisateurs seront dirigés vers un deuxième écran où ils pourront accéder à leurs liens de partage. Utilisé pour le widget de parrainage 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éconnecter l'utilisateur actuel | <p>Permet au spectateur de quitter l'affichage personnalisé d'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'ami                | <p>Permet aux amis parrainés d'entrer leur adresse e-mail pour s'inscrire. Après avoir saisi leur adresse e-mail, les utilisateurs seront dirigés vers un deuxième écran où ils pourront accéder à leur récompense Code coupon. Utilisé pour le widget d'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 de mise en page 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                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| ----------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Disposition hero en deux colonnes   | <p>Ajoutez une mise en page hero comportant 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 disposition 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 disposition 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. Comprend trois onglets 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 inclinée                    | <p>Ajoutez une nouvelle section qui contient un titre et un paragraphe de texte. 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 de facture vous permettent d'insérer des composants de facture pour afficher les données de gains.

| Composant                               | Description                                                                                                                                                                                                                                                                                                                                                                                 |
| --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Tableau des factures                    | <p>Ajoutez un accordéon de facture extensible qui contient 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 de classement vous permet de classer vos participants au programme, d'offrir des récompenses aux meilleurs performeurs et d'inciter les participants à générer de meilleurs résultats dans votre programme. Ajoutez des classements à votre [widget à accès vérifié](https://help.impact.com/brand/fr/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained) ou [microsite](https://help.impact.com/brand/fr/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview), 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](https://help.impact.com/brand/fr/advocate-program/manage-advocate-participant-experiences/leaderboards-explained)
* [Configurer un classement](https://help.impact.com/brand/fr/advocate-program/manage-advocate-participant-experiences/set-up-a-leaderboard)

| Composant           | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Parrainage démarré  | <p>Ce type de classement classe les participants selon le nombre de parrainages qu'ils ont initiés. Les scores de vos advocates clients correspondront au nombre de parrainages initiés.</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>                                                                                                                                                                                |
| Parrainage converti | <p>Ce type de classement classe les participants selon le nombre de parrainages qu'ils ont convertis. Les parrainages sont considérés comme convertis une fois que l'ami parrainé 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 parrainages convertis.</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 par des Points. Toutes les unités de récompense Points sont comptées tant qu'elles ne sont pas en attente ou annulées. 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>Taxe et espèces</summary>

*Les composants de taxe et espèces* vous permettent d'incorporer la collecte de formulaires fiscaux et des options de paiement en espèces dans votre [widget à accès vérifié](https://help.impact.com/brand/fr/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained) ou [microsite](https://help.impact.com/brand/fr/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview).

Ce groupe de composants n'est disponible que si la [*fonction paiements en espèces*](https://help.impact.com/brand/fr/advocate-program/advocate-rewards/pay-with-cash/cash-payouts-for-advocate-explained) a été activée pour votre compte.

| Composant                                                  | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
| ---------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Alerte de statut de paiement                               | <p>Alertez le participant des actions qu'il doit effectuer avant de pouvoir recevoir un paiement en espèces. Le composant comprend un bouton d'appel à l'action qui emmène le participant à la révision de ses paramètres de paiement.</p><p>Personnalisez éventuellement l'une des descriptions de texte que le participant verra lorsqu'il affichera 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 pour microsite et widget | <p>Insérez un formulaire qui collecte les informations bancaires des participants et les formulaires fiscaux applicables, tels qu'un W-8 ou un W-9.</p><p>Personnalisez éventuellement l'une des descriptions de texte que le participant verra lorsqu'il affichera 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 de partage offrent aux participants des moyens pratiques de promouvoir leurs liens de parrainage et codes sur plusieurs canaux. Lorsqu'un participant clique sur un bouton de partage, il ouvre le canal choisi, tel que *Facebook*, *LinkedIn*, *WhatsApp*, ou *e-mail*, avec un message ou un lien prérempli, prêt à être envoyé.

Certains composants, comme le code de parrainage, affichent le code de parrainage ou promo individuel du participant avec une option de copie dans le presse-papiers pour un partage rapide. D'autres, comme les codes promo, présentent plusieurs codes disponibles (si alloués) dans une vue en glissière, et comprennent des boutons de partage pour que les participants puissent instantanément publier ou envoyer le code sélectionné. Ces outils facilitent le bouche-à-oreille et la génération de nouveaux parrainages.

| Composant                                        | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Code de parrainage                               | <p>Affiche un champ de code de parrainage 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 promo de parrainage avec un curseur pour basculer entre divers codes si plus d'un a été attribué. Il comprend également un lien de partage et 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, le bouton redirige vers une nouvelle publication sur le profil Facebook de l'utilisateur avec le message social de la marque pré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, le bouton redirige vers une nouvelle publication sur le compte X de l'utilisateur avec le message social de la marque pré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, le bouton ouvrira l'application de messagerie par défaut de l'utilisateur et commencera un nouvel e-mail avec le message social de la marque pré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 pour feuille de partage mobile | <p>Affiche un bouton pour partager depuis le navigateur web du participant. Lorsqu'on clique, le bouton ouvre un menu listant toutes les applications disponibles que l'utilisateur peut utiliser 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 pré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, le bouton redirige vers une nouvelle publication sur le profil LinkedIn de l'utilisateur avec le message social de la marque pré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 SMS                            | <p>Affiche un bouton Envoyer un message à un ami avec un texte personnalisable. Lorsqu'on clique, le bouton redirige vers l'application SMS/messagerie par défaut de l'utilisateur, et un nouveau message SMS sera créé avec le message social de la marque pré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, le bouton redirige vers un nouveau message dans l'application Facebook Messenger de l'utilisateur avec le message social de la marque pré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, le bouton redirige vers un nouveau message dans le compte WhatsApp de l'utilisateur avec le message social de la marque pré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, le bouton redirige vers un nouveau message dans l'application Line Messenger de l'utilisateur avec le message social de la marque pré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, le bouton redirige vers une nouvelle publication sur le profil Pinterest de l'utilisateur avec le message social de la marque pré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>Références</summary>

*Référence* Les composants de parrainage affichent des informations sur les amis parrainés du participant et leur statut de conversion. Ils facilitent le suivi de qui le participant a parrainé, quand les conversions ont eu lieu et quelles récompenses ont été gagnées grâce à ces parrainages.

| Composant                                       | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| ----------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Carte de parrainage                             | <p>Bloc de composant préformaté qui inclut <em>chronologie du programme</em>, <em>lien de partage</em>, et <em>Facebook</em>, <em>LinkedIn,</em> et <em>Twitter / X</em> des 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 de parrainage                           | <p>Affiche un tableau montrant les amis parrainé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 de parrainage        | <p>Ajoutez une colonne de date supplémentaire au tableau de parrainage. Doit être placé dans le composant Tableau de parrainage.</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 de parrainage | <p>Ajoutez une colonne de récompenses supplémentaire au tableau de parrainage. Doit être placé dans le composant Tableau de parrainage.</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 de parrainage      | <p>Ajoutez une colonne de statut supplémentaire au tableau de parrainage. Doit être placé dans le composant Tableau de parrainage.</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 d'utilisateur du tableau de parrainage  | <p>Ajoutez une colonne client (ami parrainé) supplémentaire au tableau de parrainage. Doit être placé dans le composant Tableau de parrainage.</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 donnent plus de contrôle sur ce que les participants voient et quand 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 audiences spécifiques.

| Composant                     | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| ----------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Zone conditionnelle / Segment | <p>Affichez du contenu dans cette section uniquement lorsque le participant appartient à un certain <a href="../manage-advocate-participants/manage-advocate-user-segments">segment d'utilisateurs</a>.</p><p>Pour définir le segment d'utilisateurs, ouvrez les propriétés du composant et modifiez l'expression JSONata dans le <em>Champ 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 n'appartenant pas au segment ne verront pas le 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 du contenu dans cette section uniquement lorsqu'un <a href="../manage-advocate-participants/custom-and-calculated-fields/custom-fields-for-advocate-explained">champ personnalisé</a> du profil du participant contient une certaine valeur.</p><p>Pour définir le nom du champ personnalisé et sa valeur, ouvrez les propriétés du composant et modifiez l'expression JSONata dans le <em>Champ Condition</em> champ.</p><p>Les utilisateurs ayant la valeur correcte du champ personnalisé verront tout le contenu affiché dans la section conditionnelle, tandis que les utilisateurs n'ayant pas la bonne valeur du champ personnalisé ne verront pas le 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 de programme          | <p>Le composant Section de programme vous permet de remplacer l'ID du 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. Sélectionnez 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>
