Popup Editor Introduction [ version 1.6+ ]
The Popup Editor is the heart and soul of Popup Maker - this is where you will spend most of your time creating and editing your popups. This is also where you will access basically all of the awesome Popup Maker features to create any popup imaginable.
This doc provides an overview of all of the elements of the Popup Editor, from basic elements like Name and Title, to more advanced sections such as the Cookies, Triggers and Display Settings Panes. In this doc, we'll provide descriptions of all of these elements, panes and sections, then we'll link off to their respective docs for more in-depth explanations of those elements, panes and sections.
Again, this doc provides an overview of the Popup Editor - for more detailed information and descriptions of the elements and panes, click their corresponding links to learn more about that specific element or pane.
To navigate to the Popup Editor, use the Popup Maker Main Menu and click Add New, and click one of your popups from the All Popups Screen.
Popup Editor Basic Elements
- Name: Each popup requires a unique name. This is not only used to identify the popup quickly in a list, but also can be used to call it later. We like to append ‘popup’ onto all of our Popup Names so when we call them later, we can see all our choices by just typing in one word: popup (where applicable).
- Title: This field, if not empty, will display above the content in your popup. You can style this text directly using the Theme Editor.
- Content Editor: Put your popups’ content here. You can include anything from shortcodes to multimedia with the built in WordPress WYSIWYG Editor. If you can do it on a page, you can likely do it in a popup.
- Permalink (highlighted in red): This will not display a popup preview, and should not be added to the site navigation menu. Preview popups on the front end with the Popup Maker Admin Toolbar.
Pro Tip: You can drag and drop all of the panes in the Popup Editor (easier when minimized.)
Popup Editor Panes
The settings panes control how the popup looks and operates (you can see the first three panes listed below in the above screenshot, the rest below). Each settings pane is outlined below. For detailed settings information on each pane, click their corresponding link(s) below.
- Conditions: This tells your popup when to load/be available for use. These various options allow you to precisely control which pages, posts or categories the popup to be available on. Popup Conditions allow you to target users with relevant information specific to the page they are on and many other various conditions. Read the full documentation on Conditions. To extend it further, check the Advanced Targeting Conditions Extension, and get access to Conditions like: Time On Site, User Is Logged In/Out, Cookie Exists, Mobile Only, Tablet Only, and many more. To see them all, check out our Advanced Targeting Conditions Docs.
- Theme Settings: Select one of your own themes or one of our included themes from the drop down to attach that theme to this popup. Read Creating Your First Theme for more info.
- Analytics: Analytics displays useful statistics for your popup. This is extendable using our Premium Popup Analytics extension for a more detailed statistic collection and reporting experience.
- Triggers: When a trigger is activated, it will cause your popup to be displayed. Free Triggers include Click Open and Time Delay (Auto Open,) while additional triggers such as Exit Intent are available via our premium extensions marketplace. Read the full doc on Triggers.
- Cookies: Cookies are used to prevent the popup from re-appearing, among other things. You can create multiple cookies with unique settings and assign each trigger to check for as many cookies as needed. It's important to understand how your cookies work with your popups, we recommend reading the full documentation on Cookies.
- Display Settings: Use these options to size and position your popup, as well as customizing the animation. Create any popup imaginable, without limitations, with our expansive assortment of options.
- Close Settings: Close settings determine how the Close Button will work and if there are any additional ways to close the popup, such as: pressing the ESC key to close and clicking the overlay to close. You can disable the Close Button entirely on your popup using our Forced Interaction Extension.
- Author: Select the author.
Customize every popup with ease, There are endless option combinations, not including themes. If you find a setting that you think is missing, let us know!
Now that your popup is created and configured, learn to how to make it popup using Triggers.