Popups are presented as their own post type in the WordPress admin.  From the sidebar navigation, click on WP Popup and click the Create New Popup button.


The fields outlined below are used to control the following functions:

  1. Title - Internal identifier for your popup that will appear in the admin.
  2. WYSWYG - Where you can add your content to appear in the popup, such as text, buttons, images, forms, etc.
  3. Smart Popup Outer Styles > Background Color - Color selector to pick the mask that displays behind your popup.
  4. Popup Identifier - Field to enter a name or number to identify the popup.  Make sure to change this if you want to have users see the popup again to reset their cookies if previously having the popup set to display once and never again (see #6.1)
  5. Display Popup On- Dropdown to select what pages you want the popup to show on.  Has options for: 
    1. Homepage
    2. All Page
    3. All but Homepage
    4. Nowhere (which disables the popup)
  6. Once Seen- Dropdown to select behavior of popup after a user sees it once.  Options include: 
    1. Never show to user again (unless you resent the cookies via the Popup Identifier - see #5)
    2. Don't show during users current browser session
    3. Wait a week before showing again
    4. Wait 30 days before showing again
    5. Wait 90 day before showing again
    6. Keep showing it
  7. Trigger- Dropdown to select timing for when popup should show after user lands on the page/site.  Options include:
    1. Immediately on page load
    2. N seconds after page load (see #8)
    3. After page is scrolled N pixels (see #8)
    4. After page is scrolled half way
    5. After page is scrolled to bottom
    6. After N minutes spent on site this visit (see #8)
    7. Once N pages have been visited in last 90 days (see #8)
  8. Trigger Amount - If you selected N seconds after page load, After page is scrolled N pixels, After N minutes spent on site this visit or Once N pages have been visited in last 90 days for the Trigger (see #8), use this field to enter in the numeric value for "N"
  9. Display on Mobile - Checkbox to turn the popup on/off for mobile 
  10. Background Image - Image uploader (connected to the Media Library) to set an image as the background of the popup (note that if you set a max width or max/min height, this could distort your image, be mindful of the size of the image used here and your settings).
  11. Smart Popup Inner Styles > Background Color - Color picker to select a color for the background of the popup.
  12. Max Width - Field to enter a numeric value and dropdown to set unit of measure (pixels or %) for the minimum height the popup can be.
  13. Max Height - Field to enter a numeric value (in pixels) for the maximum width the popup can be.
  14. Min Height - Field to enter a numeric value and dropdown to set unit of measure (pixels or %) for the minimum height the popup can be.
  15. Padding - Field to enter a numeric value (in pixels) for amount of padding between the sides of the popup box and the content (content is entered in the WYSWYG, see #2).
  16. Border Width - Field to enter a numeric value (in pixels) for the width of the border around the popup (how thick the border will be).
  17.  Border Radius - Field to enter a numeric value (in pixels) for the radius of the border around the popup, which will control how round or sharp the edges will be.  The higher the number, the more rounded the corners will be.
  18. Border Color - Color picker to set the color of the border around the popup.
  19. Opacity - Slider to set the opacity of the popup.  0 will make the popup invisible, 1 is maximum opacity.


Always remember to save your work.