Elementor - Pop-Up Contact Form that sticks to the Screen's Side
ฝัง
- เผยแพร่เมื่อ 13 ต.ค. 2024
- We're going to quickly show you how to set up a Contact Form inside of a Pop-Up, that will be summoned by am Elementor Button.
Both the button and the Pop-Up will remain stuck to the right side of the screen.
Easy!
No Code required.
Elementor - Pop-Up Contact Form that sticks to the Screen's Side
- Get Elementor Pro here --- trk.elementor....
-- Of course, we're affiliated to them, but it helps to pay for resources to keep creating ace content for you :)
-- Book an Appointment/Consultation: calendly.com/i...
-- LinkedIn: / imran-siddiq-7320a74a
-- Instagram: / batswebsitedesign
-- Twitter: / imranwebsites
-- Facebook: / websquadrontraining
PS: websquadron.co.uk
PPS: Contact us at info@websquadron.co.uk
PPPS: We only build with Elementor Pro
Thank you very much. Even though I didn't use the whole thing, the part about popup settings was useful to me.
Have to say....I have the biggest noob CRUSH on you!!! ❤🔥You make this whole website building experience enjoyable! Blessings.
Love it :)
How do you make a pop-up minimize to a sticky button/ tab at the bottom of the screen (the button is not always there, only for new visitors)? That way if someone exits the pop-up, but they change their mind and want to see it again - then it is a button at the bottom. But the offer is for new visitors only. Thank you, your videos are so helpful!!
Awesome video..........exactly what I was looking for.......thanks
Thank you for the tutorial. Very helpful. Thank you.
Thumbs up. Your accent sounds like a Filipino. Luv it. More videos. I will comment and hit like button because I made it. I am new to elementor. Thanks boss.
😊 thank you
This is wonderful! Subscribed! May I ask if there is a way to make it to auto slide out after few secs pero user session? it's kinda same with a typical pop up.
You could add some Transition CSS to make it slide out but they can be non-reliable.
Best direct tutor!
Super helpful.
Thank you for your video. It was helpful.
Great F***ing video... so helpful for a beginner-intermediate guy like me!! Have a great creative day!
Thank you. It was very useful :)
Excellent, still relevant after 2 years. Are there any considerations for having popops in the footer? I have a button to activate a popop in the footer, a contact form. But when I click on the button the front page appears briefly, like a flash, then the popop appears. Once I close the popop I am at the front page. I would like the user to remain at the footer. Not sure why the redirect to the front page is happening.
Good question. I'm surprised too that it goes back to the Front Page. Post here for others to contemplate: facebook.com/groups/websquadron
@@websquadronWill do, cheers
Yo, yo, yo, you did it!! Thanks Imran!!!
Hope it all made sense :)
loved this content! super useful! I've a question for you: Instead the form, I'd live to have a banner with a Promo. How can I have a different Banner/Promo every day? thanks in advance!!
Not sure about the alternating banner each day. Might need a plugin to arrange that.
@@websquadron any help with dynamic tags?
@@macchese12 That did cross my mind, and there might be a crocoblock plugin that helps?
Thanks for the video. It helped me with the implementation. What I noticed is that when you click on the button and the pop-up opens, the page shifts to the right by a few pixels. Can this be prevented?
Have you got any padding or margin applied?
@@websquadron yes, i have padding. Delete padding and test again?
@@L3viAtHaN2k Yup
when I added a sticky button in the header, it adds a fine white spacing between section. I have set all the padding and margins to 0, even added custom css as well, but still the fine white thin spacing is showing up.
It is coming from the column, I have tested it by removing the button module and the space is still there. Any idea how to fix it?
Thanks
Can you share a URL of the page?
And which Theme?
This is great!
Hi again! is there a way to place the button in the blog pages and not in the product pages? how to set it? thanks in advance!
Cn you clarify more or email me an image: info@websquadron.co.uk
Imran I need your help. How to create a woo single product page popup?So I need a quick view function without 3rt party plugins. Only elementor pro. Any idea?
Not sure about native code to do it without a plugin. Most solutions will rely on a plugin.
+100 karma points
The reason why the spacing is uneven is because you forgot to set the icon spacing to zero. I think it's set to 5 px by default.
Indeed :)
Hi there is this only applicable to Elementor Pro?
Yes
Are there any issues with dealing with spam emails? I've heard Elementor's contact forms are susceptible to spam
All forms are susceptible. I advise that you use Recaptcha and Honeypot that’s part of the form.
why i just only have 3 type of template and dont have popup type?
Are you using Elementor Pro?
Elementor has a lot of bugs. I spend so much time trying to figure out why their page builder doesn't work. When I search a popup I created on the target button under popup Action, it returns ) results yet the popups have already been created and published.
Regen the css maybe?
How do I create a Toggle Switch to show pricing table?
I'll check on that. Have you Googled.
@@websquadron Yes there are a few videos and I have tried one of them but get tons of JQuery errors.
this technic work globally website?
Yup
@@websquadron it’s not work, it’s work only single page
Hey dud again you forgot to show it in Mobile view
That video was recorded ages ago, and has just been released. Also you can see it on the Cover Art.
to fast and some steps are missing
Which steps were missing?