> 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/component-libraries-explained.md).
# Explication des bibliothèques de composants
Les composants sont les blocs de construction individuels, comme les images principales et les cartes de tâche, qui composent votre widget ou microsite. Tous nos modèles actuels sont alimentés par nos bibliothèques de composants Mint et Bedrock.
Composants Mint
Les widgets et microsites créés avec les composants Mint offrent aux ambassadeurs clients les dernières expériences Advocate. La plupart des modèles actuels utilisent les composants Mint. Si vous ne savez pas si vous utilisez la bibliothèque de composants actuelle, vous pouvez vérifier manuellement pour vous en assurer et mettre à jour votre bibliothèque si nécessaire.
Pour passer aux composants Mint pour votre **widget du programme**:
1. Dans le menu de navigation de gauche, sélectionnez  **\[Engage] → Contenu**.
2. Sélectionnez **Modifier les widgets** sur le *widgets* carte.
3. Sélectionnez le nom du widget que vous souhaitez modifier.
4. Dans le menu latéral gauche, sélectionnez **Packages**.
5. Sélectionnez  **Ajouter un package**.
6. Sélectionnez **Ajouter** sur le *Composants Mint* carte.
Pour passer aux composants Mint pour votre **microsite**:
1. Dans le menu de navigation de gauche, sélectionnez  **\[Engage] → Contenu.**
2. Sélectionnez le **Modifier les paramètres** le bouton sur l’en-tête *microsite* carte.
3. Sous les *Hébergement du site* rubrique, accédez à la *Packages* section.
4. Sélectionnez  **Ajouter un package**.
5. Sélectionnez **Ajouter** sur le *Composants Mint* carte.
6. Sélectionnez **Enregistrer**.
Composants Bedrock
Tous les modèles alimentés par les composants Mint disposent également du package de composants Bedrock installé. Les composants Bedrock ne peuvent pas être vus par les participants, mais ils offrent la possibilité d'ajouter une logique avancée à votre conception. Ils peuvent afficher conditionnellement d'autres composants et définir de quel programme un composant tire ses données. Vous pouvez trouver le package de composants Bedrock dans la *Composants avancés* section dans l’onglet *Ajouter* dans l’éditeur de widget ou de microsite.
Il y a deux composants dans le package de composants Bedrock :
**Section conditionnelle**
Le *section conditionnelle* Le composant vous permet d'inclure du contenu conditionnel en fonction de l'e-mail, du pays, du segment ou du champ personnalisé d'un participant. Insérez une expression JSONata dans la *Condition* zone pour définir les conditions d'affichage. Ensuite, déplacez tout contenu que vous souhaitez afficher à un groupe spécifique de participants dans la section conditionnelle.
**Section programme**
Le *section programme* Le composant vous permet de remplacer l'ID de programme de ses composants enfants. Utilisez-le pour afficher du contenu qui n'est pas lié à un programme spécifique. Le *Section programme* composant est inclus par défaut dans la plupart des modèles de widget et de microsite.
Bibliothèques de composants personnalisées
Vous pouvez créer et utiliser vos propres packages de composants pour personnaliser davantage votre expérience Advocate. Ces composants peuvent être ajoutés à n'importe quel modèle et utilisés en parallèle des composants fournis par Advocate.
Les widgets Advocate utilisent du HTML standard et [des composants web](https://www.webcomponents.org/) . Pour utiliser vos propres composants dans notre éditeur de widgets, ils doivent être écrits en tant que composants web.
Pour commencer à créer votre widget avec des composants personnalisés, installez votre package personnalisé :
1. Dans le menu de navigation de gauche, sélectionnez  **\[Engage] → Contenu**.
2. Sélectionnez **Modifier les widgets** sur la carte des widgets.
3. Sélectionnez le nom du widget que vous souhaitez modifier.
4. Dans le menu latéral gauche, sélectionnez **Packages**.
5. Sélectionnez  **Ajouter un package**.
6. Sélectionnez  **Ajouter depuis NPM**.
7. Saisissez le package *nom*, *version* et *chemin du fichier*.
8. Sélectionnez **Ajouter**.
---
# 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 dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://help.impact.com/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/component-libraries-explained.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
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.