Elementor popups: you may hate popups or love them, but whatever the case, they work and they’re here to stay! Now question: if you use Elementor Pro Popups, how can you launch popups from the navigation menu? Let’s find out!
hello my name is Kaycinho, I’m a digital alchemist and today we’re going to take a look at how you can trigger popups from the navigation of your Elementor Pro powered website, whichever WordPress theme you are using.
And if you are using the Astra WordPress Theme, I will show you how to trigger a popup from the Astra theme navigation.
So, let’s dive in!
Elementor Popups: using the Elementor Pro header feature
Elementor popups : step 1 – Create Popup
- First of all, in the WordPress admin, create a popup by going to Templates > Popups > Add new
- Give it a name
- Design your popup or use a template
- Publish your popup
Elementor popups : step 2 – Create the Navigation
- In the WordPress admin, go to Templates > Theme Builder > Headers > add new
- Create your header
- Publish
Elementor popups : step 3 – Create the trigger
- In the header, add a button / image or text.
- Click the dynamic link option above the Link field and select Popup in the list.
- Click on the wrench icon next to the popup options and start typing to find the previously saved popup.
- Publish
Elementor Popups: using the Astra WordPress theme header
Elementor popups : step 1 – Create Popup
- First of all, in the WordPress admin, create a popup by going to Templates > Popups > Add new
- Give it a name
- Design your popup or use a template
- Publish your popup
Elementor popups : step 2 – Create the trigger
- In the WordPress admin, go to Templates and create a new section
- Add a an image / text or button to your section
- Click the dynamic link option above the Link field and select Popup in the list.
- Click on the wrench icon next to the popup options and start typing to find the previously saved popup.
- Right click on the image / text or button and save it as global element
- Publish
Elementor popups : step 3 – Add widget in the customizer
- In the WordPress admin, go to Appearance > Customizer
- Then in the customizer go to Layout > Primary header and select widget as last element of the navigation
- Then in the customizer go to Widgets > Header and add an Elementor library element
- In the dropdown list, select the previously saved global element from step 2 then publish
- If you don’t see it the global element in the list, click the publish button, then refresh the browser page, and go back to Widgets > Header > Elementor Library and try again. The global element should be there.
- Publish
Elementor popups: what’s your favorite feature?
So, I hope that this video taught you how to trigger Elementor Popups from the navigation of your WordPress website! By the way, I’d be curious to know what is your favorite feature about Elementor Popups?
Let me know in the comments!
If you watched the companion video and if you like it, please give it a thumbs up, as it really helps growing the channel and if you know someone that could benefit from it, I’m going to ask you if you’d like to share it now.
Because let’s face it, there are so many things to do in a day that if you don’t do it now you’ll probably forget.
Now if you want to brand, market and grow your business it in the Digital Age make sure you subscribe to my email newsletter so that you never miss your share of digital alchemy and tips, tools, services and case studies that can help you grow your business online.
So, that’s it for this episode, I hope to see you around here or on the Youtube channel, and in the meantime, don’t forget to invest in YOUR success!
| 
[…] Popups has brought a lot of new possibilities when it comes to interaction, and I’ve already shown you how to trigger popups from a button in the […]