Open an Elementor Popup on Hover
ฝัง
- เผยแพร่เมื่อ 25 พ.ย. 2022
- Learn how to make a Elementor popup that triggers on hover instead of click. → Copy the code from here: lifeonablock.com/get-javascri...
Get Elementor Pro: lifeonablock.com/elementor
In this video, we answer some common questions about Elementor Pop up. I’ll show how you can trigger a pop op by hover without using a pluing.
When you hover over the trigger element a popup will appear, and when you remove the cursor the popup closes.
People og found this video helpful was searching for:
- Learn how to open an Elementor popup on hover or how to make pop-up appear on hover.
- Elementor pro pop-up hover effect
This video was inspired by: element.how/elementor-hover-p...
Owner of code used in this video: Maxime Desrosiers from Element.how
#elementor #elementorwordpress #popup #wordpresstutorial #elementortutorial #elementorpagebuilder #elementorpro - แนวปฏิบัติและการใช้ชีวิต
Code snippet: lifeonablock.com/get-javascript-code/
For people asking about multiple elements and popups. '.showpopup' under let element in the javascript code needs to be unique for each pop-up. That needs to match the CSS Class under advanced in the element you are using to trigger the pop-up. So let's say the class used is named larry. In the javascript under let element replace '.showpopup' with '.larry' instead. Then, use only one shortcode, the shortcode of the current pop-up. Hope this helps : )
Hello please I need your help, I want the popup to show on click instead of hover, what custom code can I use to make the pop-up show on click instead of hover please help me thanks
@@blueelink5444 You dont need code for that. You can set a button in elementor to trigger a popup
What a great tutorial. Works perfectly fine, thank you so much for solving my problem!
4th subscriber. Good content. Solved my Problem. Wish you all the best. Hope to watch more content in the future. This is to motivate you. You will be a success soon. Keep creating.
Thank you @sagaraperera9145!
More elementor / wordpress tutorials are on the way 💪
Still working fine, THX!
10/10 good vid very helpful !
Thank you! Very helpfull
Thank you so much my man! Appreciate a lot. Just what i needed :))) Thanks again!! :))
I'm glad I could help! Let me know if there's anything else you need!
18th subscriber here. Finnaly getting in on something good early on. DG is great. Thanks
Great Video sort out my problem in few minutes 😍
Thank you so much .. if I need more differnet popups? Must i change popup ID and change selector in script?
Thank you so much for this! Really helpful!
One question: how would you use it if you wanted to hover different buttons and each text to trigger another popup?
Thanks for your question @Drumers
You can insert multiple shortcodes that cause other popups to open. Just remember that there must be a comma between them. Check out 03:30 and add your shortcode number here.
Alternatively, you can also repeat the whole process with a new shortcode
Hello, Your tutorial is very helpful. I have read all the comment section. I am having a problem the first hover popup is working fine but the second one I made just on the next column it doesn't stay on screen even the cursor position is static on the trigger point it keeps opening and closing. can you please give me short answer that what might be the cause?
Great Video, I'm wondering how I can achieve the same but with multiple buttons that trigger multiple different popouts? And whether the buttons can be small images? Thank you.
This is great thanks, Do you have tutorial how to on-click image Popup rather automation Popup on Hover?
Great video. 16th subscriber
life saver
Hey! Great tutorial thank you i found it really helpful. I have an issue that i need the pop up to stay active while hovering it and not just the button that's triggering it as the pop up is a part of a mega menu. Can you help me i would really appreciate it. Thanks!
Hey @mashi50000
If you want your pop-up to be activated from your menu, you should just use the same procedure as Shown in the video here.
You just add the class 'showpopup' in your WordPress control panel-->theme-->menu
Hi I loved the tutorial, I would like some help tweaking this code, when I hover over the trigger element (button) it opens the pop up, but I would like it such that when my mouse hovers over the pop up, after I open it using the trigger element, the pop up should stay open. currently when I move mouse off the button the pop up closes
Hello, I have the same question, did you manage to do this?
Hello please I need your help, I want the popup to show on click instead of hover, what custom code can I use to make the pop-up show on click instead of hover please help me thanks
great video! I have one question... if i was using it for my menu, i got it to work... but how do I get the popup to stay while i have my mouse hoovering over the popup, so the user can click a link on the popup?
did ypu manage to solve this?
great tutorial. if I have several popups on the same page using different triggers can I combine all of them into one script?
Yes thats possible. Just Enter the popup id’s with comma.separated numbers. For example “998,999”
Thanks alot, just what I needed!
btw, I just have 1 question, really hope you can help..
1. how can i move the pop up from left to right?
Thanks alot..
Thank you alvinco.virtual8821 !
You can change the position of your pop-up in the settings and then chose position.
Edit pop-up with elementor-->settings (The small little gear icon in the bottom of the elementor editor panel) --> change position
Hey, loved your video! It did work on my website, too. I have a quick question. I want to make a function that triggers a second popup when a customer hovers over a popup menu. Unfortunately, your code did not work when I tried to make the function. Can you tell me how to tweak it, please?
So it did not work when you wrote the shortcode pop-up like this [988,999]? In my code?
@@nicopalmkvist If you use the showpopup class for each element you want to trigger, every trigger element will bring up the same pop-up. The comma separators for the shortcodes do nothing. Is there a way to use something other than showpopup for the class so you can have multiple popups work with this javascript?
how do I get this to work on multiple elements on a page, so that a new popup window opens every time I go to the next button?
Hello, great tuturial, thanks! But What if I need as a trigger popup button, which is on entire site... 😊
I'm not quite sure what you mean.
If you want the button to trigger a pop-up on the entire page, you just have to change your pop-up in the display settings to do that!
finally
whats instrunmental did u use for the background music
'In Dreamland ' background music. Search for it on youtube ;)
hey I love your work but the issue is when popup opens on hover , I try to to hover over the popup it closes ,how do I get the popup to stay while i have my mouse hovering over the popup, so the user can click a link on the popup? Please solve this issue so that it only closes popup when i hover out of poup not on section
Hi @abdullahsshah2258,
Did you solve this problem or should I guide you?
- Michelle
@@nicopalmkvist I also encountered this problem. Could you please guide me. Thank you very much.
@@nicopalmkvist hoping to get a quick reply because the deadline is coming v soon , thanks in advance
The code link is not Working you are providing the description
lifeonablock.com/get-javascript-code/
Try this and let me know if it’s still not working