How to Trigger a Popup on Clicking a Button in WordPress with Wonder Popup

Are you looking for ways to capture more email subscribers, promote new products or services, or deliver special offers to your visitors? One effective way to achieve this is by using a popup that appears when a visitor clicks a button. In this tutorial, we will show you how to trigger a popup on clicking a button in WordPress using the Wonder Popup plugin.

Step 1 - Install WordPress Plugin Wonder Popup

The first step is to install the Wonder Popup plugin. You can download the Free Version from the product homepage and then install it in your WordPress backend by following these steps: .

Step 2 - Create a Popup

Once you have installed the plugin, go to the Wonder Popup page in your WordPress backend and click on 'Add New' to create a new popup. You can select from four types of forms: Notification Bar, Slide In, Embed, or Lightbox.

Step 3 - Enable the Popup on Pages or Posts

In the popup editor, navigate to the Display Rules tab and make sure the popup is enabled on the page or post that you are going to add the button. You can also customize the display rules by unchecking all options under Display Time in step 4.

Step 4 - Add HTML Code to Trigger the Popup

If you don't like the popup to show up automatically, you can add HTML code to trigger it on clicking a button. In the popup editor, click on 'Get Code' and then copy the provided code. You will need to paste this code in your page or post where you want the button to appear.

Types of Popups

Wonder Popup allows you to create different types of popups, such as:

* Notification Bar: A bar that displays at the top or bottom of the web page

* Slide In: A popup that slides in from a corner

* Embed: A form embedded into pages, posts, or sidebar widgets

* Lightbox: A lightbox popup that displays in the center of the web browser

In this tutorial, we have shown you how to trigger a popup on clicking a button in WordPress using the Wonder Popup plugin. By following these steps, you can create a popup that appears when a visitor clicks a button and capture more email subscribers, promote new products or services, or deliver special offers to your visitors.

wp popup iframe html code

To add the popup to your page or post, simply paste the provided HTML code in the relevant section. This will trigger the popup on clicking the button.

Wp popup iframe html code