A Beginner’s Guide to Popup Maker’s ‘Popup Editor’

The Popup Editor is where you’ll spend most of your time within Popup Maker. As such, it’s important to know the ins and outs of using it. However, because it’s so powerful, the various customization options and screens can seem daunting.

In actuality, the Popup Editor is quite easy to use. Its intuitive design and drag-and-drop interface means you can simplify the popup creation process. Even as a beginner, you can create beautiful and effective popups with ease, within a familiar interface.

In this post, we’ll introduce you to Popup Maker’s Popup Editor, including a look at some best practices for using it. We’ll then walk you through how to create your first popup with the editor. Let’s get started!

An Introduction to the Popup Editor

Popup Maker is a powerful popup creation tool incorporating a number of essential features (such as shortcodes and a variety of extensions). However, the most powerful tool is the plugin’s Popup Editor. While the feature offers many benefits, there are a few key ways it makes the popup creation process easier:

• A user-friendly design that provides all of tools you’ll need in one area.
• An almost endless amount of tools to customize your popups.
• An easy-to-use interface for beginners that’s also comprehensive enough for more advanced users.

Best of all, you get to create popups using a live preview option. Simply put, the changes you make in the back end will display as they’ll appear on the front end of your website.

3 Best Practices for Using the Popup Editor

If you’re new to the Popup Editor, it can be overwhelming to know where to start. In this section, we’ve compiled a list of three best practices to get you started on the right foot. Let’s dig in!

1. Get Acquainted With the Editor Panes to Maximize Customization

There are many tools available within the Popup Editor to make the creation process simple. One such tool is the editor panes – drag-and-drop boxes with a variety of settings and options.

The main purpose of these is to provide you with almost limitless popup customization abilities. You can even drag and drop them anywhere within the editor to get immediate access to your most used options. There are a number of panes included out of the box, but here are three of the most important ones:

1. Conditions. The Conditions pane enables you to alter who will see the popups, and where. This makes it easy to target a specific audience, or to prevent popups from appearing for users too often.
2. Triggers. While Conditions handles the “who” and “where”, Triggers handle the “when”. With Triggers set, you can display your popups at any time (or after a user has performed a specified action).
3. Display Settings. Last but not least, Display Settings dictates how your popups will display and what they’ll look like. With these settings, you can alter the size, position, animation, and more.

You can significantly improve the effectiveness of your popups just by using these three panes, although a wealth of complex customizations is at your fingertips if you need it.

2. Use and Create Popup Themes to Simplify the Creation Process

Just as your WordPress site uses themes, so too do your popups! The Popup Editor includes a dedicated tool that enables you to create a specific style of popup (including when and where it will display) and save it for later use. With themes, you can quickly create popups that match the color scheme and style of your website. They also enable you to create different popups that fit well together in terms of fonts, colors, and more.

In addition, Popup Maker includes six pre-built themes. To use them (or to create your own), navigate to Popup Maker > Popup Themes from the left hand menu of the WordPress dashboard. You can choose from one of the pre-built themes by clicking on the theme’s title, or select Add Theme to create your own.

The Theme Editor has panes that are different from the Popup Editor. However, they’re just as easy to use and enable you to style each theme as you’d like. For example, you can adjust settings for overlays, containers, your content on the whole, and much more.

3. Add Extensions to Expand Popup Maker’s Functionality

Popup Maker’s extensions are similar to WordPress plugins. They enable you to further expand Popup Maker’s functionality, and they can be used directly within the Popup Editor for maximum efficiency. You can purchase extensions individually, or as part of the Core Bundle.

Extensions are useful in two main ways. First, they provide you with even more customization options. Second, they can often make the popup creation process easier and more effective.

There are more than a dozen extensions to choose from, but the following three will likely be the most beneficial if you’re just starting out on your journey:

1. Advanced Theme Builder: To give your popup a little something extra, the Advanced Theme Builder enables you to add background images and alter the look (including transparency).
2. Popup Analytics. To gauge popup performance and optimize for effectiveness, the Popup Analytics extension enables you to track user interactions and statistics.
3. Scheduling. With just a few clicks, you can completely automate your website’s popups. You can even add multiple scheduled dates to one popup for maximum flexibility.

Just as with the editor panes, the majority of Popup Maker’s extensions can be used in the Popup Editor. They can be rearranged (based on how often you use them) and using them is a breeze.

How to Make Your First Popup Using the Popup Editor

Popup Maker is an easy-to-use plugin that enables you to design and optimize your website’s popups. Incorporating a live editor and over a dozen extensions, it’s never been easier to build popups for your site’s needs. Regardless of your expertise, the plugin’s Popup Editor makes it easy to create all manner of popups.

Once you’ve installed and activated Popup Maker, head to Popup Maker > Add Popup on the left side of the WordPress dashboard. Name your popup (to make it easy to distinguish later), include a title (which will be displayed on your site), and then add the body content:

While the variety of editor panes can be overwhelming, we recommend you start with Conditions, Triggers, and Display Settings first. These will enable you to create a basic popup that can be further optimized later. For more on using the various options and panes, check out our comprehensive documentation.

Conclusion

Popups can be a useful tool for any website, by helping you to improve user experience and boost conversions. However, creating them can seem overwhelming to a beginner. Fortunately, Popup Maker’s Popup Editor makes creation simple – regardless of your experience level.

In this post, we’ve introduced you to Popup Maker’s Popup Editor. We’ve also outlined three best practices for its use. They are:

1. Get acquainted with the editor panes to improve effectiveness.
2. Use and create Popup Themes to simplify the process.
3. Add extensions to expand functionality.

Do you have any questions about the Popup Editor, or how to create your first popup with Popup Maker? Let us know in the comments section below!

Feature image: Pexels.