Customizing your contact form in DIVI

In this tutorial I will walk you through customizing the contact form module within the Divi theme.  If you are one of our clients, you already know how versatile we think the Divi theme is.  If you’re just checking out the site, we encourage you to check out their site demo on the Elegant Themes website. *Updated March, 2017 – I’ve added some custom css to our contact form to jazz it up! **DIVI updates the Contact Form – June 2017 – New features and functions. Michael Holding Adding a Contact Form Module I have created a new post by clicking on Add New under the Posts menu in the main WordPress Dashboard.  Give your post a Title, in this case I’m using ‘Contact Form Module’.    Use the Divi Builder If the Divi Builder is not open, click on the Use The Divi Builder button.  Once open, click on the Insert Column(s) and choose the configuration you prefer.  I have kept things simple and selected two columns for this post.  Next, click on the Insert Modules(s) column where you want your contact form and select the Contact Form module from the options. Contact Form Module Settings   We are now in the Contact Form module and we can see that the default has a Name, Email and Message fields.   We’re going to leave them as they are for the moment.  As we explore the module we find a Captcha option (an easy test if you’re human or a bot). Next there are several fields that need to be filled in.  What email will the contact emails be going to?  Do you want to...

Gravityscan Badge

Pin It on Pinterest