How To Create A Popup Using Elementor For FREE | Popup Button Trigger

[@juanmachiesa]

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!

[@jimojeda]

Modal Popup? What plugin can I find that on?

[@belofis8094]

thx for the tutorial but got a problem everytime i made a form on it it doesn responsive

[@asmitakothari7235]

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

[@zyncodltd]

same issue

[@dericksequeira]

How do I add a line break to the button? isn't working in this case

[@anqihoong4219]

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.

[@Dolliebaby23]

Fixed it! Shrink the size of the main text (if you're using the same template, make the "playground for creative people" text smaller)

[@shashwathihebbar-dotline2728]

i need a popup when we click on image with text box is it possible?? @ Uriel Soto

[@kw9976]

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?

[@UrielSoto]

Make sure your z-index is set to 1 or higher. In the advanced settings. Try that

[@kw9976]

@@UrielSoto thank you

[@KevsGuide]

thanks can it be setup to be activated by "any click"

[@sahidafridi6379]

When I am adding the shortcode I am not finding the option to FIx/change the height of content. Can I get anyhelp?

[@DragonTalePublishing]

Thanks! Where do the people that sign up go after? Is there any way to integrate this with Mailerlite?

[@svenmuchow-tiktokads]

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?

[@risyadhrp6968]

how can it be responsive like you did??:" Mine is stuck like the PC display, although it's been mobile and tab version.

[@setitdesignprintbrand3444]

Is there a way to 'auto open the popup' (in free version of elementor) - don't want to click on a button to open

[@UrielSoto]

As of now no. Not with the free version. You can use the pop up maker and elementor everywhere. To make that possible.

[@v6commerce163]

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

[@Dolliebaby23]

Having the exact same problem

[@Dolliebaby23]

Fixed it! Shrink the size of the main text (if you're using the same template, make the "playground for creative people" text smaller)

[@adeyemipeter7249]

@@Dolliebaby23 please explain better 😭😭😭

[@IrrinaM]

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.

[@Maryline230989]

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.

[@UrielSoto]

Yeah sometimes they plugins interfere with each other. There's not much you can do. I know sina has there own popup as well?

[@Maryline230989]

@@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?

[@SimsonC1906]

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?

[@CrashCubeZeroOne]

Hi, have you solved this issue? I'm struggling with the same thing right now

[@hawraalbahrani6278]

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

[@ravvraj863]

give a high z-index like 999

[@ibrahimqureshae]

can we add a custom close button? what can we use for that?

[@pris.v]

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!

[@danielstreeservice]

Did you find a solution to scrolling? I’m having the same issue

[@raphaelchamalot5901]

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?

[@jheymokoko7730]

are you joseph Soto's brother😃🤣? great video man. i appreciate you

[@Renegade2341]

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!

[@UrielSoto]

Have you tried some custom css?

[@ryan_walker]

@@UrielSoto I have this same issue but I do not know what you mean by custom CSS

[@nerdypeachmango]

How can i have it so the pop up just appears on page load and without a button?

[@yashbhanushali7208]

Please help with the designing part free sources for creating designs for posters and stuff for website and Instagram

[@jeffcajon9292]

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?

[@fahimasad9845]

You Are great, my brother. Love from Bangladesh.

[@UrielSoto]

Thanks man!

[@EmbroideryHacks]

Amazing bro❤

[@americanwayk392]

Hello~ thank you for your video~ Is there any way to trigger the popup on page load?

[@UrielSoto]

The only other way I know of besides using Elementor pro. Is using the plugins called popup maker and anywhere Elementor together

[@patrickconrad2349]

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?

[@UrielSoto]

I'll see if I can make a video on that.

[@patrickconrad2349]

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

[@ogbestarchive]

Thank you so much Uriel!!

[@abdulm9039]

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 ?

[@vince10nats]

lol dude you're the best. Literally needed this today! Love your tutorials, keep it up!

[@UrielSoto]

I got you dude!

[@fabianschultz6527]

What if I want the popup to appear on click only for free users and not members? How can I use more complex scenarios?

[@qaziikram8106]

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

[@UrielSoto]

Yes join my Patreon. I go live every week. www.patreon.com/urielsoto

[@melisbahadur5825]

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 ?

[@UrielSoto]

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.

[@felipelisperguer8470]

Hey! Thanks u a lot. Is there any way to make a contact form, in the same way? Pleease!

[@UrielSoto]

Yeah of course watch this video and just add it to the popup. kzbin.info/www/bejne/gqvblWmsg7uWl6c

[@felipelisperguer8470]

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

[@JosephineFusco]

Great tutorial, can you connect this to Active Campaign?

[@UrielSoto]

I'm not sure. If it allows a webhook. You should be able to.

[@JayanDivakaran]

i dont need a automatic popup, i need a popup as i click a link, how do i do that

[@JosaiaCakacaka]

Appreciate the video mate. Big Thanks. How do you make it responsive to mobile device.

[@explorerresearch]

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.

[@vince10nats]

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]

Not quite sure to be honest. Haven't encounter that on my end. Might be your theme? Or a plugin could be affecting it

[@ampersandstudios4458]

​@@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]

@@ampersandstudios4458 Any fix for this?, i have the same issue

[@ampersandstudios4458]

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

[@kelvinotieno4381]

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

[@demo22]

Great help !! Thanks a lot ... can u also help explain how to pop up on landing page without any button

[@cristhianfarias2944]

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?

[@benjah221]

Awesome tutorial, thank you! 😇

[@LucasParksHD]

Is there a way i can add the PopUp to an existing button as opposed to creating a new one?

[@UrielSoto]

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.

[@LucasParksHD]

