# Popups Settings

{% embed url="<https://www.youtube.com/watch?v=aMeUQDG2Gxs>" %}

On the Popups tab, you can enable the site-wide Popup and configure its basic settings:

<figure><img src="/files/SJQuAM9mtgtC4Nelkhqp" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
These settings are general and different popups for any page can be selected in the settings of the page itself.
{% endhint %}

### Popup

When Popup is enabled Modal window is displayed on the sitewide in accordance with the triggers:

<figure><img src="/files/9op2XJ9GTpaSXLLdIAGr" alt=""><figcaption></figcaption></figure>

### Creating Popup windows

To create new Popup you need to go **Dashboard > Popups > Add new.**

{% content-ref url="/pages/g7re6FcqGvdHG3VYQikn" %}
[Popups](/consulting-theme-documentation/content/popups.md)
{% endcontent-ref %}

### **Select Popup**

You must select one of the published [popups](/consulting-theme-documentation/content/popups.md) to display throughout the site.&#x20;

### **Triggers**

Trigger rules control the timing for when the popup displays. It is required to choose an action to make the popup open.

#### On Page Load(s)

<figure><img src="/files/s397L9cnDHXShaGJ0fdU" alt=""><figcaption></figcaption></figure>

The Popup modal window appears after waiting X amount of time when the Page is loaded. It has two options:

* **Delay** - Show Popup window after X amount of time (in seconds) when Page is loaded.
* **Rerun** - Show Popup window again after X period of time.

#### After Inactivity Time

<figure><img src="/files/JwSnv0ATp4lPFt4CLGQJ" alt=""><figcaption></figcaption></figure>

The Popup modal window appears after waiting X amount of time User inactivity. It has two options:

* **Delay** - Show Popup window waiting X amount of time (in seconds) after User inactivity.
* **Rerun** - Show Popup window again after X period of time.

#### On Page Exit Intent

<figure><img src="/files/Wa8tYCjimRvX6lGIwUrA" alt=""><figcaption></figcaption></figure>

The Popup modal window appears when user’s mouse activity indicates intent to exit the page. It has two options:

* **Delay** - Show Popup window after X amount of time (in seconds) when Page is loaded.
* **Rerun** - Show Popup window again after X period of time.

#### In Date Period

<figure><img src="/files/a7LA4C0X5KTr3kaQmk8G" alt=""><figcaption></figcaption></figure>

The Popup modal window appears in the selected Date period. It has four options:

* **Delay** - Show Popup window after X amount of time (in seconds) when Page is loaded.
* **Rerun** - Show Popup window again after X period of time.
* **Show from the Selected Date** - The Popup window will be displayed from the specified date.
* **Show until the Selected Date** - The Popup window will be displayed until the specified date.

#### In Time Period

<figure><img src="/files/47rAU5K9LZxTvTDmHanq" alt=""><figcaption></figcaption></figure>

The Popup modal window appears in the selected Date period. It has four options:

* **Delay** - Show Popup window after X amount of time (in seconds) when Page is loaded.
* **Rerun** - Show Popup window again after X period of time.
* **Show from the Selected Time** - The Popup window will be displayed from the specified time.
* **Show until the Selected Time** - The Popup window will be displayed until the specified time.

{% hint style="warning" %}
**Note:** Popups cannot be displayed more than once if the page is not reloaded or re-entered.
{% endhint %}

### Animation

Popup’s entrance animation such as fade and zoom that can be chosen from the dropdown selections.

### Responsive Rules

It is possible do not show the popup if the width of the browser window in the device is equal or less than selected option.

### Control Popup by Manual Triggering

Popups can be triggered manually using dynamic links. Any element can use a unique ID selector to manually trigger a popup when that element is clicked. By following steps below to open Popup window by manual triggering:

* Copy unique ID of Popup window:

<figure><img src="/files/Q6D2qLSknwGh0NU9T6ty" alt=""><figcaption></figcaption></figure>

* While editing page add copied ID to the element:

<figure><img src="/files/SXvfhb1rVZOXD1n3Qkf9" alt=""><figcaption></figcaption></figure>

* The Popup window appears when the element clicked.

<figure><img src="/files/JuXYvnuXIThev7fsHiiD" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
When triggering a popup from a custom selector, please note that the element doesn’t have to be a “link”. A normally non-clickable element, such as plain text, can be clicked to generate the popup as well.
{% endhint %}

To create or import Prebuilt Popups follow the page below:

{% content-ref url="/pages/g7re6FcqGvdHG3VYQikn" %}
[Popups](/consulting-theme-documentation/content/popups.md)
{% endcontent-ref %}


---

# 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.stylemixthemes.com/consulting-theme-documentation/theme-options/popups-settings.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.
