Open an Elementor Popup on Hover

preview_player
Показать описание


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

#elementor #elementorwordpress #popup #wordpresstutorial #elementortutorial #elementorpagebuilder #elementorpro
Рекомендации по теме
Комментарии
Автор

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 : )

JustinRampley
Автор

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.

sagaraperera
Автор

What a great tutorial. Works perfectly fine, thank you so much for solving my problem!

musikathsch
Автор

18th subscriber here. Finnaly getting in on something good early on. DG is great. Thanks

Checklogic
Автор

Great Video sort out my problem in few minutes 😍

aqsatariq
Автор

Thank you so much my man! Appreciate a lot. Just what i needed :))) Thanks again!! :))

Jebesniper
Автор

This is great thanks, Do you have tutorial how to on-click image Popup rather automation Popup on Hover?

khondang
Автор

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?

Drumers
Автор

Thank you so much .. if I need more differnet popups? Must i change popup ID and change selector in script?

gregorkoprivc
Автор

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?

HassanLamarctc
Автор

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..

alvinco.virtual
Автор

great tutorial. if I have several popups on the same page using different triggers can I combine all of them into one script?

videoxyz
Автор

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!

masho
Автор

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.

DaisyAlleno-Powell
Автор

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?

a.t.
Автор

Hello, great tuturial, thanks! But What if I need as a trigger popup button, which is on entire site... 😊

martingunis
Автор

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?

dkass
Автор

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

ManavMehta-hn
Автор

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

hd-movierecap
Автор

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?

MichaelaBa-zp