View Categories

The Popup Editor — Introduction

Overview #

Popups are created in the popup editor. This article introduces users to the feature areas within the popup editor. 

By default, the popup editor uses the WordPress classic editor. The block editor introduced in WordPress version 5.0 can be activated from the Popup Maker Settings menu. 

See: Add Popup submenu / Add New Popup button to learn how to open the popup editor.

See:  Settings submenu to change the editor interface from classic to block.


The Popup Editor — Classic Editor View #

Fields #

File Kwrhhkw86B

Table 1. Summary of Available Fields in the Popup Classic Editor

Field
Item
Field Name Required Field
Description
1 Popup Name (slug-name) Yes The popup name and slug name as shown on the ‘All Popups’ admin page (‘Name’ and ‘CSS Classes’ respectively). 

See:  Trigger: Click Open — Add Popup Maker Classes to Set a Trigger on how to use the plugin CSS class to set a Click Open trigger.

2 Popup Title No A title shown at the top of the popup container. 
3 Content

No The popup content. Acceptable content includes text, links, shortcodes, and media (images, graphics, video, audio, document files). Code scripts (PHP and JavaScript) entered directly into the editor are disabled by WordPress. 

See:  Register a Shortcode to Run Editor Scripts to process code scripts inside the popup editor.

Boxes
File 1Pzh5Wfarh #

Table 2. Summary of Available Boxes in the Popup Classic Editor

Box 
Item
Box 
Name
Required
Box

Description
1 Analytics No View data on the number of popup ‘opens’ and user action, such as opening a link, or form submit (‘conversions’). The analytics data counter can also be reset back to zero.

Our Popup Analytics plugin extension to Popup Maker provides detailed analytics information about your popups, including  number of times opened, average time open, conversions, average conversion time, conversion rate and more.


2 Publish Yes Displays the publication  status of a popup; ‘Published’, ‘Pending Review’ or ‘Draft’.  Select the ‘Publish’ button to save a new popup. Select the ‘Update’ button to save a popup revision.
3 Popup Settings Yes (trigger only) The primary option settings box for each popup. From the Triggers tab, a popup trigger must be selected from this box to display a popup. Users can accept all other initial settings in this box to publish a working popup. 

See: What is a Popup Trigger?


Preview Button #

File

Once a new popup is published, a Preview button becomes available in the classic editor. Click the button to preview a popup on the front end. 

Popups set with a Time Delay / Auto Open trigger will display on every page and post of a site until the Targeting option in the editor Popup Settings box is changed.  If you create a popup on a live server, publish a popup with a Click Open trigger to preview it. 

An alternate way to preview a published popup is to use the Popup Maker Admin Toolbar.


The Popup Maker Shortcode Button  #

Popup Maker Class Editor Menu Shortcode Button.

Figure 1 (above). Popup Maker shortcode button and menu in the classic editor.

The classic editor menu includes a Popup Maker shortcode button.  This feature is not currently available in the block editor menu shown below.

File Gb2Whncgyc

Figure 2 (above). The Popup Maker shortcode button is currently unavailable in the block editor.

If you rely on one or more Popup Maker shortcodes in the content editor, continue to use the classic editor. The Popup Maker shortcode button will be added to the block editor menu in a future version release. 

Related article:  Shortcode Button


The Popup Editor — Block Editor View #

File Ds1Er4Uu9J

The block editor displays fewer fields and relocates information about the popup to the editor sidebar. The sidebar contains information on the popup’s publication status ( published or draft ) and analytics. The Popup Settings box is positioned below the block editor. 

See the following related article on how to create and publish a popup.

Related article: Create Your First Popup — Summary Guide

Leave the first comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.