# Intégrer un widget de préférences à une seule ou plusieurs finalités

{% hint style="success" %}
**Type d'accès :** PMP Widgets - Éditeur

**Fonctionnalité Premium**: Plateforme de gestion des préférences
{% endhint %}

Une fois qu'un widget de préférences à usage unique ou polyvalent est publié, il peut être intégré avec succès sur le(s) site(s) Web de votre organisation. Dans cet article, nous présentons un aperçu des prérequis et du processus d'intégration de ces widgets de préférences.

* [Prérequis](#prerequisites)
* [Intégrer le widget de préférences](#embed-preferences-widget)

{% hint style="warning" %}
**Remarque**: Les instructions de cet article et de cette section supposent que votre organisation crée et configure votre widget de préférences dans la console Didomi, ce qui limite les options de déploiement disponibles par [format de widget](https://docs.didomi.io/moIvfcA7NSpjmwGZ7dzv/fr/plateforme-de-gestion-des-preferences-pmp/widgets-de-preferences/formats-des-widgets-de-preferences). 

[Cliquez ici ](https://docs.didomi.io/moIvfcA7NSpjmwGZ7dzv/fr/plateforme-de-gestion-des-preferences-pmp/widgets-de-preferences/..#didomi-console-vs-didomi-api)pour en savoir plus sur les différences entre l'utilisation de la console Didomi et l'API Didomi et leur impact sur le déploiement.  
{% endhint %}

### Prérequis

Les widgets de préférences doivent être intégrés dans un environnement authentifié (c.-à-d. Didomi doit disposer d'un moyen de vérifier l'identité de l'utilisateur final et de stocker/associer l'enregistrement des préférences au bon utilisateur). L'authentification doit être effectuée dans le backend de votre organisation.

{% hint style="success" %}
[Cliquez ici](https://developers.didomi.io/api-and-platform/widgets/privacy-widgets/authentication/authenticate-your-end-user#server-authentication) pour en savoir plus sur les différentes manières dont votre organisation peut authentifier un utilisateur final.
{% endhint %}

### Intégrer le widget de préférences

La configuration de votre widget de préférences publié est stockée dans un compartiment Amazon S3 et peut être accessible en chargeant le SDK Didomi et en ajoutant le conteneur Didomi pertinent sur votre site Web.

{% hint style="info" %}
[Cliquez ici](https://developers.didomi.io/api-and-platform/widgets/privacy-widgets/deploy-a-widget/implement-an-embeddable-widget-on-your-website) pour consulter notre documentation pour développeurs sur la manière d'intégrer un widget de préférences à usage unique ou polyvalent sur votre site Web.
{% endhint %}

Pour trouver les extraits de code nécessaires à ajouter sur le(s) site(s) Web de votre organisation, cliquez **Préférences** dans le panneau de gauche et assurez-vous que **Widgets** onglet est sélectionné sur la page suivante. 

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2F7gU510PHXyA9PuFFLpSs%2FScreenshot%202026-02-13%20at%2010.44.54%E2%80%AFAM.png?alt=media&#x26;token=910c1610-0115-4e25-aa45-e5d0196cbba2" alt="" width="563"><figcaption></figcaption></figure>

Accédez à un widget de préférences via un [statut de publication ](https://docs.didomi.io/moIvfcA7NSpjmwGZ7dzv/fr/plateforme-de-gestion-des-preferences-pmp/widgets-de-preferences/glossaire-du-statut-du-widget-de-preferences)de **Publié** dans la liste et cliquez sur l' **Modifier** icône alignée avec le nom du widget de préférences.

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2Ff7pyg3JJR0WGM8y1S44d%2FScreenshot%202025-09-30%20at%2011.07.29%E2%80%AFAM.png?alt=media&#x26;token=db50861e-a7c5-479c-b348-52683aab4121" alt="" width="563"><figcaption></figcaption></figure>

Sélectionnez le **Intégration** onglet dans le flux de configuration du widget de préférences et accédez au panneau de droite.

Utilisez les champs fournis pour copier-coller le script du SDK et l'extrait de code du conteneur Didomi sur votre(s) site(s) Web. Les valeurs nécessaires seront déjà insérées dans le code copié.

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2F7eCGfIPhQkwUt8x9FgTw%2FScreenshot%202025-09-30%20at%2011.15.24%E2%80%AFAM.png?alt=media&#x26;token=fa77bbdc-11e3-4f98-84e9-e283aee1fe84" alt="" width="563"><figcaption></figcaption></figure>