# Modifier le widget de préférences

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

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

Un widget de préférences est le formulaire personnalisable destiné aux utilisateurs finaux que votre organisation affiche pour recueillir les préférences des utilisateurs finaux telles que définies dans l'arborescence de configuration de votre organisation. Dans cet article, nous couvrirons la manière de gérer le flux de configuration du widget de préférences pour modifier un widget de préférences existant.

* [Enregistrer les modifications du widget de préférences](#save-preferences-widget-edits)
* [Nom du widget de préférences](#preferences-widget-name)
* [Finalités et préférences](#purposes-and-preferences)
* [Apparence](#look-and-feel)
* [Éditeur de contenu](#content-editor)
* [Publier le widget de préférences](#publish-preferences-widget)

Pour commencer, 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 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%2FjylJDbIw23pGUhLcrjeI%2FScreenshot%202025-09-26%20at%201.27.01%E2%80%AFPM.png?alt=media&#x26;token=a8956df0-73d5-49fb-862f-44456cd1f8b8" alt="" width="563"><figcaption></figcaption></figure>

***

### Enregistrer les modifications du widget de préférences

Modifiez les différents composants du widget de préférences en utilisant les onglets du flux de configuration du widget de préférences. Enregistrez votre progression à tout moment en cliquant sur le **Enregistrer** icône dans le coin supérieur droit.&#x20;

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2FF2GhqVSzouJdndTmYFRt%2FScreenshot%202025-09-26%20at%2011.18.04%E2%80%AFAM.png?alt=media&#x26;token=1c069926-4b02-4e0a-b857-8717b2ae66cd" alt="" width="563"><figcaption></figcaption></figure>

Consultez le tableau ci-dessous pour obtenir des informations sur la façon dont l'enregistrement des modifications de votre widget de préférences impacte le [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) du widget :

<table><thead><tr><th width="219.083251953125">Statut de publication d'origine</th><th></th></tr></thead><tbody><tr><td>Brouillon</td><td>Les modifications enregistrées n'auront aucun impact sur le statut de publication du widget de préférences et le statut restera <strong>Brouillon</strong>.</td></tr><tr><td>Publié</td><td>Les modifications enregistrées d'un widget de préférences publié changeront le statut de publication en <strong>Modifications non publiées</strong>. Le widget de préférences devra être republié pour que les modifications apparaissent sur les sites Web où le widget a été déployé/intégré.<br><br><mark style="color:par défaut;background-color:$info;"><strong>Remarque</strong>: Le fait de republier le widget de préférences créera une nouvelle version du widget avec ses nouvelles modifications qui pourra être suivie dans l'</mark> <a href="historique-des-versions-du-widget-de-preferences"><mark style="color:par défaut;background-color:$info;">historique des versions du widget</mark></a><mark style="color:par défaut;background-color:$info;">.</mark></td></tr></tbody></table>

### Nom du widget de préférences

Modifiez le nom du widget de préférences en cliquant sur l' **Modifier** icône en ligne avec le nom du widget de préférences. Utilisez le champ fourni pour modifier le nom.

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2FcpDRnSkxkpuWu1oRqHnM%2FScreenshot%202025-09-26%20at%201.42.33%E2%80%AFPM.png?alt=media&#x26;token=abc4c0d5-b15c-465f-b268-f6ad012c9d34" alt="" width="563"><figcaption></figcaption></figure>

### Finalités et préférences

L'onglet Finalités & préférences du flux de configuration du widget de préférences permet à votre organisation de configurer les finalités spécifiques, les préférences et les options de valeur de préférence qui seront affichées via le widget de préférences.

Utilisez les outils du panneau de droite pour personnaliser les finalités, les préférences et/ou les options de valeur de préférence de votre organisation pour ce widget particulier. Reportez-vous au tableau ci-dessous pour les actions spécifiques pouvant être effectuées sur chaque composant :

<table><thead><tr><th width="187">Composant</th><th>Actions</th></tr></thead><tbody><tr><td>Finalité</td><td><p>Cliquez sur les points de suspension en ligne avec le nom de la finalité pour personnaliser la finalité.</p><ul><li>Afficher/masquer la finalité et ses préférences associées (basculer la section d'affichage)</li><li>Collecter le consentement pour la finalité (afficher la bascule de demande de consentement)</li><li>Réorganiser les finalités (flèches)</li></ul></td></tr><tr><td>Préférence</td><td><ul><li>Masquer la préférence (il faudra masquer toutes les options de valeur de préférence pour la préférence)</li><li>Réorganiser les préférences (flèches)</li></ul></td></tr><tr><td>Valeur de préférence</td><td><ul><li>Afficher/masquer l'option de valeur de préférence (bascule)</li><li>Réorganiser l'option de valeur pour la préférence (flèches)</li></ul></td></tr></tbody></table>

{% hint style="info" %}
Pour masquer complètement une préférence, votre organisation devra masquer toutes les options de valeur de préférence pour cette préférence
{% endhint %}

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2FF6Z4TDKycdvAphSd1AzT%2FScreenshot%202025-09-26%20at%2012.08.51%E2%80%AFPM.png?alt=media&#x26;token=27636d5a-3019-46f6-88ab-6f10e502ddc7" alt="" width="563"><figcaption></figcaption></figure>

### Apparence

L'onglet Apparence du flux de configuration du widget de préférences permet à votre organisation de personnaliser le design du widget de préférences. Utilisez le panneau de droite pour sélectionner :

* La forme du widget et de ses composants (la sélection s'appliquera aux cartes, conteneurs et boutons)
* Le schéma de couleurs (soit des thèmes prédéfinis, soit des couleurs personnalisées par élément en utilisant des hexadécimaux)

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2FlUu1Ylu9cdyZdSYy55Xa%2FScreenshot%202025-09-26%20at%201.50.44%E2%80%AFPM.png?alt=media&#x26;token=6030864f-d368-48e5-9e64-f8af3becad21" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="info" %}
Pour une flexibilité accrue en matière de conception et de comportement, votre organisation peut également configurer le widget de préférences pour qu'il soit un widget Headless via le **Avancé** onglet (disponible uniquement pour les widgets de préférences à finalité unique et à finalités multiples). [Cliquez ici](https://developers.didomi.io/api-and-platform/widgets/privacy-widgets/headless-widgets) pour en savoir plus sur la personnalisation de votre widget de préférences en tant que widget headless.&#x20;
{% endhint %}

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2F17mbjXZQTdQ79VkNnNaP%2FScreenshot%202025-09-26%20at%201.59.27%E2%80%AFPM.png?alt=media&#x26;token=4f3879c8-df3b-4fb5-84f5-75826ebdaf65" alt="" width="563"><figcaption></figcaption></figure>

### Éditeur de contenu

L'onglet Éditeur de contenu du flux de configuration du widget de préférences permet à votre organisation de modifier les textes et les traductions pour vos finalités et préférences sélectionnées sur une base par widget. Toute modification du texte pour vos finalités, préférences et options de valeur de préférence effectuée dans le widget de préférences **ne vont pas** modifier le texte d'origine de ces éléments dans la bibliothèque de préférences et/ou le gestionnaire de données.&#x20;

Dans cette section, nous fournirons un aperçu de la façon de naviguer dans l'éditeur de contenu d'un widget de préférences.

{% hint style="info" %}
[Cliquez ici](https://docs.didomi.io/moIvfcA7NSpjmwGZ7dzv/fr/plateforme-de-gestion-des-preferences-pmp/widgets-de-preferences/gerer-les-traductions-du-widget-de-preferences) pour des informations détaillées sur la gestion des traductions linguistiques pour les finalités, préférences et options de valeur de préférence de votre widget de préférences.&#x20;
{% endhint %}

Cliquez sur un élément dans l'aperçu du widget de préférences et utilisez les champs fournis dans le panneau de droite pour modifier le titre, la description, le contenu de la valeur, etc. pour cet élément dans la langue spécifiée.

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2Fn6qTL5BGlFw26B7lJG7R%2FScreenshot%202025-09-26%20at%202.35.40%E2%80%AFPM.png?alt=media&#x26;token=41a2f4f9-c1e8-4ea9-8bdd-e3be8c3f3968" alt="" width="563"><figcaption></figcaption></figure>

En plus de modifier le contenu de vos finalités et/ou préférences sélectionnées, votre organisation peut également modifier les éléments suivants pour chaque format de widget de préférences :

<table><thead><tr><th width="181.34991455078125">Élément</th><th data-type="checkbox">Widget à finalité unique</th><th data-type="checkbox">Widget multifinalité</th><th data-type="checkbox">Centre de préférences</th></tr></thead><tbody><tr><td>Finalité et/ou préférence</td><td>true</td><td>true</td><td>true</td></tr><tr><td>Carte d'enregistrement</td><td>false</td><td>true</td><td>true</td></tr><tr><td>Onglet du navigateur</td><td>false</td><td>false</td><td>true</td></tr><tr><td>En-tête</td><td>false</td><td>false</td><td>true</td></tr><tr><td>Pied de page</td><td>false</td><td>false</td><td>true</td></tr></tbody></table>

### Publier le widget de préférences

{% tabs %}
{% tab title="Widget à finalité unique / Widget à finalités multiples" %}
Cliquez sur **Publié** lorsque vous êtes satisfait des modifications apportées au widget de préférences et prêt à intégrer le widget sur un site Web.

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2FJAJBvU2cGKKqIe5N3UbK%2FScreenshot%202025-09-26%20at%202.42.08%E2%80%AFPM.png?alt=media&#x26;token=57824823-7acc-4467-935e-7976d310dc42" alt="" width="563"><figcaption></figcaption></figure>

Une fenêtre modale ultérieure confirmera lorsque le widget à finalité unique ou à finalités multiples aura été publié. Cliquez sur **Continuer**.

{% hint style="info" %}
Un <mark style="color:par défaut;background-color:$info;">nouvelle version du widget de préférences avec ses modifications actuelles sera disponible dans l'</mark> [<mark style="color:par défaut;background-color:$info;">historique des versions</mark>](https://docs.didomi.io/moIvfcA7NSpjmwGZ7dzv/fr/plateforme-de-gestion-des-preferences-pmp/widgets-de-preferences/historique-des-versions-du-widget-de-preferences)<mark style="color:par défaut;background-color:$info;">.</mark>&#x20;
{% endhint %}

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2F2PNKePMHj89SlFanrtrX%2FScreenshot%202025-09-26%20at%202.42.57%E2%80%AFPM.png?alt=media&#x26;token=3a7be6db-76fc-4f2c-8843-7f6a337563e0" alt="" width="345"><figcaption></figcaption></figure>

Vous serez redirigé vers l'onglet Intégration du flux de configuration du widget de préférences. [Cliquez ici](https://docs.didomi.io/moIvfcA7NSpjmwGZ7dzv/fr/plateforme-de-gestion-des-preferences-pmp/widgets-de-preferences/integrer-un-widget-de-preferences-a-une-seule-ou-plusieurs-finalites) pour des instructions détaillées sur la façon d'intégrer le code nécessaire sur votre site Web.
{% endtab %}

{% tab title="Centre de préférences" %}
Accédez au **Hébergement** onglet du flux de configuration du widget de préférences. Utilisez le panneau de droite pour sélectionner si votre organisation utilisera un domaine géré par Didomi ou un domaine personnalisé pour héberger le centre de préférences.

{% hint style="info" %}
[Cliquez ici](https://docs.didomi.io/moIvfcA7NSpjmwGZ7dzv/fr/plateforme-de-gestion-des-preferences-pmp/widgets-de-preferences/apercu-du-centre-de-preferences) pour consulter notre ressource dédiée sur le centre de préférences pour des informations supplémentaires sur l'hébergement.
{% endhint %}

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2FeWlqQQ2eBWntQ4cjJa0a%2FScreenshot_2025-09-26_at_4_10_22%E2%80%AFPM.jpg?alt=media&#x26;token=94b18a88-7125-4b57-904f-d052bc26ec76" alt="" width="563"><figcaption></figcaption></figure>

Une fois que votre domaine géré ou domaine personnalisé a été configuré, cliquez sur **Publier**.&#x20;

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2Fm7zH5jOtsO75b0FfCWYT%2FScreenshot%202025-09-26%20at%204.15.35%E2%80%AFPM.png?alt=media&#x26;token=196b8743-7e3b-45a5-b134-d556a3e67d2c" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="info" %}
Un <mark style="color:par défaut;background-color:$info;">nouvelle version du centre de préférences avec ses modifications actuelles sera disponible dans l'historique des versions du centre de préférences.</mark>&#x20;
{% endhint %}

Une fenêtre modale ultérieure confirmera que le centre de préférences a été publié sur le domaine configuré. Cliquez sur l'un des boutons pour continuer.

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2FxOpIRIEOfNYtNVLG5hiN%2FScreenshot_2025-09-26_at_2_43_53%E2%80%AFPM.jpg?alt=media&#x26;token=c9a06cd9-dd88-4e5f-9a10-258d86c777c6" alt="" width="375"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}