How to Use the Divi Theme Contact Form

  • By Darrel Wilson
  • Last Updated: November 21, 2019

The Divi theme is one of the most popular WordPress themes on the market. Not only does this theme make it easy to design your own website, it also comes with tons of features and modules that help you get the most out of the theme without the need to install third-party plugins which can slow down your website.

One of the most powerful Divi theme modules is the contact form and in this post, I’ll talk about the different options this module has, show you how you can use it on your website and share a video tutorial that explains how to set it up.

Divi Contact Form Options

The Divi Contact form has numerous options that make it possible not only for your clients and customers to get in touch with you but also to redirect them to specific pages on your site depending on their answer and prevent spammers from flooding your inbox.

Form Fields

The Divi Contact Form module has several field option types. You can create simple input fields that accept letters, numbers, or a combination of both. You can use checkboxes and dropdowns as well as fields for email, text, and radio buttons.

The options for each field type allow you to specify the minimum and maximum length and you can also set whether or not the field is required.

Conditional Logic

The Divi Contact Form module comes with built-in conditional logic. This means you can use it to segment people who contact you and provide them with a better user experience.

The conditional logic allows you to display extra questions based on rules you’ve set for that field. With conditional logic enabled for your forms, you can get more useful information from your website visitors without going back and forth for additional clarification.

Spam Protection

Completely eliminating spam on your website is impossible but you can greatly reduce the amount of contact form spam submissions by using the built-in spam protection that comes with the Divi Contact Form module. By enabling this option, your contact form will display CAPTCHA to your visitors, usually as a math problem they have to solve.

Form Redirect on Submission

Another standout feature that the Divi Contact Form module comes with is the ability to redirect the form to any page on your site upon form submission. You can use this to in a few different ways.

For example, you can redirect them to a thank you page where you can invite them to follow you on social media or sign up for your email list. You can also redirect them to a landing page with a limited-time offer, a webinar landing page or a lead magnet optin page.

Design Options

The design options for the contact form module are similar to the rest of the design options that the Divi theme comes with. You can customize fonts, colors, borders, add animation to your contact form, and more.

Advanced Options

It’s also worth mentioning that you can use custom CSS with this module and you can control whether the form displays on all devices or only on desktop for example.

Divi Contact Form Use Cases

There are several ways that you can use the Divi Contact Form module on your site.

General Contact Form

The most common way to use a contact form is for general contact purposes. You can use the contact form module on your Contact page to allow people to get in touch with you if they have more questions about your products or services, if they are interested in a collaboration or if they simply want to say hi.

You can take your plain contact form a step further and use a dropdown instead of the subject field to list a few reasons why your visitors are looking to get in touch with you and save them the trouble of coming up with a subject line. You can also use additional field types to ask for their website address, phone number or anything else you might need to know.

Testimonials or Feedback Collection

Another way to use the contact form module is to gather testimonials and feedback or for a customer survey. You can have this form on a separate page on your site and send your clients, customers, and readers to that page whenever you need to collect feedback or testimonials.

The benefit of this is that you don’t have to use a separate plugin or a paid tool to collect testimonials. It also means you can provide your clients and readers with a branded experience because you will send them to your site instead of a third-party website.

Client Questionnaires

Lastly, you can use the contact form module to create client questionnaires. If you’re a web designer or a freelancer writer or your provide any other type of service, you probably know how important it is to send a client questionnaire before you start working on a project. A client questionnaire allows you to get all the important information about a project and allows you to learn more about the client.

While you can use a third-party service, using the contact module that comes with Divi means you don’t have to pay extra for that functionality and it allows you to get more bang for your buck from the tools you already have.

Divi Theme Contact Form Video Walkthrough

Now that we’ve covered what the Divi Contact Form offers and how you can use it on your site, here’s a video that shows you how to setup the Divi theme contact form. I’ll go over form settings as well as basic and more advanced features such as conditional logic and how to redirect a form after submission.

Final Thoughts

The Divi theme makes it easy to create a beautiful website even if you have no coding skills. However, it also eliminates the need to have dozens of plugins installed thanks to modules such as the contact form module. Use this tutorial to set up your contact form with the Divi Contact Form module correctly.

Like This Article?

I have tons of great free content and giveaways! Join 10,000+ others and get access to coupons, freebies, and other great wordpress tips and tricksfor your wordpress website!

One thought on “How to Use the Divi Theme Contact Form

  1. Hello,

    I’ve created a website with Divi a few months ago (still under construction).
    My question is :
    When people use the contact form for any request, i receive an email. The problem is that I don’t see the client’s email address. So it’s impossible for me to reply the customer.
    Can you help me ?
    Kind regards,
    Jorge Carvalho

Leave a Reply

Hi, Sign Up For Freebies And Wordpress News!

Hi, Sign Up For Freebies And Wordpress News!

Join My Mailing List For Tips, News, And Discounts!

You have Successfully Subscribed!