and guys, how are you?
here is micaela of the discount and when websites and today's video i will teach you how to make a mega menu just like this and well then guys as usual uses before starting the video i will ask you to leave a like for me if subscribe to the channel if you are not subscribed yet and activate the bell here from notifications ok so guys I'm going to teach you how to make this mega menu of two ways for you one with jet plugin minus that is an additional plugin from elementor and the other only with elementor pro using a little papi and another additional plugin ok let's start so here to make the option with the jet less let's talk here we go to the wordpress admin panel there we will have to come here in appearance minus the device yet appearance looks – 1 what's up and we will select here the menu you want in the case of this same one here I I have two in this minute from above and this is what I called him as the submenu so if in your case with another boy you have to select here on my case is going to be the same right here i'm going to make a ligament here in dresses option remember that for this option that works you have to be with jetmenu plugin installed and activated such you will mouse over here onwards less it is well to activate this option here and it will click on edit the mega menu item and then guys will open the gold food editor hi and then i don't understand i'm here look open the normal editor then you can do the cool like you want you can develop whatever you want here in this editor and then it will pull in the mega but not that we will configure ok I'll get an option here with six columns one two three four five has columns and then I will start to develop here when I put a space a little 20 here I will get a titor here I wrote here casual dresses I will do a model here is but you can develop what was then whatever made sense i'm projects right dress casual dresses party and there the printed dresses and then arrived and he horitas and jeans dresses right there now i'm going to set up the black mouth here and put closes is because the uchiha meuaio anyone weight 500 here I will put size 17 and then I will paste the style in all ok titles is to paste the style you first select that you want clicks with the right button click on it copy there you click with the right button on what you want to paste the style and then you click on paste style and then you will paste the settings here in the others ok and then look and I'll do a little detail here i don't know that my divider use two dividers the brush and this is this one, the top one I will leave three wide and put it 20 here wide in the decrease the spacing here to zero, you will also lower it here his thinking to zero and I'm going to put his weight here 0.15 just want look good here I'm going to change the color here for an acronym hi and put a negative bottom margin on this one son and dog here on the link to disable know click on this icon zinho who say he is he disables spacing in all areas when you put a space here if you have activated it puts all thoughts the areas if he has disabled placement at the time you want ok crazy and supposedly inferior here negative and in this one so put a upper the negative i'm going to dry on a near the another one here with another nude top I put a bottom 27 and the bottom a superior 17 is there in this one above I will change the color here to pink what's up and there and there and ready what i left everyone here i think easier when I click here I went the others and and it's like I put one next to the other that it will be difficult to copy and paste and I will duplicate here so leave columns in the three four five I'll choose here look I love you it would be easier to do a little jump to do it anyway and some things I don't need here and there and there and there and done ready here or five now i will put an image down here each is indicative when you are dragging an item it is difficult to place wherever you want and put it even so I don’t see that it’s here see it easier see it there you can put one you want and we will select the size here put in full screen because sometimes if you leave it here in the next size it gets blurry the image you stop full screen and you know if neymar he wants you not to get a casual dress I will put this one I will come here style I will see that not even rover there I will see that it css filter i'll pull the saturation a little bit here just for when to pass the badly and make an effect here you see and then I'll duplicate all of them here so I can click with the effect there now just change the photo this one is a party dress i will put this dress here in this printed animal I will put it moving here this one dressed in flowers I'm going to put it on and he gets here and this little angels dress the coca the tins i magazine is getting serious and cold after ready to put all the images and are all well done talk there i will put here all the text that in all titles the link that to be at home when you click i will put here so that when the person clicks they go to work dresses are start to write that appears dressed and then copy here everyone stayed there to everyone here look I'm also going to talk here in the photo of all the photos are that analyzed urss link i will paste here all photos so that when someone clicks also go to the dresses page ok I'm going to put it here to update Look, ready to update it as it’s getting mobile you can also see if we need to adjust the people are going to put the mouse here on top of these zinho here monitor icons fall mobile there I think I don't need to talk is not it's so ready now we're going to click out here to leave let's get that save important click save if you don't even click save here will save what you did with you click on the cell here and ready now you click on the save menu hi and ready let's update here now this page too and then it also makes a cute icon here when you hover over there it stays here you can see that the layout you made is there now I will teach you do the same mega menu here but only which element chat function I will take advantage of this layout that I have already done here in editing and I will copy this model that I already made here just to enjoy it there paper and then how are you going to do it right in the chat you do it ready now we are going to hover over food or models add new there we will select here look the pap there we go that let's create one more or less here is to create blouses oh ok, differentiate it, click on create model and there and there ready as there is already a model there ready then i'm just going to be a colleague here how will it be for blouses i will change here the texts and photos for me but first we have to do a configuration here to be very similar to another one ok we will take this background color here or let him that in the ciminha gear disable You can see the background overlay and how narrow it is here will come here in width we will increase width here look and to get bigger and then we will and put here is a top spacing to be a a little bit down a chat is asking that he is covering the menu you see there we will put a spacing here for it to be below of the menu but that image disable that the wine link put 90 here I think it will be there, it will be right below it mine but that sunday there we go back here to setup the bogeyman saying in the gear understand style let's deactivate here look the background color just scroll this bar here for the lecture will come here that ready remaining there which is nice of photo let's activate the shadow of the block too and then we'll come here in the section to put the white background color because I I'm doing this because I want to put the motion effect here when appear when you click on the pop it appears so down right hey speaks in will still need went down I will put the quick option here for him seems to have a quick one so you will come here in advanced is made of incoming animation movement makes it sunny and then it will appear like this going down down I think we can put a little more space here right here in the session is pa here in poupaki in advanced I will put endless the work and here in the session I will come here fattening style I put a block shadow here I will come here in color you direct here put 27 here and it will be very light i want to do live on day a is very and then hi and there you go guys that will already have done here in ours is done here then let's put here and publish there you have to click here to add condition leave here on the site everything is ok we have to have this option that we can't activate in the menu there in advance you will not select even a trigger I was leaving here with nothing alone here in conditions you will put it here to appear on the whole site then here we go and click save and ready let's go back to the admin panel ok you will need to install this pudding that I with this plugin here the pap url for element ok I'll leave the link for this for the blog here in the description it generates an rl for any chat you create so you can pull it out of any clickable element that you want it doesn't necessarily have to be a button can be anything you can put a rl right then you will activate this one problem here is how you will download it you will click here to add new there you will put who and the plugin and then you will know this option here you will choose the file on your computer and then install it here then you will click people there right there to get the url that we need and we’re going to come here, model me hi papi and let's go in a blues bikini even I forgot to do something you noticed this also forgot to change the photos to blouses two do here is quick ex what should i give here for blouses choose that photos the market badly what a beautiful couple because we don't know how much that is and then what is it and there to find a flowering seedlings angelina hi boys and here i will make one beauty is and there and there and there and there and then a complete construction site I will pass here then let's change the link here for blouses and we will copy and paste here all for blouses 1 and there and there and there and there I go now yes and ready let's update here to be able to get the changes let's stay here me show url you see let's choose this option here then the police buy copy it there we will see that appearance less we will see here in blouse and then the url sign I put the link and we copied there I'm going to click on save ok there now we are going to come here to page and let's update for us to see that blouse there appeared here underneath ok seeing you know you can close here well then guys these two ways you can do it this way here if you already have it if you already have a jetmenu which is much easier to do, right and it’s more cute too and there’s this other option here that you can also do with the chat if you don't have the jet plugin here ok and then guys it's just this layout I made here was just an example just for show you how to make the mega menu function here but then you have the date that your project you want to place a promotion will put the banner better the bigger if you want to do it another way if you want to put several links here at last another way in here finally here is the way you think that is better for your project there okay but that way here they build the mega menu is one of those two ah ok that's it guys today's tip was this one I will ask you again to leave a like for me if you liked it of the video comments here we are there for you that you found it leaves the suggestions of videos you want me to do here also subscribe to the channel if you not subscribed activate the notification bell follow me on social media everything is missing that you can do to help the channel grow ok and that's it there guys until the next bye bye .
👉Entre em meu canal VIP no Telegram:
👉Se inscreva no canal:
✔️Adquira o Elementor Pro aqui:
✔️Hospedagem Hostgator (recomendo):
✔️Crocoblock Elementor (Família Jet) –
Link dos Plugins utilizados:
✔️ Plugin free: Popup Trigger URL for Elementor Pro –
✔️ Plugin JetMenu –
✔️ Elementor Pro aqui:
✔️ Link do nosso site –
✔️ Link do vídeo anterior –
✔️Crocoblock elementor –
☑️ Tutorial Elementor: Como criar um MEGA MENU com Elementor | JetMenu ou Popup
☑️Compartilhe o vídeo:
☑️Se inscreva no canal:
Quem desenvolve sites, blogs e ecommerces (lojas virtuais) utilizando wordpress, elementor e woocommerce, provavelmente já deve ter se deparado com projetos grandes, com muitas páginas e conteúdos que necessitam ser organizados e linkados no menu. E a melhor maneira de organizar a grande quantidade de links, categorias e imagens no menu, é criando um mega menu. Isto é, um menu que utilize toda a área disponível do menu principal para mostrar as informações. Pois se fazer o menu da maneira tradicional que é apenas colocando vários links abaixo de um mesmo item de menu(subitens), não irá caber todos os links na “primeira dobra da página” e o usuário terá que rolar a página para ver o restante dos subitens do menu. E isso não é agradável, gera uma experiência ruim para o usuário.
A grande maioria das lojas virtuais, senão todas, precisam colocar imagens representativas das categorias dos produtos, promoções de determinados produtos e dezenas de links dentro do menu. Então, o mega menu é a solução!
Por isso, nesse tutorial elementor mostro como fazer o mega menu através do famoso construtor de páginas elementor e do plugin pro “jetmenu elementor” que pertence ao grupo “crocoblock elementor”.
Também mostro uma segunda maneira que não utiliza o jet elements (jetmenu), mas utiliza o “Popup Trigger URL for Elementor Pro” que é um plugin gratuito. Com ele, a estratégia é: Criar os itens do mega menu dentro de um popop e chamar/acionar o popup no item de menu. Este plugin gera uma url dos popups criado com o elementor pro. Com a url basta inserir no item de menu (Links Personalizados) que quando o usuário do site clicar no link, o popup irá aparecer.
👉Se inscreva e ative o sininho das notificações para ver novos vídeo e dicas sobre WordPress, Elementor, Woocommerce, Servidores e de como Viver de Criação de Sites. Clique aqui:
📍 Sigam minhas redes sociais
💲 Instagram –
💲 Telegram –
💲 Facebook –
Micaela Soares – Descomplicando Sites.
#ComoCriarMegamenu #megamenu #Elementor