| WordPress

Create Popups in WordPress with Popup Maker

Let's create popups in WordPress with Popup Maker! Popups are an essential part of the graphical UI of a website. They provide additional content or are used to prompt for some interaction from the user. The main purpose of popups is to make this information stand out, by covering other parts of the graphical interface. 

There are different types of popups, they can be classified for example, according to their content: 

  1. Opt-in e-mails
  2. Videos
  3. Registration forms
  4. Images
  5. etc

The Popup Maker plugin for WordPress helps developers to embed any kind of content inside a popup window, you can add conditions to filter the content to be presented. 

Keep reading to learn how to use this plugin!

Step # 1. Install the Plugin

I am using the terminal application for this task, you can use your preferred method of installing WordPress plugins.

  • Open the plugin page in your web browser
  • Right-click the Download button and select Copy link address (this downloads the latest version of the module)

Create Popups in WordPress with Popup Maker - OSTRaining.com

  • Open the terminal application of your system
  • Place the cursor at wp-content/plugins
  • Type:
wget https://downloads.wordpress.org/plugin/popup-maker.1.16.0.zip 
unzip popup-maker.1.16.0.zip
rm popup-maker.1.16.0.zip

This will download the zip file to your server, uncompress the file and finally remove it. (The version you are downloading may differ from the one detailed in this tutorial.)

Create Popups in WordPress with Popup Maker - OSTRaining.com

  • Click Plugins on your Dashboard
  • Locate Popup Maker
  • Click Activate

Create Popups in WordPress with Popup Maker - OSTRaining.com You will see a welcome message. 

  • Click Create your first popup

Step # 2. Create a Popup

  • Add a proper name (the name of the popup is mandatory)
  • Add an optional title for the popup. This title will be displayed to the user (this field is optional)
  • Click Insert from URL
  • Paste a video URL
  • Click Insert into post

 Create Popups in WordPress with Popup Maker - OSTRaining.com

Notice the analytics panel on the right side of the screen. Each time a user clicks n the popup, a conversion will be recorded.

 Create Popups in WordPress with Popup Maker - OSTRaining.com

  • Scroll down to the Popup settings
  • Click Add new trigger
  • Choose the type of trigger Time Delay / Auto open
  • Click Add

Create Popups in WordPress with Popup Maker - OSTRaining.com

  • Change the Delay to 3000ms (3s)
  • Leave the Cookie name untouched
  • Click Add

Create Popups in WordPress with Popup Maker - OSTRaining.com

  • Click the pencil icon to edit the cookie
  • Change the cookie time value to 1 week
  • Click Update

 Create Popups in WordPress with Popup Maker - OSTRaining.com

  • Click the Targeting vertical tab
  • Select All posts as the condition

 Create Popups in WordPress with Popup Maker - OSTRaining.com

  • Click the Display vertical tab
  • Click Center Popup

 Create Popups in WordPress with Popup Maker - OSTRaining.com

  • Click Size
  • Change the size to Large - 80%

 Create Popups in WordPress with Popup Maker - OSTRaining.com 

  • Change the Animation type to Fade and slide
  • Change the Animation origin to Left
  • Click Publish to save the popup

 Create Popups in WordPress with Popup Maker - OSTRaining.com 


 Step #3. Create a Post

  • Click Posts > Add New
  • Write proper title and content
  • Click Publish twice

A video will be displayed on the published post after 3 seconds.

Create Popups in WordPress with Popup Maker - OSTRaining.com


Step #4. Other Plugin Settings

Popup Themes

You can choose between predefined color schemes for your popup. You can also edit these themes to your liking. 

Create Popups in WordPress with Popup Maker - OSTRaining.com 

Subscribers

A list of people who already have subscribed to your newsletter.

Settings

Global settings for the configuration of all popups. These settings can be overridden on a popup basis, as seen in Step # 2.

All Popups

A list with all available popups. 

 

I hope you liked this tutorial. Thanks for reading!


About the author

Jorge lived in Ecuador and Germany. Now he is back to his homeland Colombia. He spends his time translating from English and German to Spanish. He enjoys playing with Drupal and other Open Source Content Management Systems and technologies.