# Age verifier pop-up

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FJoJktMxp7ai3NwICLZJw%2FFox-BG%20Light%20(15).jpg?alt=media&#x26;token=e898d8f9-db88-475f-8fd3-71530157fb27" alt=""><figcaption></figcaption></figure>

If your website contains products that are intended for mature audiences, having an age verifier pop-up can be worthwhile to avoid legal issues down the road.

This article shows how to restrict access based on age by using Zest's **Age verifier pop-up** feature.

## How to activate the age verifier

To have the **Age verifier pop-up** appear on the site entry, follow the steps below.

{% hint style="success" %}
**Steps:**

1. In the theme editor **(Customize)**, navigate to the **Age verifier pop-up**. &#x20;
2. In the section settings, click **Enable**.
3. Make necessary changes.
4. Click **Save**.
   {% endhint %}

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FEFotme8xcRjUlIROQdZe%2Fimage.png?alt=media&#x26;token=9c8e012c-9648-42ab-aa5c-80a0bc219f68" alt=""><figcaption></figcaption></figure>

The pop-up appears at the center of the page upon entering the site, and the customer must answer "Yes" or "No" to continue.

## How to customize your age verifier pop-up

In the feature settings, you can enable the **Design mode** to have the age verifier pop-up always displayed during your customization process.&#x20;

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FlrwyhBVv04iHiFZ32rbr%2Fimage.png?alt=media&#x26;token=e6679c71-464d-46fc-be89-cd445a5612d9" alt=""><figcaption></figcaption></figure>

### Block settings

Personalize your verification pop-up content using the section blocks, which are:

* Heading
* Subheading
* Text
* Button
* Image

Add, remove, or reorder any elements within the section.&#x20;

### Section settings

#### Background image

Either select/upload an image for your age verifier screen's background or leave it blank to use a solid background color.

{% hint style="info" %}
A 2000 x 800px image is recommended.
{% endhint %}

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FzJP3uOpv0JC0HS5WIyV1%2Fimage.png?alt=media&#x26;token=343c409a-241f-4f3f-80d2-6e52d6152465" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
To change the solid background color, go to **Theme settings** > **Colors** > **Color scheme 1** > **Background 1**.&#x20;
{% endhint %}

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2Fa6tNry3xot8BNAjMnZrZ%2Fimage.png?alt=media&#x26;token=bca64710-20b9-467f-a730-3e9705d1fc44" alt=""><figcaption></figcaption></figure>

#### Decline content

Personalize the response content displayed when the visitor does not meet the age verifier requirements as shown below.

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FP1W37U3n6jqkkH4FSJWa%2Fimage.png?alt=media&#x26;token=c8141610-4139-4ee0-a485-ba50f27d4115" alt=""><figcaption></figcaption></figure>

The return button brings visitors back to the age verifier query for answering.