Why Create Popups on Click?
Popup Anything on Click
- Link, HTML, Button, & Image Popups
- Image and Captions Titles
- Manage Width of Popup
- Set Popup Positions
- Customize Look of Links and Popups
- Create as Many Popups as You Want
- Works With Contact Form Plugins
- Display Shortcodes
- Custom Animations
- Popup Effects
- Popup Location Choices
- Full-Screen Popup Available
- Popups are Responsive
Basically, you have everything you need to build dynamic, interactive popup boxes that will open whenever the links are clicked.
Note: The plugin works perfectly in the Gutenberg block editor as well. You simply use the «shortcode» block and insert your popup box shortcode where you want it.
Let’s take a look at how to get the plugin installed and activated before we go over it together.
Install and Activate Plugin
In order to create your first popup on click box, you first need to install and activate the plugin. You can do this by going to the Plugins page in your WordPress admin dashboard. Simply search the plugin name and install it right from there.
Once the plugin has been installed and activated, you want to access the main settings page before you start adding any popups. To do this, click on Popup Anything > Settings. You will see this located on the left side menu of your dashboard after the plugin has been activated.
Note: You may be automatically bumped to the «Here’s What to do Next» page after you activate the plugin. You are more than welcome to click on that. You will be taken to the main website home page for the plugin. They will offer you the pro version of the plugin.
However, this tutorial is based on the free version, which gives you everything you need to create dynamic popup on click boxes.
Let’s go ahead and set the plugin up and build a popup box together.
Add a Popup Box
At this point, you should be on the settings page for the plugin. Before we add our first popup box, let’s take care of the single item in settings. The only setting you choose is whether or not you want to disable or include the Manage Polyfill JS.
Go ahead and make your choice and save it. Now, let’s add your first popup box together. Click on the «Add a Popup» selection that is located on the left side menu.
You will be presented with a text or visual editor (your choice), where you can now build and design your first popup box. Think of it as adding a new post or page. The concept is the same, except when you are done, you grab the shortcode and add it to wherever you want the popup to show on your website.
Go ahead and give your popup box a name, and then build and design the content however you want.
Now scroll down some and start on your popup box settings. Go ahead and choose what type of popup you want to build, and then start filling in the rest of your settings from there.
Continue filling in all of the popup box screen, effect, and positions settings to your liking. Choose true or false to «Enable Overlay.» and you are about done.
You can continue to scroll down some. However, the rest of the settings will be greyed out unless you are running the pro version of the plugin. So with that, go ahead and click on the «Publish» button to make your popup box go live.
Now that the popup box is published, you will see it in your Popup Anything list. This is where all of your boxes will display when you build them.
You can copy and paste the shortcode generated into any post or page you want. That is where your popup box will display based on the way you built it.
That’s it! You have successfully installed the plugin and built your first popup on click box. You can repeat this process as many times as you want in order to add more boxes.
Author: Jeremy Holcombe
Growing up in Hawaii, Jeremy started his freelance writing career doing resumes, business plans, article writing, and everything in between. He now specializes in online marketing and content writing and is part of the Content Marketing Team at GreenGeeks.