Skip to main content

How to Create a Popup on Menu Click in Your WordPress Website

Ever wanted to show a simple popup or subscriber popup when someone clicks any menu item on your WordPress website?

Menu item click popups are quite helpful if you don't want to send your visitors to a different page or a new tab but sometimes people find it quite difficult to create a popup when someone clicks a link or a button.



But what if I tell you that it's quite simple to do this thing if you own a WordPress powered website.

Curious? Well, let's get started...

Create a Popup when a Link or Button is Clicked

Using this trick you can show a contact form, a button, a image or any text message to your visitors. The WordPress plugin Popup Maker – Popup Forms, Optins & More makes it quite simple to create any kind of popup on your website.

You can install this plugin to your WordPress website by searching at the Add New plugin section or download directly from the official WordPress.org.

After installing the popup, you will need to create a new popup by selecting the Add Popup, give it a title and in the text box; either you can show a image, texts or any contact form by pasting the shortcode of the Contact Form 7 or any other WordPress contact form plugins.



You can even make a subscriber popup by using this plugin.

How to Make the Popup on a Menu Item Click?

If you want your popup to appear on a menu item click then select the option Click Open while adding Trigger for your popup.



 Now, go to your Menus from Appearance and add a new Custom Link, with # as link, to the menu.



When you will click the menu item's dropdown arrow, you should get an option as Trigger a Popup and your already created popups should appear there, select one from them, as shown in the image below:


If you don't see the Trigger a Popup option then you should check the option Popup from the above Screen Options menu as the image below:


That's it.

It's not like that it is the only way to show popups on a menu item click in the WordPress website, but I find this very easy to do and negligible time taking.

Got a better solution? Feel free to mention them in the Comments below.

Comments

Post a Comment

Popular posts from this blog

Remove Footer Credits of the WordPress Theme Hestia 2.0.4

Hestia is one of the great fully-featured, fully responsive and highly customizable WordPress themes which is offered by Themeisle in free as well the premium version. But for a normal blog or simple website, free version of the theme is more than enough. I have used this WordPress theme on my few blogs and it works just fine. But you don't get an option to remove the footer credits of Hestia in its free version. There are many tricks and articles out there which explain the removal of the footer credits of various WordPress themes. But I didn't find a single resource which explains the way to remove the footer credits of the theme Hestia. I researched a lot and finally got the complete solution using which you can remove the existing footer credits from the theme Hestia and replace it with a custom one. Let's get started... Steps to Remove Footer Credits of the WordPress theme Hestia (2.0.4 Onwards) Here's a step-to-step guide for the same: Step 1:

Remove Footer Credits of the WordPress theme Twenty Sixteen (2016)

How do you remove footer credits from the WordPress theme Twenty Sixteen? Here's a quick guide on the same which will let you add Custom Footer Copyright Texts in the WordPress theme Twenty Sixteen by removing the default Proudly Powered by WordPress credits. Twenty Sixteen - a clean, fast loading and a fully responsive WordPress theme, is one of the best themes for various kind of blogs and websites with a optional right sidebar. With more than 600,000 active installs, it appears to be always readable and good looking either for desktops, tablets or smartphones. The design of the theme is certainly not groundbreaking or out of this world but... it offers a very clean, polished and minimalist design. Let's get started with the removal of Proudly Powered by WordPress text from the footer of the WordPress theme Twenty Sixteen. Steps to Add Custom Copyright Text by Removing the Default Footer Credits from the WordPress Theme Twenty Sixteen Here's