--- title: Personnaliser un widget description: "Nouveau : Vous pouvez maintenant adapter l’affichage des Single Purpose Widgets directement depuis la Console. Choisissez le mode de sélection et ajustez leur apparence dans Look & Feel. Pour des mise" --- [Passer au contenu](https://support.didomi.io/fr/personnaliser-un-widget#main-content) - [Français](https://support.didomi.io/fr/personnaliser-un-widget) - [English](https://support.didomi.io/custom-a-widget) Français Afficher le sous-menu pour les traductions [Portail client](https://support.didomi.io/tickets-view) ![didomi-logo-dark.svg\]](https://support.didomi.io/hubfs/website-2023/assets/logos/didomi-logo-dark.svg) Ouvrir la navigation principale Fermer la navigation principale - - [Français](https://support.didomi.io/fr/personnaliser-un-widget) - [English](https://support.didomi.io/custom-a-widget) Français Afficher le sous-menu pour les traductions - [Portail client](https://support.didomi.io/tickets-view) - Aller sur didomi.io Aller sur didomi.io Bienvenue, comment pouvons nous vous aider ? - Il n'y a aucune suggestion car le champ de recherche est vide. 1. [Centre d'Aide](https://support.didomi.io/fr) 2. [Preference Management Platform](https://support.didomi.io/fr/preference-management-platform) 3. [Widget](https://support.didomi.io/fr/preference-management-platform#widget) # Personnaliser un widget Nouveau : Vous pouvez maintenant adapter l’affichage des Single Purpose Widgets directement depuis la Console. Choisissez le mode de sélection et ajustez leur apparence dans Look & Feel. Pour des mises en page avancées ou des options via API, consultez la [documentation développeurs.](https://developers.didomi.io/api-and-platform/widgets/privacy-widgets/edit-a-widget/content-and-design/themes-and-shapes) ### Personnaliser un Single Purpose Widget 1. Allez dans l’onglet **Preference Management**, dans le menu de gauche. 2. Allez dans l’onglet **Widgets**. 3. Créez un nouveau **Single Purpose Widget**, sélectionnez le Purpose que vous souhaitez voir apparaître. 4. Cliquez sur l’**icône crayon** sur la même ligne que le widget à personnaliser. 5. Cliquez sur **Look & Feel**. La fenêtre Look & Feel s’affiche à droite de votre écran. 6. Choisissez le type d’input de sélection avec lequel vos utilisateurs expriment leur choix dans un Single Purpose Widget : - Boutons radio (options exclusives) - Case à cocher (vrai/faux) - Phrase + lien (une phrase avec un lien CTA intégré) ### ![Screenshot 2025-10-07 at 14-37-10-png](https://support.didomi.io/hs-fs/hubfs/Screenshot%202025-10-07%20at%2014-37-10-png.png?width=266&height=355&name=Screenshot%202025-10-07%20at%2014-37-10-png.png) Personnaliser les Multi Purpose WIdgets et les Preference Center Forme et disposition #### Personnaliser la forme du widget 1. Rendez-vous dans l'onglet **Preference Management**, dans le menu de gauche 2. Rendez-vous dans l'onglet **widgets**. 3. Choisissez le widget que vous souhaitez personnaliser. 4. Cliquez sur **l'icône crayon** situé sur la même ligne que le widget que vous souhaitez personnaliser. 5. Cliquez sur **Look&Feel**. La fenêtre Look&Feel se situe sur la droite de votre écran. 6. Rendez-vous dans la section **Layout Shape.** 7. Choisissez l'une des formes suivantes : **Smoothed (rectangle arrondi)**, **Rounded (arrondi)**, et **Squared (rectangle)**. ![Card content (1)](https://support.didomi.io/hs-fs/hubfs/Card%20content%20(1).png?width=382&name=Card%20content%20(1).png) ### Le thème Vous pouvez sélectionner un thème existant pour ajouter rapidement un style à votre widget. #### Sélectionner un thème pour le widget 1. Rendez-vous dans l'onglet **Preference Management**, dans le menu de gauche. 2. Rendez-vous dans l'onglet **widgets**. 3. Choisissez le widget que vous souhaitez éditer. 4. Cliquez sur le **nom du widget** ou sur **l'icône crayon**, située sur la même ligne que le widget que vous souhaitez éditer. 5. Cliquez sur **Look & Feel**. La fenêtre Look&Feel s'ouvre sur le côté droit de votre écran. 6. Rendez-vous dans la section **Layout Colors**. 7. Sélectionnez un thème parmi les quatre disponibles : **Default (par défaut)**, **Abyss**, **Lagoon**, **Ocean** and **Sunset**. ![Frame 933](https://support.didomi.io/hubfs/Frame%20933.svg) #### Personnaliser le thème du widget Dans la PMP, vous avez également la possibilité de personnaliser le thème de votre widget. 1. Rendez-vous dans l'onglet **Preference Management** tab, dans le menu à gauche. 2. Rendez-vous dans l'onglet **widgets**. 3. Choisissez le widget que vous souhaitez personnaliser. 4. Cliquez sur le **nom du widget** ou sur **l'icône crayon**, située sur la même ligne que le widget que vous souhaitez personnaliser. 5. Cliquez sur **Look&Feel.** La fenêtre Look&Feel est située sur le côté droit de votre écran. 6. Rendez-vous dans la section **Customized colors**. ![customized_colors](https://support.didomi.io/hs-fs/hubfs/customized_colors.png?width=688&height=839&name=customized_colors.png) Dans cette section, vous pouvez sélectionner vous-même les couleurs que vous souhaitez pour votre widget pour les sections suivantes : | Section | **Éléments concernés** | | --- | --- | | **Header** |   Titre principal et description | | **Section title** |   Tous les titres de section entre les cartes | | **Card title** |   Titres des cartes | | **Card body copy** |   Corps de la carte | | **Selection buttons** |   Boutons radio, cases à cocher | | **Save button** |   Bouton Save (sauvegarder) | | **Footer** |   Success icon, message de remerciements | | **Background** |   Arrière plan du widget | Les couleurs sont au format hexadécimal, par exemple : **#F56B2A.** #### Pour choisir une couleur :  1. Choisissez une section. Par exemple : Section title. 2. Cliquez sur le code couleur hexadécimal. Un sélecteur de couleur s'ouvre. 3. Jouez avec la pipette ou votre curseur pour trouver la couleur qui correspond à vos attentes. Vous pouvez aussi entrer directement le code hexadécimal. ### Headless widgets *Seuls les Single et Multi purpose widgets peuvent devenir Headless.* Les Headless widgets vous permettent de créer des widgets entièrement personnalisables en termes de design et de comportement. Ces widgets reposent sur le moteur de widgets de Didomi : ils incluent la gestion de l’authentification, l’analytics, le rendu du contenu, le choix des purposes et préférences, ainsi que la sauvegarde lors du clic ou après confirmation de l’utilisateur. Un ensemble d’éléments comme des événements et des méthodes sont disponibles pour générer le widget et collecter le consentement et les choix de préférences de l’utilisateur. Pour comprendre comment construire un Headless widget, reportez-vous à notre [documentation technique](https://developers.didomi.io/api-and-platform/widgets/privacy-widgets/headless-widgets) dédiée. - [Création d'une bannière de consentement](https://support.didomi.io/fr/cr%C3%A9ation-dune-banni%C3%A8re-de-consentement#main-content) - [Les fondamentaux](https://support.didomi.io/fr/cr%C3%A9ation-dune-banni%C3%A8re-de-consentement#les-fondamentaux) - [Bannières par format](https://support.didomi.io/fr/cr%C3%A9ation-dune-banni%C3%A8re-de-consentement#bannières-par-format) - [Gérer les Vendors et Purposes](https://support.didomi.io/fr/cr%C3%A9ation-dune-banni%C3%A8re-de-consentement#gérer-les-vendors-et-purposes) - [Personnalisation](https://support.didomi.io/fr/cr%C3%A9ation-dune-banni%C3%A8re-de-consentement#personnalisation) - [Multi-réglementations](https://support.didomi.io/fr/cr%C3%A9ation-dune-banni%C3%A8re-de-consentement#multi-réglementations) - [Frameworks](https://support.didomi.io/fr/cr%C3%A9ation-dune-banni%C3%A8re-de-consentement#frameworks) - [Intégrations](https://support.didomi.io/fr/cr%C3%A9ation-dune-banni%C3%A8re-de-consentement#intégrations) - [Migration de la console](https://support.didomi.io/fr/cr%C3%A9ation-dune-banni%C3%A8re-de-consentement#migration-de-la-console) - [IAB GPP Framework](https://support.didomi.io/fr/cr%C3%A9ation-dune-banni%C3%A8re-de-consentement#iab-gpp-framework) - [Rapport de conformité](https://support.didomi.io/fr/rapport-de-conformit%C3%A9#main-content) - [CMP Vendor Sync](https://support.didomi.io/fr/rapport-de-conformit%C3%A9#cmp-vendor-sync) - [Advanced Compliance Monitoring](https://support.didomi.io/fr/rapport-de-conformit%C3%A9#advanced-compliance-monitoring) - [Preference Management Platform](https://support.didomi.io/fr/preference-management-platform#main-content) - [Configuration Tree](https://support.didomi.io/fr/preference-management-platform#configuration-tree) - [Widget](https://support.didomi.io/fr/preference-management-platform#widget) - [Déployer](https://support.didomi.io/fr/preference-management-platform#déployer) - [Intégrations avec Google](https://support.didomi.io/fr/int%C3%A9grations-avec-google) - [Requêtes utilisateurs](https://support.didomi.io/fr/requ%C3%AAtes-utilisateurs#main-content) - [Requêtes utilisateurs](https://support.didomi.io/fr/requ%C3%AAtes-utilisateurs#requêtes-utilisateurs) - [Widgets](https://support.didomi.io/fr/requ%C3%AAtes-utilisateurs#widgets) - [IAB TCF](https://support.didomi.io/fr/iab-tcf#main-content) - [Google & le TCF](https://support.didomi.io/fr/iab-tcf#google-le-tcf) - [TCFv2 Présentation](https://support.didomi.io/fr/iab-tcf#tcfv2-présentation) - [Guides de Migration](https://support.didomi.io/fr/iab-tcf#guides-de-migration) - [TCF v2.2](https://support.didomi.io/fr/iab-tcf#tcf-v2-2) - [Analytics](https://support.didomi.io/fr/analytics#main-content) - [CMP](https://support.didomi.io/fr/analytics#cmp) - [ACM (Advance Compliance Monitoring)](https://support.didomi.io/fr/analytics#acm-advance-compliance-monitoring) - [Intégrations](https://support.didomi.io/fr/int%C3%A9grations#main-content) - [AB testing](https://support.didomi.io/fr/int%C3%A9grations#ab-testing) - [Paywalls](https://support.didomi.io/fr/int%C3%A9grations#paywalls) - [CMS](https://support.didomi.io/fr/int%C3%A9grations#cms) - [Analytics](https://support.didomi.io/fr/int%C3%A9grations#analytics) - [Intégrations génériques](https://support.didomi.io/fr/int%C3%A9grations#intégrations-génériques) - [Marketing automatisé](https://support.didomi.io/fr/int%C3%A9grations#marketing-automatisé) - [Lexique](https://support.didomi.io/fr/lexique) - [Exigences Légales](https://support.didomi.io/fr/exigences-l%C3%A9gales#main-content) - [Didomi SDK compliance](https://support.didomi.io/fr/exigences-l%C3%A9gales#didomi-sdk-compliance) - [Release notes](https://support.didomi.io/fr/release-notes) - [Centre de confidentialité et traitement des données](https://support.didomi.io/fr/centre-de-confidentialit%C3%A9-et-traitement-des-donn%C3%A9es) - [Agnostik - Facettes](https://support.didomi.io/fr/agnostik-facettes#main-content) - [Trackers](https://support.didomi.io/fr/agnostik-facettes#trackers) - [Analytique](https://support.didomi.io/fr/analytique) - [FAQ](https://support.didomi.io/fr/faq#main-content) - [CMP / Configuration des tags](https://support.didomi.io/fr/faq#cmp-configuration-des-tags) - [CMP / Data Privacy pour les éditeurs](https://support.didomi.io/fr/faq#cmp-data-privacy-pour-les-éditeurs) - [CMP / Implémenter une bannière de consentement](https://support.didomi.io/fr/faq#cmp-implémenter-une-bannière-de-consentement) - [Debugging](https://support.didomi.io/fr/faq#debugging) - [CMP / CPRA](https://support.didomi.io/fr/faq#cmp-cpra) - [CMP / Analytics](https://support.didomi.io/fr/faq#cmp-analytics) - [PMP](https://support.didomi.io/fr/faq#pmp) - [Partager le consentement](https://support.didomi.io/fr/faq#partager-le-consentement) - [Customisation](https://support.didomi.io/fr/faq#customisation) - [Cookies](https://support.didomi.io/fr/faq#cookies) - [IAB](https://support.didomi.io/fr/faq#iab) - [Versions & Proofs](https://support.didomi.io/fr/versions-proofs) - [Connexion & Sécurité](https://support.didomi.io/fr/connexion-s%C3%A9curit%C3%A9#main-content) - [SSO](https://support.didomi.io/fr/connexion-s%C3%A9curit%C3%A9#sso) - [Utilisateurs, Équipes et Permissions](https://support.didomi.io/fr/connexion-s%C3%A9curit%C3%A9#utilisateurs-équipes-et-permissions) - [Notices (old flow)](https://support.didomi.io/fr/notices-old-flow#main-content) - [Déploiement et tests](https://support.didomi.io/fr/notices-old-flow#déploiement-et-tests) - [Consent Notices (NEW FLOW)](https://support.didomi.io/fr/consent-notices-new-flow) - [Portail client - Tickets](https://support.didomi.io/fr/portail-client-tickets) - [Paramètres de l'organisation](https://support.didomi.io/fr/param%C3%A8tres-de-lorganisation) [![Didomi SAS](https://support.didomi.io/hs-fs/hubfs/Didomi-tail-name.png?width=182&height=34&name=Didomi-tail-name.png "Didomi SAS")](https://www.didomi.io/) Didomi, verbe du grec ancien (δ‌‌ιδο‌μι) : consentir Copyright © 2026, Didomi SAS Cookies