Divi Theme How To Create A CONTACT FORM 👍👍👍
Вставка
- Опубліковано 11 жов 2024
- In this series we will be creating a one page scrolling website from scratch. In this part: How to create a contact form, using the Divi Theme. In this video we will be creating a kist with icons for out address, email, telephone etc.. Today we will be demonstrating how to build this great feature with the Divi Blurb Module. This is a very eye catching and a great interactive element to have on your Divi site.
In this video we will cover:
Adding A Divi Contact Form Module.
Adding Fields.
Adding A Success Message
Configuring The Email Address.
Using Captcha.
Styling The Contact Form Button.
Creating A Button Color Change On Hover.
We are going to be using the Divi theme to create some great effects in this series of videos. The Divi theme has some great modules and effects. With a little work you can achieve some great eye-catching effects to enhance the look and user experience of your website.
So, follow along with the video and see how to create a contact form with the Divi Theme.
For more information on the Divi theme, check out our Divi playlists below.
One Page Scrolling Site Playlist: • Divi Theme Full Width ...
Conditional Logic Video: • Divi Theme Conditional...
Try out the Divi theme: bit.ly/TryDiviNow
Divi Supreme Modules Pro Plugin 10% Off: bit.ly/DiviSup...
Divi Supreme Modules Light Plugin: divisupreme.co...
Divi Supreme Modules Playlist: / watch
v=ZAO2MH0dQtk&list=PLqabIl8dx2wo8rcs-fkk5tnBDyHthjiLw
Playlist page for more videos on this: / system22net
Full Ecommerce Site Build Playlist: / watch
v=rNhjGUsnC3E&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9
Contact Form With File Upload Video: • Divi Theme Contact For...
Divi 4 Theme Create An Ecommerce Store In One Hour: • Divi 4 Theme Create An...
My Blog : web-design-and...
Check out our playlist page for more videos on this: / system22net
Sub: / @system22
Don't forget to drop any questions below, I will do my best to make a video demo for you!
--------- RECOMMENDED PLAYLISTS ---------
Elementor Ecommerce Store: • Elementor Ecommerce St...
Divi Snippets: • Divi 4 Snippets Divi T...
Divi 4 Ecommerce Store: • Divi 4 Ecommerce Store...
Bootstrap 4 Basics: • Bootstrap 4 Basics Ind...
Elementor: • Elementor Wordpress Bu...
WordPress Tips: • Wordpress 2020 Theme C...
Subscribe: / @system22
Disclaimer: Some of these links are affiliate links where I'll earn a small commission if you make a purchase at no additional cost to you.
#UA-camTips #WebDesignTips #FreeWebDesignTutorials #BuildYourOwnWebsite
Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists
Sub: ua-cam.com/channels/Yeyetu9B2QYrHAjJ5umN1Q.html
Don't forget to drop any questions below, I will do my best to make a video demo for you!
Awesome Job! Keep the Divi Tutorials coming PLEASE! Subscribed and LIked!!
Thanks! Will do!
I wish Divi would work just like you... :D They do less for Divi...
Glad to help @powermyapps - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Really helpful and easy to follow. Just subscribed
Awesome, thank you!
@@System22 Five minutes before I watched your video, I didn't have a contact form. Five minutes later and it is working perfectly. So thank you very much.
@@leewoodauthor Awesome!
Thanks for the great videos Jamie :-) Is there a way, using Divi Builder, to display contact form entries on the ftont end?
Not that I know of @NMOSG - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
@@System22 Thank you and I do like all your videos. Like in both senses :-)
@@NMOSG Thank you!
Hey Jamie, Great video. Have you advice on how to send the information submitted on a divi contact form straight to a good sheet? many thanks
Glad to help Louise Langton - Check out our Divi Basics playlist for more videos like this: ua-cam.com/video/RrceLQc64L8/v-deo.html
Thank you so much for the tutorial. I have a question, i am using divi contact form for a bigger form which has like 30 fields to fill. However i am trying to make do following thing: When there is unfilled field which is required to be filled, is there a way after clicking the Submit button, the customer to be hovered up to the unfilled field? Or somehow the message that there are unfilled fields to appear below the Submit button? Thank you!
I'll look into it when I can @user-ts1ln6ed8f - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Thnx for the video! What about security and sending the mail - will it be able to connect to a encrypted SMTP / POP3 Server?
Glad to help @olectrix - not without a plugin - This video of a form for Divi with file upload and encryption may interest you: ua-cam.com/video/j-NQoYTzLaQ/v-deo.html - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Thank you. I’m using this for a landing page. After setting this up. I’m not receiving the test email. What can I do?
How can I direct the page for landing page purposes pls ? Add it to the menu ? Or set it up separately? I have three google ads and need three separate pages . Thank you
Might want to contact your hosting provider 3rd Twirl - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Sick of me asking questions yet? :)
1. How would you move the field headings outside of the actual fields (ag above) as I hate the fact that as soon as someone starts typing in the field, the 'guide' of what the field is for is no longer available. And if I recall correctly, if they delete what the typed in a field - that indicator text doesn't return. I think.
Glad to help @LandyVlad_Rides - Here you go: ua-cam.com/video/FNNoKc-YGlw/v-deo.html - Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists
Can i adjust button location in contact form ?
Glad to help @the5thdimension-119 - I made this video for you: ua-cam.com/video/2Q6cg92MMsE/v-deo.html - Check out our Simple CSS playlist for more videos on this: ua-cam.com/play/PLqabIl8dx2woI_19vOSGFBWZEevx3oSuL.html - Please like, share and subscribe if you have not done so already - Thanks!
When they send the message, In my email the email address doesn’t show. How do you get it to show?
Take a look at this video @mikemitt - ua-cam.com/video/tjjciqDatI0/v-deo.html - Check out our Divi For Beginners playlist for more videos on this: ua-cam.com/play/PLqabIl8dx2wpjRyCTKbI2i8CQjNVK73G8.html - Please like, share and subscribe if you have not done so already - Thanks!
hi i have a question for the form being sent to, when i type the email i want my form to be sent to, it wont show up in my inbox i already checked the spam folder, any ideas?
Might want to contact your hosting provider or add a smtp plugin like WP Mail!
Where can i see the messages from the form?
Glad to help @freierdemokrat - They will be sent to whatever email address you put in the email field of the form - Check out our Divi For Beginners playlist for more videos on this: ua-cam.com/play/PLqabIl8dx2wpjRyCTKbI2i8CQjNVK73G8.html - Please like, share and subscribe if you have not done so already - Thanks!
@@System22 it worked 🚀 thank you
Great!
is there a way to add attachments?
Glad to help @Rometor - Here you go: ua-cam.com/video/WDo07nurfUU/v-deo.html - Check out our Divi Basics playlist for more videos like this: ua-cam.com/video/RrceLQc64L8/v-deo.html - Please like, share and subscribe if you have not done so already - Thanks!