# Popups

{% hint style="success" %}
**Tip:** If you need to add or remove the section, enable or disable the **"Show popups"** option in *Theme settings ->* [*<mark style="color:blue;">Layout</mark>*](https://mpithemes.gitbook.io/canvas-shopify-theme/theme-settings/layout).
{% endhint %}

## Popups

Use the **"Delay"** scale to control the time of popups appearance when one lands at a store. The delay time can vary from **0** to **60 seconds**.

In the **"App blocks type"**, choose the **"Cookie popup"** or **"Newsletter popup"**.

The **"Background"** and **"Text"** pickers allow for changing colors in the popups:

<figure><img src="https://2583283665-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKhW6ktqksIA9uTHcpuSs%2Fuploads%2FcOXsXH7clK8YvUtdyAOr%2Ffooter%20popus_colors.png?alt=media&#x26;token=4bbc1491-0ca8-462e-bd33-83893c8a4239" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Tip:** Press **"Add block"** and choose the popup that can be useful for your store: **"Newsletter popup"** or **"Cookie popup"**:
{% endhint %}

### Newsletter popup

Use the **"Text"** field to add descriptive text for the subscribers. Text will be hidden if you leave the field blank.

In the following examples, you can view how the popup might display on a desktop and mobile:

{% tabs %}
{% tab title="Desktop" %}

<figure><img src="https://2583283665-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKhW6ktqksIA9uTHcpuSs%2Fuploads%2FkS3plqamOaHd4PLBY1Ua%2Fnewsletter%20popup.png?alt=media&#x26;token=6a9667b9-ad4c-4fc8-9ce3-f4fc81f307f7" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="https://2583283665-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKhW6ktqksIA9uTHcpuSs%2Fuploads%2Ftvmr8LVBJUiAIc6hI3FR%2Fnewsletter%20popup_mobile.png?alt=media&#x26;token=329b46ad-2168-47ac-9c12-58a2b9032d6f" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Cookie popup

Here you can edit the text fields to display the required information in the popup:

The **"Text"** field allows adding an informative paragraph for the popup.

In the **"Link button",** you can edit the button's text. To link the button to the desired page, choose the destination in the **"Link button URL"** resource selector or paste an external link to the field.

The text of the confirmation button can be set in the **"Accept button"** field.

In the following examples, you can view how the cookie popup might display on a desktop and mobile:

{% tabs %}
{% tab title="Desktop" %}

<figure><img src="https://2583283665-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKhW6ktqksIA9uTHcpuSs%2Fuploads%2Frq7uJ7WwEKpgZxQ06R33%2Fcookie%20popup_desktop.png?alt=media&#x26;token=3f7b6a52-790d-4d78-8367-e0b2e0ccbb81" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="https://2583283665-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKhW6ktqksIA9uTHcpuSs%2Fuploads%2FAfecMgdzGENwS0RTDrcU%2Fcookie%20popup.png?alt=media&#x26;token=51db7f06-06f1-437c-a637-ca2b78e1045e" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}
