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: ...

Quick Guide to Remove Footer Credits of the WordPress Theme GeneratePress

In this post, I will be talking about How to Remove Default Footer Credits from the WordPress theme GeneratePress . GeneratePress is a very lightweight (< 1MB while zipped), fast, responsive and SEO friendly WordPress theme with more than 100000+ active installs. The theme works great with many page builders too and supports almost every famous WordPress plugins. GeneratePress provides you with an option to add custom copyright texts to the footer but it doesn't have an option to remove the existing default footer text. So, in this post, I will be sharing a way to even remove the default footer text from the WordPress theme GeneratePress. How to Remove the Footer Credits from the WordPress theme GeneratePress I have broken the trick into a few simple steps which are: Step 1: Log into the wp-admin First of all, log into your wp-admin by going to the YourSite.com/wp-admin. Where YourSite.com is the address of your website. Step 2: Open the T...