# Installer des packages NPM personnalisés pour Advocate

Vous pouvez installer des packages NPM personnalisés à utiliser dans le microsite ou les widgets de votre programme Advocate.

#### Installer un package NPS personnalisé

{% tabs %}
{% tab title="Installer des packages NPM personnalisés pour un microsite" %}
Si vous souhaitez utiliser des composants personnalisés pour créer votre microsite, vous pouvez alors installer un package personnalisé.

1. Dans le menu de navigation de gauche, sélectionnez ![](https://impact-1.gitbook.io/docs/emvxfLrwrlacc4y3y02Y/~gitbook/image?url=https%3A%2F%2F4048883401-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FwMLlMoFBtKJa8ptd3zaw%252Fuploads%252Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%252Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg%3Falt%3Dmedia\&width=300\&dpr=3\&quality=100\&sign=71dd50ef\&sv=2) **\[Engage] → Contenu**.
2. Dans la *Carte du microsite*, sélectionnez **Modifier les paramètres**.
3. Sous le *Hébergement du site* sélectionnez **+ Ajouter un package** → **Ajouter depuis NPM**.
4. Saisissez le nom du package, *Version*, et *Fichier* chemin.
5. Sélectionnez **Ajouter**.

   * Revenez à l' [éditeur de microsite](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsite-editor-explained.md) pour commencer à ajouter vos composants personnalisés à votre site.

   <div data-with-frame="true"><figure><img src="/files/fdc4d222206e8d06a106585901387e0b76dcc1ea" alt="" width="403"><figcaption></figcaption></figure></div>

{% endtab %}

{% tab title="Installer des packages NPM personnalisés pour les widgets du programme" %}
Si votre programme possède un widget personnalisé qui n'utilise pas nos composants, vous pouvez installer un package personnalisé.

1. Dans le menu de navigation de gauche, sélectionnez ![](https://impact-1.gitbook.io/docs/emvxfLrwrlacc4y3y02Y/~gitbook/image?url=https%3A%2F%2F4048883401-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FwMLlMoFBtKJa8ptd3zaw%252Fuploads%252Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%252Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg%3Falt%3Dmedia\&width=300\&dpr=3\&quality=100\&sign=71dd50ef\&sv=2) **\[Engage] → Contenu**.
2. Dans la carte du widget, sélectionnez **Modifier les widgets**.
3. Sous *Widgets du programme*, sélectionnez un widget.

<div data-with-frame="true"><figure><img src="/files/967c0fa128efebfe938ee58922b7d91e68bfa398" alt="" width="563"><figcaption></figcaption></figure></div>

1. Dans le menu de navigation de gauche, sélectionnez **Packages**.
2. Sélectionnez ![](/files/cf2dcd04143acd524c428ed9f8320fedc9409229) **Ajouter un package**.
3. Sélectionnez **Ajouter depuis NPM**.
4. Saisissez le nom du package, la version et le chemin du fichier.
5. Sélectionnez **Ajouter**.
   {% endtab %}
   {% endtabs %}

En savoir plus sur la façon de [Personnaliser les widgets du programme](/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md)


---

# Agent Instructions: 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:

```
GET https://help.impact.com/brand/fr/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/install-custom-npm-packages-for-advocate.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.