How To Create A Popup Using Elementor For FREE | Popup Button Trigger
ฝัง
- เผยแพร่เมื่อ 4 ก.ค. 2024
- Learn how to create a popup on elementor for free
🔵 Join Our Facebook Community!
bit.ly/urielsotofbgroup
🟢 Tech Support:
urielsoto.com/services/
🟢 My Web Agency:
vluxdesigns.com/
MY COURSES:
🟣 Elementor Mobile Responsive Course
bit.ly/elementormobile
🟣 Website Building Factory Course
bit.ly/websitebuildingfactory
PRODUCTS I USE FOR MY WEBSITES:
🔴 Get Elementor Pro - My Favorite Page Builder
bit.ly/urielelementorpro
PRIVATE GROUP:
🔵 Join My Patreon & Get Design Downloads
bit.ly/uspatreon
CONTACT ME:
My Website: urielsoto.com/
Facebook: / urielsotodev
Linkedin: / uriel-soto-976b3117a
![Popup On Button Click [Elementor Pro Tutorial]](http://i.ytimg.com/vi/dYfF743BTlI/mqdefault.jpg)
Awesome video!
I saw your image was one the left when centered on the preview and I have the same issue. Any idea on how to center it and fix it?
Hey man, thanks for the video, it was extremely helpful. I am facing a situation as I used your method to make popup form (using metform). the main problem is when I am filling the form the page is scrolling down and not sure how to fix that. Any ideas ?
Thank you so much.
Absolutely spot on 👍
Helped a ton.
Thanks a lot man...this worked for me. I was using elementor pro's modal popup to show formcraft form but for some reason the form could not submit using that popup but this works. Thanks
Hi! Thank you for the video very useful for me rn. However, I have a question. Is it possible to change the size of the frame in order to take make the pop up bigger on the screen ?
The only way I can think of is expanding it using the element settings. If that doesn't work you may have to add some css.
Genial Uriel, tus contenidos ayudan mucho! Está muy bueno mostrar alternativas free de Elementor vs Elementor PRO, saludos!
Muchas gracias! Si pues mi gusta ayudar dónde puedo. Ya sé cómo está la situación cuando apenas estás empezando y no tienes los fondos.
Hello,
Thanks for this tutorial.
it works fine with a button, but how do you use the "shortcode" link and launch a pop-up from a word in a text box?
lol dude you're the best. Literally needed this today! Love your tutorials, keep it up!
I got you dude!
How do I add a line break to the button? isn't working in this case
Hey ! The tutorial is exactly what I need for my website but it seems the modal display nonethless under the button. I can't get to display the modal when I click the button. Any tips?
Yes this is a great way to create popups, I've been using it a lot :)
thank you soo much for this video, it's really helpful. however I encountered a problem, which I'm not sure how to fix. when I click the pop up button the window shows up on the bottom of the page, not centered, and half of the content is not visible. I tried everything and can't manage to find a way to fix it, I even redid the whole page just to be sure I didn't mess up some of the settings.
Awesome tutorial, thank you! 😇
Thank you so much Uriel!!
Thanks man, i really needed this one
Millions of thumbs up for You Such great work Buddy..!
I am really thankful to you...!
works perfectly!! thanks!!
This worked amazingly. Great tutorial!
Glad I could help!!
Thanks! Where do the people that sign up go after? Is there any way to integrate this with Mailerlite?
Just what I needed. Very well explained, Uriel. I admire your work. Keep it up.
Appreciate the video mate. Big Thanks.
How do you make it responsive to mobile device.
Muchas Gracias amigo! Infinite thanks bro!!!!! today I learned something new!!!! Thanks a lots to share your skills with us.
i need a popup when we click on image with text box is it possible?? @
Uriel Soto
thx for the tutorial but got a problem everytime i made a form on it it doesn responsive
thanks can it be setup to be activated by "any click"
can we add a custom close button? what can we use for that?
Please help with the designing part free sources for creating designs for posters and stuff for website and Instagram
Thanks a lot for a great video Uriel, this is almost exactly what I was looking for. The only problem is that I can't figure out how to change the popup window background color. Whatever I do, it's always transparent black, even when I change the background color of the pop-up page, there is no effect. Any idea where might be a problem? Thanks a lot!
Have you tried some custom css?
@@UrielSoto I have this same issue but I do not know what you mean by custom CSS
When I am adding the shortcode I am not finding the option to FIx/change the height of content.
Can I get anyhelp?
thanks bro im your new FAN!!
Great help !! Thanks a lot ... can u also help explain how to pop up on landing page without any button
thanks. it worked.
thanks worked for me ;-)
You Are great, my brother. Love from Bangladesh.
Thanks man!
Good one learnt something good
Thanks A lot Bro, you give great thing
hi! thanks for your tutorial. I'm having an issue, my pop up is a document with instructions and the text is a bit long. therefore scrolling is needed but this plugin doesn't seem to offer that option. I just get a pop up box where you can read only the title and some text but wont scroll down to continue reading. any ideas on how to solve this? thank you in advance!
Did you find a solution to scrolling? I’m having the same issue
Cool, thanks for sharing bro.. keep on going
Very helpful video for creating a free pop up. No matter how I adjust the vertical height of the pop up, it still fill up the entire screen. Width is ok. Please advise. Thank U.
Fixed it!
Shrink the size of the main text (if you're using the same template, make the "playground for creative people" text smaller)
Hey! thank you for the video. Helped a lot.
I am not able to scroll the pop up on the mobile view. Could you please help out?
Thanks
same issue
Thanks so much for this tutorial! Just what I needed right now (it's like you read my mind). I'm trying to create an email subscription popup via mail chimp plugin. Any additional advice for this?
Of course! I like solving people issues they might come across. You don't need a mail chimp plugin. You can use any form plugin that works with Elementor and just use a webhook to send it to mailchimp. If you have elementor pro. They have something already built-in. I can make a video on this if you're still having issues.
@@UrielSoto Is using a webhook a better option than the mailchimp plugin? I would love to know how to do it. I am using free Elementor. Keep up the awesome tutorials!
Amazing bro❤
Thank you so muchhhhhh~~ saved my day
Thank you!
Hello~ thank you for your video~
Is there any way to trigger the popup on page load?
The only other way I know of besides using Elementor pro. Is using the plugins called popup maker and anywhere Elementor together
you are the best!!!
Great and valuable. Thank you very much.
Thanks, I got some more valuable stuff coming out this week that I'm sure you'll love.
thank you so much
This is amazing. It almost worked for me.
Although, in elementor I can click on the button. But when I click on preview or check from the live website, the button is not clickable. Any mistake you think I have done?
PS: I have used the button at the top most of my home page.
Not sure really. Could be a plugin interfering. If you need further help. Maybe join out fb group and see we can help
Thanks brother
thank you!
Love I will the way you teach ♥️
What if I want the popup to appear on click only for free users and not members?
How can I use more complex scenarios?
Thank Uriel, it's really helpful. I am facing an issue, the height of the popup window is not getting fixed despite I am trying to fix it through min-height and padding adjustment etc. But the height of popup window is not just getting less. I appreciate your help.
Best, aasiph
Having the exact same problem
Fixed it!
Shrink the size of the main text (if you're using the same template, make the "playground for creative people" text smaller)
@@Dolliebaby23 please explain better 😭😭😭
are you joseph Soto's brother😃🤣? great video man. i appreciate you
how can it be responsive like you did??:" Mine is stuck like the PC display, although it's been mobile and tab version.
hi there first off all I love your video's all your video's are so clear and easy to understand. but I have a problem with this plugin, it won't work with my other plugin Sina slider on Elementor. can you please give some advice what to do?
thanks in advance.
Yeah sometimes they plugins interfere with each other. There's not much you can do. I know sina has there own popup as well?
@@UrielSoto ooh really!! Thank you verry much for replying back on my question. What is the name of the plugin? And do I need a second plugin?
Is there a way to 'auto open the popup' (in free version of elementor) - don't want to click on a button to open
As of now no. Not with the free version. You can use the pop up maker and elementor everywhere. To make that possible.
Hi i tried this method for a from the pops up when button is pressed. it opens and closes fine but the form is open in the background and on moving the cursor, it detects the fields and the cursor changes to 'typing', even when the pop up-form is not open. And if there are any link behind the form, they are not clicked because the form is open in the background even when its not really opened. Do you know a fix around this?
Hi, have you solved this issue? I'm struggling with the same thing right now
amazing!!!
but i have an issue, i added the modal popup button in a global header and the popup shows behind the page elements, how to make it shows perfectly? i can't put it in the page itself i must put it in the global header :(
give a high z-index like 999
How can i have it so the pop up just appears on page load and without a button?
Great tutorial, can you connect this to Active Campaign?
I'm not sure. If it allows a webhook. You should be able to.
Legend
How to scroll popup left to right with click-on the button or hover the button?
The best video about this
Thanks
hi Uriel, im getting the error "connecting to the library failed please try reloading the page and try again" when i try to load a template from elementor. Would you know what the problem is?
I'm honestly not sure. You might need to connect your account to elementor to access there templates. It usually pops up
bro maybe you are using nullled plugin or you dont have a account in elementor therefore you cannot access its templates
Thanks for the tutorial. Very useful! One question: Can you create an Exit Popup with this solution?
No I believe you would need Elementor pro or another plugin
cool guy you deserve millions of liked friend. So you helped me at All...
Thanks man, i appreciate it :)
Thank u brother. U have a sub 😁
THANK YOU VERY MUCH SIR
Np :)
thank you very much for tutorial
Of course :)
how can i animate the button?
The button in the pop up doesn't work after adding a url.
If I use forms in my Elementor popup, how do I add a input range slider?
You would have to find a plugin form that supports range slider. I know piotnet has one.
Is that healthy to add, so many plugins?
i dont need a automatic popup, i need a popup as i click a link, how do i do that
Hey! Thanks u a lot. Is there any way to make a contact form, in the same way? Pleease!
Yeah of course watch this video and just add it to the popup. th-cam.com/video/Lzxd6vNVcaE/w-d-xo.html
@@UrielSoto Thank you for the answer! The problem is that ninja form doesn't work, i have no idea why! (it appears nothing when it is called)
tried this but pop up occurs when clicking on any link or button on my site, not just the pop up button, Does anyone know how to fix this? I want the pop up to happen only when clicking on the pop up button.
Hi sir this is cool but i have a problem i cant see a modal popup widget sir
thanks for this! is there any way to make a pop up 'subscribe by adding your email' box (for free)? I don't have pro
I did it! I used Brave Pop Up
There is no close button on mobile view. can you help?
Thanks for the tutorial, but I want to open the pop up automatically not by clinking the button, can you guide also me on this
Yes join my Patreon. I go live every week. www.patreon.com/urielsoto
in desktop looks great but in mobile is too narrow, looks like a thin and long ugly pop up. how can i adjust the pop up width for mobiles?
Elementor had an update on 3/9/2021 that stated "you can add an elementor created element anywhere using shortcode." Im wondering if AnyWhere Elementor is needed still?
I'll see if I can make a video on that.
@@UrielSoto Thanks. I am pretty new to WP though so I hope I'm not just confused. But if I'm not then I'll be looking forward to your video.
mine does not haj;ve and ex button to close it sir!
Is there a way i can add the PopUp to an existing button as opposed to creating a new one?
Yeah you can but you would have to use popup maker and elementor everywhere. Just add the Elementor everywhere shortcode of your popup into popup maker and than use css I'd from popup maker on click.
@@UrielSoto Ok great that makes sense i will try that now!
hey so when I load my page, I get a small flash of the content in my pop up that disappears once the page is fully loaded. But it's an annoyance that I'd like to get rid of, any recommendations?
Not quite sure to be honest. Haven't encounter that on my end. Might be your theme? Or a plugin could be affecting it
@@UrielSoto I have the same problem and you can even see it in the video, min 6:24 after you refresh the page. It´s barely a flash but still noticeable. Let us know if you find a solution for this. Thanks for the amazing tutorial.
@@ampersandstudios4458 Any fix for this?, i have the same issue
@@MrDennif I just stopped using Elementor free. No addons or widget pack works better than Elementor Pro. I only use those now for extra functionalities. If still to expensive for you, try to buy it on GPL stores.
thank u
You're welcome bro
This tutorial will help you so much but some what confusiong bro
Everything works fine but I am not able to increase the height of the popup, I have popped up a Form using HTML Elements.
Can u make a video pop pup registeration to download file
WORKS FINE BUT WHEN i TEST IT IT ONLY SHOWS HALF WHEN I SCROLL IT DOENST SHOW IT GOES WITH SCROLLING
why I can't use Modal Popup in Elementor
Really amazing tutorial. I have setup a popup video using the plugin but I am facing a issue the popup is not scrollable. Can I do the popup scrollable ? Have any way? Please help me. Thanks
Wish I could help man. But I don't see an easy solution unless you get Elementor pro
why is my pop upnot showing properly?
really confused, i want to put the button on the home page, but i can only drag the widget on an empty field
Try copy and pasting it after?
Uriel Soto I got it, finally!!! Thank you!!!!
Cannot find the pop-up widget!
Might be a plugin interfering.
i cant scroll on popup info
it is possible to create a popup with this plugin
like the www.billabong.com page
sign in
That will have to be more custom. Maybe using Elementor pro.
how do i connect the email when i created a contact form
Please go into the plugin options
Thank you for the quick response I appreciate it. Just closed laptop down as give up for tonight first thing tomorrow will check it out . Cheers hope this will help 👍