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.
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
If you need to scroll in your pop-up, what you need to do is go to the 'Modal Popup' and edit it. Then go to Style, and turn off 'Overflow X' and set a custom height for the popup. That fixed the issue for me!
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.
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!
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.
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 ?
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 :(
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!
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 ?
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?
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 Uriel, Thank you for the tutorial, it has been super helpful! Is there a way to make the frame smaller for mobile view? As at the moment I have to scroll down on mobile to see the whole popup. Many thanks x
You're welcome. There should be but if not you might need to add some custom css for mobile. I would suggest finding css ID or classes and adding a @media for mobile screens.
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?
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.
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!
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
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 👍
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.
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.
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?
@@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.
@@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.
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
![Create a Popup in Elementor: Step by Step [PRO]](http://i.ytimg.com/vi/2lPoObvlB8I/mqdefault.jpg)
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
How do I add a line break to the button? isn't working in this case
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)
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 😭😭😭
If you need to scroll in your pop-up, what you need to do is go to the 'Modal Popup' and edit it. Then go to Style, and turn off 'Overflow X' and set a custom height for the popup. That fixed the issue for me!
Modal Popup? What plugin can I find that on?
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?
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?
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"
Great tutorial, can you connect this to Active Campaign?
I'm not sure. If it allows a webhook. You should be able to.
Thanks! Where do the people that sign up go after? Is there any way to integrate this with Mailerlite?
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
can we add a custom close button? what can we use for that?
i need a popup when we click on image with text box is it possible?? @
Uriel Soto
Appreciate the video mate. Big Thanks.
How do you make it responsive to mobile device.
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
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.
how can it be responsive like you did??:" Mine is stuck like the PC display, although it's been mobile and tab version.
Great help !! Thanks a lot ... can u also help explain how to pop up on landing page without any button
Hey when i click on the button the popup pops out but there are other elements above the popup. how can i make sure the popup is in the foreground?
Make sure your z-index is set to 1 or higher. In the advanced settings. Try that
@@UrielSoto thank you
When I am adding the shortcode I am not finding the option to FIx/change the height of content.
Can I get anyhelp?
How can i have it so the pop up just appears on page load and without a button?
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?
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. ua-cam.com/video/Lzxd6vNVcaE/v-deo.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)
Please help with the designing part free sources for creating designs for posters and stuff for website and Instagram
i dont need a automatic popup, i need a popup as i click a link, how do i do that
Is that healthy to add, so many plugins?
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 ?
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
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! 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
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.
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?
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
You Are great, my brother. Love from Bangladesh.
Thanks man!
Hi Uriel, Thank you for the tutorial, it has been super helpful! Is there a way to make the frame smaller for mobile view? As at the moment I have to scroll down on mobile to see the whole popup.
Many thanks x
You're welcome. There should be but if not you might need to add some custom css for mobile. I would suggest finding css ID or classes and adding a @media for mobile screens.
did you find a solution? I have the same problem (free version of Wordpress btw)
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
What if I want the popup to appear on click only for free users and not members?
How can I use more complex scenarios?
There is no close button on mobile view. can you help?
How to scroll popup left to right with click-on the button or hover the button?
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!
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.
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!
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
The button in the pop up doesn't work after adding a url.
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
Everything works fine but I am not able to increase the height of the popup, I have popped up a Form using HTML Elements.
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
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?
lol dude you're the best. Literally needed this today! Love your tutorials, keep it up!
I got you dude!
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 👍
Yes this is a great way to create popups, I've been using it a lot :)
how can i animate the button?
Millions of thumbs up for You Such great work Buddy..!
I am really thankful to you...!
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!
Hi sir this is cool but i have a problem i cant see a modal popup widget sir
why I can't use Modal Popup in Elementor
Im sorry but why do you have to install those plugin if you can do it with elementor pro stand alone plugin?
It's mainly for those that don't have Elementor pro.
@@UrielSoto Thank you, I missed that! You are awesome
Thank you so much Uriel!!
why is my pop upnot showing properly?
WORKS FINE BUT WHEN i TEST IT IT ONLY SHOWS HALF WHEN I SCROLL IT DOENST SHOW IT GOES WITH SCROLLING
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
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.
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.
are you joseph Soto's brother😃🤣? great video man. i appreciate you
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.
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!!!!
Awesome tutorial, thank you! 😇
Amazing bro❤
works perfectly!! thanks!!
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
The best video about this
Thanks
Love I will the way you teach ♥️
thanks bro im your new FAN!!
Cannot find the pop-up widget!
Might be a plugin interfering.
Muchas Gracias amigo! Infinite thanks bro!!!!! today I learned something new!!!! Thanks a lots to share your skills with us.
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.
Just what I needed. Very well explained, Uriel. I admire your work. Keep it up.
cool guy you deserve millions of liked friend. So you helped me at All...
Thanks man, i appreciate it :)
Good one learnt something good
Cool, thanks for sharing bro.. keep on going
This worked amazingly. Great tutorial!
Glad I could help!!
Thanks man, i really needed this one
Can u make a video pop pup registeration to download file
you are the best!!!
thank you!
Thanks A lot Bro, you give great thing
thanks worked for me ;-)
i cant scroll on popup info
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.
thanks. it worked.
Thank you so muchhhhhh~~ saved my day
Legend
Thanks brother
This tutorial will help you so much but some what confusiong bro
thank you very much for tutorial
Of course :)
gracias mi estimado amigo.
Elementor doesnt have modal popup :(((
THANK YOU VERY MUCH SIR
Np :)