In this new tutorial we will show you how to open an Elementor popup from a URL or menu. You will also learn how to find the URL that leads to your popup, and then how to use it from a text block or navigation element.
But first, if you have not yet installed Elementor, we suggest you to consult our guide by clicking on this link.
To get started, add a button to your Elementor page
First, go to your page and edit it with Elementor, finally add a " Button ».
Then select 'Popup' under the link options
After adding the button,
- Go to the section link and click on the " Dynamic tags », And from there
- Select " Popup " in " Actions ».
- Then click Popup and select your model.
Visit your page to copy the link to the Elementor popup
Now visit the page from the front end, then right click on the "button" and "Copy link address" after that go to thetext editor from your computer and paste the link.
Add or modify the text element that will be linked to the popup
After copying the link from the button, go back to the Elementor editor and " Add your text ". We simply chose a title.
Add part of the previously copied link to your text element
After entering your text, go back to the text editor where you pasted the code and copy the link from the #, then paste it into the link option.
See the screenshots below.
To add the popup as a menu item
Just go under the WordPress menu options. There, add a custom link to your navigation menu and enter the URL you got above!
Read our guide on how to create a menu in WordPress
Finally, take advantage of your popup link on Elementor!
Finally, you can validate that everything is working by going to the page and clicking on your text or menu item!
Important: Your contextual display conditions must correspond to the pages on which you will have this link! So if it's in your header navigation, for example, your popup should be set to whole website.
Get Elementor Pro Now!
Discover also some premium WordPress plugins
You can use other WordPress plugins to give a modern appearance and to optimize the handling of your blog or website.
We offer you here some premium WordPress plugins that will help you do that.
1. WordPress PDO Crud
WordPress PDO Crud is a powerful plugin that will allow you to create forms, in order to perform operations of adding, modifying, deleting data on the border.
It offers a beautiful table on which you can add your data in several ways, which will be easily defined by any Webmaster.
Its main features are: a very simple syntax, support for multiple appearances, automatic generation of insertion or update forms from DB tables, display of specific fields, support for numerous WordPress plugins, data export in pdf, xml, csv and excel format, various customization settings, multilingual support, search on specific fields, multiple deletion options, and much more.
Download | Demo | Web hosting
2. Featured Audio
Featured Audio is a great WordPress Plugin which inherited the best HTML5 features, as the name suggests. This plugin allows you to adjust the volume of the selected audio for each post and page.
As features we will have among others: the song on the front page, an audio player that fully supports HTML5, support for mobile devices such as: iPhone, iPad, Android and WP7, playback of audio files stored in the WordPress media library , support for old browsers, support for audio formats: mp3, wav, ogg, etc…, multilingual, and many others…
Download | Demo | Web hosting
3. ChimpMate Pro
Chimpmate is the WordPress Plugin from MailChimp Pop-up, which will help you convert your readers into subscribers. It was designed to grow your email list without irritating visitors with annoying pop-ups.
It's fully customizable, and you'll be in control of when and where to display pop-ups. Its other features are: it works perfectly on multiple browsers and has multiple scheduling options, fully customizable layout, responsive customer support, seamless integration with WooCommerce, excellent cache management, perfect integration with several WordPress themes, Multilingual support thanks to the WPML plugin, and much more.
Download | Demo | Web hosting
Other recommended resources
We also invite you to consult the resources below to go further in the grip and control of your website and blog.
- How to display all your WordPress publications on a single page
- How to use categories and labels effectively on WordPress
- How to add a WhatsApp button on a WordPress blog
- How to find a sponsor and monetize your blog? : Guide
Conclusion
Here ! That's it for this tutorial. Hope it will allow you to open an Elementor popup from a url or menu. feel free to share the tip with your friends on your social networks.
However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.
But, in the meantime, tell us about your Comments and suggestions in the dedicated section.
...