# Manage widget layers

{% hint style="success" %}
**Access Type**: Widgets - Editor
{% endhint %}

A layer is a specific interface within the widget to which an end-user can navigate. In this article we will cover how to do the following for an existing widget:

* [Add a widget layer](#add-a-widget-layer)
* [Edit widget layer name](#edit-widget-layer-name)
* [Delete widget layer](#delete-widget-layer)
* [Duplicate widget layer](#duplicate-widget-layer)

{% hint style="info" %}
For any newly created widget, Didomi provides a number of default layers to help your organization get started. These default layers can be customized with components, renamed, and/or deleted. 
{% endhint %}

To start, click **Widgets** on the left-hand panel and select the **Edit** icon inline with a widget name.

<figure><img src="/files/5v8XgXQ3a2Lajez6F8DG" alt="" width="563"><figcaption></figcaption></figure>

***

### Add a widget layer

{% hint style="warning" %}
**Note**: There is a maximum of 4 layers per widget.
{% endhint %}

Navigate to the widget layers panel at the top of the widget editor and click the **+** icon.

<figure><img src="/files/ku1WdkHI7n6L222MMqiU" alt="" width="563"><figcaption></figcaption></figure>

Use the subsequent modal to give the layer a name and to select the format of the layer (pop in, top banner, etc... and click **Save** when finished.

{% hint style="info" %}
The layer does not have to match the current format of the widget.
{% endhint %}

<figure><img src="/files/cKALrGU5S9WBu3LHXV8a" alt="" width="256"><figcaption></figcaption></figure>

The layer will be added to the widget and your organization can use the [component library](/widgets/widget-editor/widget-components.md) to customize the interface of the layer.

### Edit widget layer name

Navigate to the widget layers panel at the top of the widget editor and select a layer. Click the ellipsis icon inline with layer name and select **Edit layer name** from the drop-down menu.

<figure><img src="/files/jo1rvXndBvVvz8zgSfoE" alt="" width="563"><figcaption></figcaption></figure>

Use the subsequent modal to input the name of the layer in the provided field. Click **Save** when finished.

<figure><img src="/files/dOx1WnFIdw4eaHVqsE9u" alt="" width="266"><figcaption></figcaption></figure>

### Delete widget layer

Navigate to the widget layers panel at the top of the widget editor and select a layer. Click the ellipsis icon inline with layer name and select **Delete layer** from the drop-down menu.

<figure><img src="/files/5sVQxxUrHZCvRSMcilXn" alt="" width="563"><figcaption></figcaption></figure>

Confirm the decision to delete the layer in the subsequent modal and click **Yes, delete**.

<figure><img src="/files/uagn1Vni17ppTrmlsXv3" alt="" width="311"><figcaption></figcaption></figure>

### Duplicate widget layer

{% hint style="warning" %}
**Note**: There is a maximum of 4 layers per widget.
{% endhint %}

Navigate to the widget layers panel at the top of the widget editor and select a layer. Click the ellipsis icon inline with layer name and select **Duplicate layer** from the drop-down menu.

<figure><img src="/files/pXdcxSytkoTZmvDBXnym" alt="" width="563"><figcaption></figcaption></figure>

The layer and all of its configured components will be duplicated for the widget. The name of the layer will be the name of the original layer suffixed with **-Copy**.

<figure><img src="/files/y7xSoteG28o2BQnenHZh" 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/widgets/widget-editor/manage-widget-layers.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.