# Popups Settings {% embed url="" %} On the Popups tab, you can enable the site-wide Popup and configure its basic settings:

{% 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:

### Creating Popup windows To create new Popup you need to go **Dashboard > Popups > Add new.** {% content-ref url="../content/popups" %} [popups](https://docs.stylemixthemes.com/consulting-theme-documentation/content/popups) {% endcontent-ref %} ### **Select Popup** You must select one of the published [popups](https://docs.stylemixthemes.com/consulting-theme-documentation/content/popups) to display throughout the site. ### **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)

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

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

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

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:

* While editing page add copied ID to the element:

* The Popup window appears when the element clicked.

{% 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="../content/popups" %} [popups](https://docs.stylemixthemes.com/consulting-theme-documentation/content/popups) {% endcontent-ref %}