Creating a Popup

TABLE OF CONTENTS


Once the plugin is installed and activated, Popups will be available as a separate post type in WordPress.  To create a new Popup, click on WP Popup in the side menu of your admin screen and click the Create New Popup button.

  1. Start Date - Select the date the popup should begin displaying.

  2. End Date - Select the date the popup should stop displaying.

  3. Popup Identifier - Enter a name or number to identify the popup. Change this if you want to make sure your returning site visitors see the popup even if the popup was set to display once and never again.

  4. Display Popup On - Use this dropdown to select which pages the popup should appear on. This includes options for:

    1. Homepage

    2. All Pages

    3. All but homepage

    4. Specific Post(s)/Page(s)

    5. Nowhere (which disables the popup)

  5. Once Seen - This dropdown is used to select the behavior of your popup after a user sees it once. Options include:

    1. Never show it to that user again (unless you reset the cookies via the Popup Identifier - see #3 above)

    2. Don’t show again during user’s current browser session

    3. Wait a week before showing again

    4. Wait 30 days before showing again

    5. Wait 90 days before showing again

    6. Keep showing popup

  6. Trigger - This dropdown is used to select the timing for when the popup should show after a site visitor lands on your page or site. Options include:

    1. Immediately on page load

    2. N seconds after page load (see #7)

    3. After page is scrolled N pixels (see #7)

    4. After page is scrolled halfway

    5. After page is scrolled to bottom

    6. After N minutes are spent on site this visit (see #7)

    7. Once N pages have been visited in last 90 days (see #7)

    8. When the user is about to close the page

  7. Trigger Amount -Enter a number to specify the value of N if you selected N seconds after loadAfter page is scrolled N pixelsAfter N minutes spent on site this visit, or Once N pages have been visited in last 90 days for the Trigger. (see #6) 

  8. Disable on Mobile - Use this checkbox to turn the popup on or off for mobile. If checked, the popup will not display on mobile devices.

  9. Disable “the_content” hooks - Use this checkbox to prevent other plugins from changing the content of the popup.

  1. Background Image - This image uploader is connected to the Media Library and can be used to set an image as the background of the popup (Note: if you set a max width or max/min height, this could distort your image. Be mindful of your popup settings and how they could affect the size of the image used).

  2. Background Color - Use this color selector to pick the mask that displays behind your popup.

  3. Padding - Use this to add padding around the content of the popup.

  4. Border Width - Use this to a border of the specified width around the popup.

  5. Border Radius - Use this to change the corners of the border to be round.

  6. Border Color - Use this color selector to pick the color of the border around the popup.

  1. Background Color - Use this color selector to pick the mask that displays behind your popup.

  2. Close Button Theme - Select a theme color for the close button. Use this to make your close button visible against the background color selected in #1.

  3. Close Button - Select to display an “‘X” or “Close” in the close button.

  1. Max Width - Enter a numeric value and dropdown to set a unit of measure (pixels or %) for the maximum width of the popup.

  2. Max Height - Enter a numeric value (in pixels) for the maximum height of the popup.

  3. Min Height - Enter a numeric value and dropdown to set a unit of measure (pixels or %) for the minimum height of the popup.

  4. Opacity - Use this slider to set the opacity of the popup. A value of 0 will make the popup invisible, 1 is maximum opacity.

  5. Use Max Z-Index - Use this checkbox if other elements on the site are displaying in front of the popup.

  1. Google Analytics Event Tracking - Use this dropdown to enable Google Analytics Event tracking.

  2. Event Label - Enter text that will be used as the Event label in Google Analytics.

  3. Event Category - Enter text that will be used as the Event Category in Google Analytics.


Some of the Popup settings above may also appear in the page/post editor. Using these options allows you to select the Popup settings that are best for that specific page or post.



Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.