> 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/platform-features/reach-out-to-partners/generate-leads/create-a-custom-widget.md).

# Créer un widget personnalisé

Développez des outils dynamiques qui permettent aux partenaires de promouvoir votre marque. Les widgets personnalisés vous permettent d’intégrer directement dans l’interface impact.com, via une iframe, des outils ou des pages hébergés à l’extérieur. Utilisez ce guide pour créer et configurer un widget de contenu personnalisé qui fournit des ressources personnalisées et une expérience de marque cohérente à vos partenaires.

{% stepper %}
{% step %}

#### Accédez au créateur de widgets personnalisés

1. Dans le menu de navigation de gauche, sélectionnez ![](/files/15f4c8f88cb75624c1f6a18cb768e8f494128ac4) **\[Engage]** → **Contenu** → [**Widgets**](https://app.impact.com/secure/advertiser/engage/ads/list-widget-tool-flow.ihtml)**.**
2. Dans le coin supérieur droit, sélectionnez **Créer un widget** → **Personnalisé**.
   {% endstep %}

{% step %}

#### Saisissez les détails du widget

1. Saisissez un **Nom** du widget personnalisé.
2. Facultativement, saisissez un **Description** pour le widget personnalisé.
3. Facultativement, saisissez un **Libellé** pour le widget personnalisé.
4. Si nécessaire, ![](/files/305a4944a71dea362e7149113d0a2b30f3a73a14) **\[Activer] Restreindre l’accès des partenaires** pour spécifier les partenaires et groupes individuels qui doivent avoir accès au widget.
   * **Partenaires :** Saisissez le nom des partenaires qui peuvent accéder au widget personnalisé.
   * **Groupes :** Saisissez le nom des groupes qui peuvent accéder au widget personnalisé.
     {% endstep %}

{% step %}

#### Configurez le widget

1. Sélectionnez le comportement du widget parmi les options d’affichage :
   * **Ouvrir dans un nouvel onglet :** Ouvre l’URL hébergée dans un onglet séparé.
   * **Intégrer dans impact.com :** Affiche le widget directement dans l’interface de la plateforme.
2. Facultativement, dans le **Aperçu de l’image** , sélectionnez **Choisir un fichier** pour importer une miniature. Assurez-vous que le fichier est au format GIF, JPG ou PNG et ne dépasse pas 512 Ko.
3. Dans la **URL du widget** champ, saisissez l’adresse web où votre widget est hébergé.
4. Depuis le ![](/files/b04f0278cecdb6d4cd1acab522796f8fbdcb0fa1)**\[Menu déroulant]**, sélectionnez le protocole (par ex. https\://) qui correspond à la sécurité de votre site.
5. En option, sélectionnez ![](/files/2e9a31a024d0b16eff92531050fb4093467526d2) **\[Ajouter] Insérer des champs dynamiques** pour développer la liste des jetons.
6. Repérez le jeton que vous souhaitez utiliser et sélectionnez **Insérer**. La plateforme ajoutera automatiquement le jeton (par ex. {irpid}) à votre **URL du widget**. Consultez le [Jetons de champ dynamique](#dynamic-field-tokens) section ci-dessous pour une description de chaque jeton.
   {% endstep %}

{% step %}

#### Mettre à jour les paramètres avancés

Depuis le **langue** ![](/files/b04f0278cecdb6d4cd1acab522796f8fbdcb0fa1)**\[Menu déroulant]**, sélectionnez la langue d’affichage de ce widget.
{% endstep %}

{% step %}

#### Finalisez le widget personnalisé

Sélectionnez **Créer** pour enregistrer votre widget. Les partenaires peuvent trouver ce widget dans *Widgets de contenu*.
{% endstep %}
{% endstepper %}

<details>

<summary>Jetons de champ dynamique</summary>

| Jeton                          | Description                                                |
| ------------------------------ | ---------------------------------------------------------- |
| `{click_url_encoded}`          | URL du clic encodée                                        |
| `{click_url}`                  | URL du clic non encodée                                    |
| `{irimpurl}`                   | Notre URL d’impression                                     |
| `{irpid}`                      | ID du partenaire                                           |
| `{subid1}`                     | ID sous-partenaire 1                                       |
| `{subid2}`                     | ID sous-partenaire 2                                       |
| `{subid3}`                     | ID sous-partenaire 3                                       |
| `{sharedId}`                   | ID partagé                                                 |
| `{iradid}`                     | ID de publicité                                            |
| `{ircid}`                      | ID du programme                                            |
| `{click_url_encoded_deeplink}` | URL de clic encodée avec paramètre de lien profond ajouté. |

</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 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/platform-features/reach-out-to-partners/generate-leads/create-a-custom-widget.md?ask=<question>&goal=<endgoal>
```

`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.
