# Gérer les couches du widget

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

Un calque est une interface spécifique au sein du widget vers laquelle un utilisateur final peut naviguer. Dans cet article, nous couvrirons comment effectuer les opérations suivantes pour un widget existant :

* [Ajouter un calque de widget](#add-a-widget-layer)
* [Modifier le nom du calque du widget](#edit-widget-layer-name)
* [Supprimer le calque du widget](#delete-widget-layer)
* [Dupliquer le calque du widget](#duplicate-widget-layer)

{% hint style="info" %}
Pour tout widget nouvellement créé, Didomi fournit un certain nombre de calques par défaut pour aider votre organisation à démarrer. Ces calques par défaut peuvent être personnalisés avec des composants, renommés et/ou supprimés. 
{% endhint %}

Pour commencer, cliquez **Widgets** dans le panneau de gauche et sélectionnez le **Modifier** icône en ligne avec le nom d'un widget.

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2FVl9fnpSzpTNYbK0LRSRW%2FScreenshot%202026-02-18%20at%2010.08.07%E2%80%AFAM.png?alt=media&#x26;token=29ebf0d6-3354-46e7-a1d8-057d9db45da0" alt="" width="563"><figcaption></figcaption></figure>

***

### Ajouter un calque de widget

{% hint style="warning" %}
**Remarque** : Il y a un maximum de 4 calques par widget.
{% endhint %}

Accédez au panneau des calques de widget en haut de l'éditeur de widget et cliquez sur l' **+** icône.

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2FQW2ck5W0q3rkk4U9NqUt%2FScreenshot%202026-02-20%20at%202.56.20%E2%80%AFPM.png?alt=media&#x26;token=35692086-3fbe-4e32-96b2-43d0c57be499" alt="" width="563"><figcaption></figcaption></figure>

Utilisez la fenêtre modale suivante pour donner un nom au calque et sélectionner le format du calque (apparition, bannière supérieure, etc.) puis cliquez sur **Enregistrer** lorsque vous avez terminé.

{% hint style="info" %}
Le calque n'a pas besoin de correspondre au format actuel du widget.
{% endhint %}

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2FYGHZZpClUy7iT1Dgao1j%2FScreenshot%202026-02-20%20at%202.59.35%E2%80%AFPM.png?alt=media&#x26;token=b4161de3-73a0-49f9-add9-faa9cea00c25" alt="" width="256"><figcaption></figcaption></figure>

Le calque sera ajouté au widget et votre organisation peut utiliser la [bibliothèque de composants](https://docs.didomi.io/moIvfcA7NSpjmwGZ7dzv/fr/widgets/editeur-de-widget/composants-du-widget) pour personnaliser l'interface du calque.

### Modifier le nom du calque du widget

Accédez au panneau des calques de widget en haut de l'éditeur de widget et sélectionnez un calque. Cliquez sur l'icône à points de suspension en ligne avec le nom du calque et sélectionnez **Modifier le nom du calque** dans le menu déroulant.

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2FC8fSv9r4lTjV0SKvwPco%2FScreenshot%202026-02-23%20at%209.12.10%E2%80%AFAM.png?alt=media&#x26;token=8b514b13-2c10-43f2-b14f-ebeda42a9abf" alt="" width="563"><figcaption></figcaption></figure>

Utilisez la fenêtre modale suivante pour saisir le nom du calque dans le champ prévu à cet effet. Cliquez sur **Enregistrer** lorsque vous avez terminé.

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2FsxP3oMBIvI98k2o7N7ZJ%2FScreenshot%202026-02-23%20at%209.22.22%E2%80%AFAM.png?alt=media&#x26;token=9b5c6475-683f-462b-8850-ff1c2fb713a6" alt="" width="266"><figcaption></figcaption></figure>

### Supprimer le calque du widget

Accédez au panneau des calques de widget en haut de l'éditeur de widget et sélectionnez un calque. Cliquez sur l'icône à points de suspension en ligne avec le nom du calque et sélectionnez **Supprimer le calque** dans le menu déroulant.

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2FNAmeKvmrYyiyLv16xRGz%2FScreenshot%202026-02-23%20at%209.35.46%E2%80%AFAM.png?alt=media&#x26;token=5a5d1530-9e2f-40a4-af7c-a4457c13b945" alt="" width="563"><figcaption></figcaption></figure>

Confirmez la décision de supprimer le calque dans la fenêtre modale suivante et cliquez sur **Oui, supprimer**.

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2Fk0v7ZPQTeDszYB8yM9Zt%2FScreenshot%202026-02-23%20at%209.46.13%E2%80%AFAM.png?alt=media&#x26;token=d44cd94f-c770-4823-b8e6-5182fc65efee" alt="" width="311"><figcaption></figcaption></figure>

### Dupliquer le calque du widget

{% hint style="warning" %}
**Remarque** : Il y a un maximum de 4 calques par widget.
{% endhint %}

Accédez au panneau des calques de widget en haut de l'éditeur de widget et sélectionnez un calque. Cliquez sur l'icône à points de suspension en ligne avec le nom du calque et sélectionnez **Dupliquer le calque** dans le menu déroulant.

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2F0ScAMk30SG0Wm5EGNqL0%2FScreenshot%202026-02-23%20at%209.51.36%E2%80%AFAM.png?alt=media&#x26;token=2063af3d-2618-4380-ae0b-d7cb535dfa8e" alt="" width="563"><figcaption></figcaption></figure>

Le calque et tous ses composants configurés seront dupliqués pour le widget. Le nom du calque sera le nom du calque d'origine suffixé par **-Copie**.

<figure><img src="https://1244787492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNDxbAdc00ce6bH5u1urh%2Fuploads%2FyHumdlgnQVj0ZLeUQIGm%2FScreenshot%202026-02-23%20at%2010.01.53%E2%80%AFAM.png?alt=media&#x26;token=63d04ef2-13e4-4513-9da3-c36fec5b3aae" alt="" width="563"><figcaption></figcaption></figure>