Why open a link in a popup?
Most of the people who deal with a website need to give references or know more links that do not link back to their own sites. Moreover, these days as social media is the new way of marketing, sharing the posts/articles on social sites becomes a must. At these instances, it is advisable to open these links in a Popup Window rather than the same page or New Tab to avoid the diversion of user’s attention. Opening a link in popup reduces the chance of the user exiting our page and thus helps retain the bounce rates.
When we talk about WordPress, it simply doesn’t allow to make hyperlinks open up in Popup using Inline Scripting which you might already be familiar with.
Let’s see how to open a hyperlink in a popup in WordPress without using a plugin.
Step 2: Upload the file you just made in the folder named js. It will be there in your themes folder. Generally the path is wp-content/themes/theme-name/js. (This path may vary if you are using a child theme.)
Step 3: For any script to work in WordPress, you need to register it with your theme. For that paste, the code given below in functions.php
Step 4: Add the class “popup” to the link which should want to open in the popup window. For Example
<a href=”https://www.techmuzz.com” class=”popup”>TechMuzz</a>
Try clicking this => TechMuzz
That’s it! We are done. Simply Add the attribute class=”popup” to any link and it will open up in a popup window.
If you know a better way to open links in a popup window in WordPress then please let us know. In case of any queries, feel free to contact us.