Popup Maker Glossary of Terms

• A gray icon means the operator is off and the condition acts normally. Off is the default
• A red icon appears when the operator is on. That means the opposite of the condition takes effect.

Examples

•  All Posts: The popup can display on all posts.
•  Blog Index: The popup can not display on the blog index page.

• Conditions Introduction / See: 'Set a Negative (Opposite) Condition'

• Create Your First Popup Summary Guide

• Advanced Targeting Conditions product information page.
• Advanced Targeting conditions documentation index page.

1. A visitor sees the popup for the first time. The 30-day cookie is set.
2. If the same person (with the same browser) visits again within 30 days, they won't see that same popup again. The 30-day cookie is still active.
3. If they visit 30 days after, they can see that popup once again. The original 30-day cookie expires. A new 30-day cookie is set.

• 'Cookies' option settings
• Cookies Settings and Features

p {
color: red;
}
		

The "p" is the CSS selector for the rule. Its job is to find all the "p" elements in a web page. 

The "color: red;" is the rule to apply. Its job is to make the text color red for whatever the CSS selector finds.

So all together, this CSS is saying to make all text in a paragraph the color red. Here's the result.

Want to try? Play with a live demo by changing the color to blue, green, or yellow.

If you're new to CSS, we encourage you to learn more about it.

See also CSS Selectors.

• For specifying an HTML element to launch a popup when that element is clicked.
• For triggering a popup to appear after a specific HTML element is scrolled into view (scroll triggered popups).
• For displaying popups only if any variation of an HTML element exists on a page (advanced targeting conditions).

• Trigger: Click Open -- Use Existing or Custom Selectors to Set a Trigger 
• Getting CSS Selectors
• Trigger: Scroll -- Introduction

• Enable and Use Popup Maker Debug Tools

• Documentation for Popup Maker

• Popup Maker Premium Extensions  
• Popup Maker Integration with WordPress Form Builder Plugins

• WordPress admin > Popup Maker > Extend > Addons and Integrations 
• The Premium Extensions page on our website

• WordPress core
• Themes
• Plugins

For example, if you want to add a top notification banner to a Twenty Twenty-One site, you can use the built-in  wp_body_open action hook. Here's what that code would look like.

function custom_content_after_body_open_tag() { ?>
   <div class="top-banner">This is my cool Top Banner!</div>
<?php }
add_action('wp_body_open', 'custom_content_after_body_open_tag');
		

And, here's the result.

• WordPress Developer's Plugin Handbook: Hooks
• Getting Started with Custom PHP
• Getting Started with Custom JavaScript

• Troubleshooting Your First Popup
• Browse in private (Google's documentation)

• Popup Maker Integration with WordPress Form Builder Plugins
• Trigger: Form Submission

• Email Marketing Integration with Popup Maker
• Shortcode: Subscription Form

You can turn on and off the overlay with the Disable Overlay setting under Popup Settings > Display > Advanced.

To change the overlay's opacity (transparency) and color, edit your popup's theme and go to Theme Settings > Overlay.

• 'Display' options settings
• Popups Display In Front of Screen Content

• Create Your First Popup -- Summary Guide
• Popups Display In Front of Screen Content

• Popup Editor Introduction  

• The Popup Maker Admin Toolbar

• Popup Maker Admin Introduction / 3. Popup Themes 

• Popup Theme Editor -- Introduction

• Click Open: Displays a popup on a click
• Time Delay / Auto Open: Displays a popup after an amount of time
• Form Submission: Displays a popup after a form is submitted
• Exit Intent (premium): Displays a popup when someone moves their cursor off the body of a page
• Scroll (premium): Displays a popup when someone scrolls down a percentage of the page or when an element comes into view

To see a list of all premium triggers, visit our popup triggers page.

You can try all Popup Maker extensions for free on our demo site.

• What is a Popup Trigger?
• Add a Popup Trigger
• 'Triggers' option settings
• A Beginner's Guide to Popup Triggers

A CSS property that positions a popup in front of all other content on a screen. You can find the popup z-index setting under the Editor's Popup Settings > Display > Advanced > Popup Z-Index.

The higher the z-index number is the more the popup will appear "in front" of other elements on a web page.

• 'Display' options settings
• Popups Display In Front of Screen Content

• 'Display' options settings  

• Shortcode Button

• Shortcode Button

• Conditions Introduction
• Standard Targeting Conditions

• Shortcode: Subscription Form
• Use Popup Maker and Meet the GDPR Data Privacy Requirements

• Create a System Information File About Your Site Setup
• Popup Maker Detected an Issue With Your File System

• Conditions Introduction
• Standard Targeting Conditions
• Advanced Targeting Conditions Introduction

Act like filters

No targeting conditions by default

Performance-minded

• Conditions Introduction  
• Standard Targeting Conditions
  
• Advanced Targeting Conditions Introduction

• Popup Theme Editor -- Introduction

• Popup Theme Editor -- Introduction / See: ‘Use 'Theme Preview' To Find Theme Settings Options’