hi guys Hamza here and welcome to this tutorial in this video I'm going to show you how to trigger an element a pop-up in the native WordPress menu without adding a single plug-in this is how it's going to look like just like this and here I'm using the Astra team and I'm basically using the WordPress native menu let's dive straight in to be able to create that pop-up and displayed in the native WordPress menu one you must have the pop-up created now let's just head over to elementa templates then we come to popups here we can create our pop-up native menu create the pop-up unbasic aliy here element is going to give us their templates we can choose from any of these I'll just close this here and just create my pop-up using just from scratch let me just add a few elements we just do something like this like something like this add an element video and just come over here to YouTube a pick up link so once you're done creating your pop-up you can just us now publish the pop-up and here we have to add a condition and that condition should be entire site now we need to save and publish save and close boom so once you have your pop-up created unzipped now we are going to go to our WordPress site and then we are going to create a page if don't worry we are going to delete this it is just for to help us to create a link that we are going to use for linking up our pop-up nominative menu so what we do here we say native just giving it a name rough name and then I can edit in elementa once I have it here I can just come at the section come right here pick up a button element and on this pattern element I'm going to come to the link options come to dynamic lookup for pop up under actions and then on the pop up we click right here steel we select open pop-up and we select the proper one to show our pop-up name is called native and then we save that once that's done we close the page and then we are going to view the page so we can just come over here to pages and look for that page we call it native then we open the page and we have our button here so once we click here our pop-up shows up this is what we wanted now what we are going to do at the moment is now to come to the button right click then we copy the link address of that button this is the address that element I users are trying to display this pop-up we can test it like in a word document or a not part so what I need from this link which is the link address I just need everything that starts with the hash until the end of that link so I just copy that over here I just come back here to my WordPress website and then I have now to go straight to the menu and once I'm at the menu this is the menu I have so I'm going out add another menu item using a custom link and in the URL section I did it whatever is there I just paste our link we brought from our not part of Microsoft Word document and then here we go to name that so native papa and then we add to the menu and then you save so once we have that saved you can just come to our website without and have our menu item now showing up so now let's test it and see how it displays so once I click here it should be able to show but for some reason it's not showing up oh no I brought in there is a forward slash so I forgot to remove the forward slash so I have to remove that I just save and update come back to our home reload our page and then we click here boom our pop-up shows up since now we have created our pop-up and it's showing up very well on our website let's go back to the pages and we delete the page that we created once you are here we delete this page which is called native and then I will come to trash and we I'm gonna delete that page still come back to our website to update click on the native pop-up Oh shows up method 2 of this same trick we are going to use the CSS ID to actually be Spanish pop-up in the native WordPress menu so to do that one you must have your pop-up created so I already have this pop-up created and what I just need to do is just to go to the pop-up settings so this is a pop-up settings area come to advanced and under advanced come on the open by selector and open by selector just give it a selector that you want to use Mexico it should be unique and not used anywhere on your entire website so I'll just put period 1 and then our same hmm native feedback and then I'll just copy that selector I update here and make sure that in your pop-up display conditions is actually supposed to display on entire site so we save and close they'll come to the WordPress menu section and then open the menu section come to the screen options and make sure you enable the CSS classes once you enable the CSS classes we come over to the custom links delete the URL that is there just put a hash and then we add to the menu once we add to the menu come here to the menu section and then add this class that you created right here in the pop-up settings on the Advanced section CSS class that you created which is opened by selector and we add it right here and then we add the navigation level we can give it like good native native oh so now we can just say the menu so once we say just come back yet our website and then reload that website after reloading then we just click on the native pop and boom it shows up that's how we can trigger elemental pop-ups in the WordPress native menu without adding a single plug-in that's it guys thank you so much for watching and see in the next one .
Well, this is the tutorial you’re looking. After having struggled to find away to trigger an elementor popup in the WordPress native menu without adding another plugin, i decided to create this tutorial upon discovering 2 simple working ways. (no coding)
The first method is simply using an elementor popup trigger url that’s generated upon assigning an elementor button to that popup and then we use that link address as our custom link menu item address.
Then, our popup will display. The second method simply using the inbuilt popup selector settings which helps us create a css class that we later have to enable and use in the WordPress menu item css class option upon adding a custom menu item in the WordPress menu.
Read full blog here:
Get a Domain and WebHosting
(Use coupon code * GOTECHUG60 * for upto 60.5% off all plans)
Get Astra Theme –
Get Elementor Page Builder:
Get Envato Elements ( Millions of creative digital assets):
Awesome Elementor Extensions (Addons)
Get Crocoblock Jet Plugins here:
Get Ultimate Addons for Elementor:
Get Essential Addons for Elementor:
Get Power Pack for Elementor here:
Get Premium Addons here:
Get Piotnet Addons for Elementor:
Get Smart Sliders 3 for Elementor:
Get The Plus Addons for Elementor:
Get Ulimited Elementor for Elementor:
Speed Up WordPress Site
Get LastPass Password Manager:
Hire on Fiverr (Get 20% off 1st Order):
*Join my monthly newsletter via blog*
*Follow GoTechUG on Social Media*
For business inquiries send to: email@example.com
*Snail Mail Address* (Send 'thank yous' and fan stuff)
Uganda, East Africa
DISCLAIMER: This video and description may contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission at NO extra cost to you. That way, it helps support this channel and make more videos just like this.