# Age verifier pop-up

<figure><img src="/files/4mzrM9NSun6Us36mVG1S" 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="/files/b60kBccZLpv7zXsanMtt" 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="/files/qipkaMkAJ9oB8OvnCQ3M" 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="/files/rDYFWXgGfISOuFvk2LNo" 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="/files/hHkHrhsbwWZ1VuWgSlLu" 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="/files/1cyxuJIfJI3mCBa64app" alt=""><figcaption></figcaption></figure>

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


---

# 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.foxecom.com/zest-theme/pages-global-sections/age-verifier-pop-up.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.