WebsiteThemeforestYouTube Tutorials

Popups Settings

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

These settings are general and different popups for any page can be selected in the settings of the page itself.

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.

Popups

Select Popup

You must select one of the published 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 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

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.

Note: Popups cannot be displayed more than once if the page is not reloaded or re-entered.

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.

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.

To create or import Prebuilt Popups follow the page below:

Popups
PreviousStocksNextFooter

Last updated

Was this helpful?