@@UrielSoto Ok great that makes sense i will try that now!

[@AdityaYadav-nr9ow]

Everything works fine but I am not able to increase the height of the popup, I have popped up a Form using HTML Elements.

[@lilysmith8766]

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

[@lilysmith8766]

I did it! I used Brave Pop Up

[@stephanieb8374]

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

[@UrielSoto]

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.

[@hyperreal_pill]

did you find a solution? I have the same problem (free version of Wordpress btw)

[@chiragdave001]

There is no close button on mobile view. can you help?

[@mubashirislam7961]

Millions of thumbs up for You Such great work Buddy..! I am really thankful to you...!

[@HarjitSingh-Harman]

How to scroll popup left to right with click-on the button or hover the button?

[@forexgenics8849]

The button in the pop up doesn't work after adding a url.

[@kenkioqqo]

Just what I needed. Very well explained, Uriel. I admire your work. Keep it up.

[@width19]

really confused, i want to put the button on the home page, but i can only drag the widget on an empty field

[@UrielSoto]

Try copy and pasting it after?

[@width19]

Uriel Soto I got it, finally!!! Thank you!!!!

[@johnrickdimpas7753]

mine does not haj;ve and ex button to close it sir!

[@robynmiley2078]

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?

[@UrielSoto]

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.

[@allaboutelephants6837]

@@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!

[@RayanAli-yo1eh]

thanks bro im your new FAN!!

[@Rashidkhan-ep7cl]

Love I will the way you teach ♥️

[@claudiololich1835]

Genial Uriel, tus contenidos ayudan mucho! Está muy bueno mostrar alternativas free de Elementor vs Elementor PRO, saludos!

[@UrielSoto]

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.

[@almajawerbaum5636]

works perfectly!! thanks!!

[@TutoriaisCanva]

cool guy you deserve millions of liked friend. So you helped me at All...

[@UrielSoto]

Thanks man, i appreciate it :)

[@sulimaniii]

WORKS FINE BUT WHEN i TEST IT IT ONLY SHOWS HALF WHEN I SCROLL IT DOENST SHOW IT GOES WITH SCROLLING

[@DeenieSydell]

Yes this is a great way to create popups, I've been using it a lot :)

[@princetjienda9301]

If I use forms in my Elementor popup, how do I add a input range slider?

[@UrielSoto]

You would have to find a plugin form that supports range slider. I know piotnet has one.

[@sgrzmn]

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.

[@UrielSoto]

Not sure really. Could be a plugin interfering. If you need further help. Maybe join out fb group and see we can help

[@kayudjati]

Cool, thanks for sharing bro.. keep on going

[@almajawerbaum5636]

how can i animate the button?

[@rubiomartinez]

Thanks for the tutorial. Very useful! One question: Can you create an Exit Popup with this solution?

[@UrielSoto]

No I believe you would need Elementor pro or another plugin

[@spotnuru83]

Good one learnt something good

[@MiracleSoftware]

thank you!

[@Tyzen-The-Comedy-Hypnotist]

This worked amazingly. Great tutorial!

[@UrielSoto]

Glad I could help!!

[@tennisfitapp]

thanks worked for me ;-)

[@manojfernando5514]

Is that healthy to add, so many plugins?

[@walid9701]

Thanks man, i really needed this one

[@digitalhubqreativestudio8846]

Im sorry but why do you have to install those plugin if you can do it with elementor pro stand alone plugin?

[@UrielSoto]

It's mainly for those that don't have Elementor pro.

[@digitalhubqreativestudio8846]

@@UrielSoto Thank you, I missed that! You are awesome

[@christopherdallar1508]

The best video about this

[@UrielSoto]

Thanks

[@סיבהלמסיבה-ע7י]

you are the best!!!

[@firozation]

thanks. it worked.

[@FreakCgenZ]

Thanks A lot Bro, you give great thing

[@drakes3082]

how do i connect the email when i created a contact form

[@UrielSoto]

Please go into the plugin options

[@drakes3082]

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 👍

[@ateshmishra9645]

why is my pop upnot showing properly?

[@adhpkarlo6452]

Hi sir this is cool but i have a problem i cant see a modal popup widget sir

[@yangi__nn2151]

why I can't use Modal Popup in Elementor

[@carlosramirez7110]

Muchas Gracias amigo! Infinite thanks bro!!!!! today I learned something new!!!! Thanks a lots to share your skills with us.

[@thosiyaa]

Thanks brother

[@mdashikmian2895]

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

[@UrielSoto]

Wish I could help man. But I don't see an easy solution unless you get Elementor pro

[@gerardpatrick8960]

Great and valuable. Thank you very much.

[@UrielSoto]

Thanks, I got some more valuable stuff coming out this week that I'm sure you'll love.

[@ostwaldespinoza1131]

it is possible to create a popup with this plugin like the www.billabong.com page sign in

[@UrielSoto]

That will have to be more custom. Maybe using Elementor pro.

[@sanjan273]

This tutorial will help you so much but some what confusiong bro

[@pein1011]

Thank you so muchhhhhh~~ saved my day

[@longnhu327]

thank you very much for tutorial

[@UrielSoto]

Of course :)

[@anishdaga2784]

Cannot find the pop-up widget!

[@UrielSoto]

Might be a plugin interfering.

[@colaborativahost2959]

gracias mi estimado amigo.

[@habibal-huda5628]

i cant scroll on popup info

[@jimmelbermudez]

THANK YOU VERY MUCH SIR

[@UrielSoto]

Np :)

[@cubedev4838]

Can u make a video pop pup registeration to download file

[@stukkiedrol]

Legend

[@theman7050]

Thank u brother. U have a sub 😁