Bricks Builder Popup and Interactions: Contact Form Popup
HTML-код
- Опубликовано: 13 июн 2024
- In this video, learn how to create a Bricks Builder popup that will display a lead form when you click a custom button. We use interactions to control the display of the lead form! You will also learn how to position the trigger button using fixed positioning. #bricksbuilder
Wondering what tools I use at my agency? check them out below!
Bricks Forge: bricksforge.io/?aff=c5a44148
Meta Box: metabox.sjv.io/qn39VL
Automatic CSS: automaticcss.com/ref/41/
Fathom GDPR Analytics: usefathom.com/ref/QPRTID
Vultr Servers: www.vultr.com/?ref=9088377
Fluent Forms: fluentforms.com/?ref=1552
Slim SEO: slim-seo.sjv.io/QOaOqa
Rank Math: rankmath.com/?ref=john-2176
WP Code Box: wpcodebox.com/?ref=190
GridPane Hosting: gridpane.com/?via=john70
Chapters
0:00 Intro
2:10 Create popup template
2:46 Style the form and template
16:26 Build popup button trigger
21:12 Add click interactions to open button
25:30 Add click interactions to close button
26:30 Add animations to show hide popup
34:00 Conclusion
Thank you! :)
Great video, I appreciate the chapters!
Very helpful video!
Is it possible to extend your implementation such that the popup shows whenever an element with a given css class exists -- across the entire site? I have several pages that have Contact Us CTA's and I want to display the same popup for those, and it would be easiest to set the trigger to a class rather than going and adding an interaction for every button on the site that would show this popup.
I tried setting an interaction on the popup template itself to Show Element when css class ".contact-popup" is clicked -- but it doesn't seem to work. Nothing happens when I click the button that has the "contact-popup" css class assigned.
Nice video, bricksforge let’s you do multiple animations! Would be nice if it was native but BF is awesome
Totally agree. I'll do some animations with BF soon!
Enjoying the video so far. Can you please try to record/upload in a higher resolution? 720p isn't very clear.
I agree 100% - this video exported @ 1919X1080. RUclips couldn't upscale it by 1px. I will upload the higher resolution.
Hi bro, I did the exercise but when the user fills up the form and click on submit, it doesn't work, doesn't send the info, what could it be?
In the actions section of your form, make sure to set the different actions you need.
Make sure you have an SMTP plugin on your site that can handle email.
If it's something else, I'm not sure I can diagnose without being logged into the site.
@@aperturedigitalmarketing do you have a minute and I give you access to check, maybe with TeamViewer, or you could tell me if maybe a video calling with Google meet? Thanks in advance.