> 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 des outils ou des pages hébergés à l’extérieur directement dans l’interface impact.com via un iframe. 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 widget personnalisé

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 une **Description** pour le widget personnalisé.
3. Facultativement, saisissez une **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 devraient 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 la **Image d’aperçu** section, sélectionnez **Choisir un fichier** pour téléverser une miniature. Assurez-vous que le fichier est au format GIF, JPG ou PNG et ne dépasse pas 512 Ko.
3. Dans la section **URL du widget** champ, saisissez l’adresse web où votre widget est hébergé.
4. À partir des ![](/files/b04f0278cecdb6d4cd1acab522796f8fbdcb0fa1)**\[Menu déroulant]**, sélectionnez le protocole (par ex. https\://) qui correspond à la sécurité de votre site.
5. Facultativement, 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 la [Jetons de champs dynamiques](#dynamic-field-tokens) section ci-dessous pour une description de chaque jeton.
   {% endstep %}

{% step %}

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

À partir des **Langue** ![](/files/b04f0278cecdb6d4cd1acab522796f8fbdcb0fa1)**\[Menu déroulant]**, sélectionnez la langue dans laquelle ce widget s’affichera.
{% 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 champs dynamiques</summary>

| Jeton                          | Description                                                |
| ------------------------------ | ---------------------------------------------------------- |
| `{click_url_encoded}`          | URL de clic encodée                                        |
| `{click_url}`                  | URL de clic non encodée                                    |
| `{irimpurl}`                   | Notre URL d’impression                                     |
| `{irpid}`                      | ID du partenaire                                           |
| `{subid1}`                     | Sous-ID partenaire 1                                       |
| `{subid2}`                     | Sous-ID partenaire 2                                       |
| `{subid3}`                     | Sous-ID partenaire 3                                       |
| `{sharedId}`                   | ID partagé                                                 |
| `{iradid}`                     | ID d'annonce                                               |
| `{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.
