# 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="/files/29ddc94feeee61765bb62dc0822b70b8162896eb" 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="/files/826546819679262d0a9a9b2d7c141cb9c7782eba" 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="/files/1757cb1c5adaa8b48098b05dec45d6b426e9411f" alt="" width="256"><figcaption></figcaption></figure>

Le calque sera ajouté au widget et votre organisation peut utiliser la [bibliothèque de composants](/fr/widgets/editeur-de-widget/composants-du-widget.md) 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="/files/8de2df385a95b08b3575ab79f252fd0d23c442fc" 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="/files/1affa749b9c30573074b9ec8a96f4171c5b5a40d" 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="/files/c6dc69fbcd5627cbbab29a87540e79f40c5ee13e" 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="/files/80e65884e04d4fe261672e2fdc868a1a525bcd8c" 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="/files/f7d7daaa14cb20be137a776bb081ecca65e74478" 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="/files/a84a1b1ba69cacc83448b14862f216662dccbae8" alt="" width="563"><figcaption></figcaption></figure>


---

# Agent Instructions: 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:

```
GET https://docs.didomi.io/fr/widgets/editeur-de-widget/gerer-les-couches-du-widget.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.