The Divi Contact Form Modules

Divi Quick Tip #1

Divi is by far one of the best page building themes for WordPress and there are so many modules to work with! Every website needs some way for visitors to connect with the business owner, so using the divi contact form module is an obvious “YES”. In this article and video we’ll look at the Divi Contact Form Module settings, what they all are & how to update them.

Divi Contact Form: Watch & Learn

If you’re a visual or auditory learner, I’ve recorded a video walking through each of the Divi Contact Form Module settings.

Divi Contact Form – Overview of the Settings

How do you use the Divi Contact Form Module? Divi is one of the premiere WordPress page building themes, learn how to use the contact form in this post. @hellosammunoz www.samanthamunoz.com #divitheme #wordpressforbeginners #wordpresstheme #bloggingtips

Text Settings

Title: This is the title of your contact form, if you want one (I typically leave this blank and create a text module above my contract form if I want a title!)

Success Message: This is the message your visitors will see when they successfully submit the contact form. Something like “Thanks for getting in touch! We’ll send you an email in 2 business days”.

Submit Button Text: The label on the submit button. Maybe “get in touch”, “send message”, etc.

How do you use the Divi Contact Form Module? Divi is one of the premiere WordPress page building themes, learn how to use the contact form in this post. @hellosammunoz www.samanthamunoz.com #divitheme #wordpressforbeginners #wordpresstheme #bloggingtips

Email Settings

Email: Super important to specify. This is the email address that will receive the message (helpful because if you want different forms to go to different addresses you can set it per form).

Message Pattern: This setting is to specify how the message gets delivered to the email address. So you can have it be something like %%FirstName%% says hello! (We typically leave this blank and let it come in as the default).
How do you use the Divi Contact Form Module? Divi is one of the premiere WordPress page building themes, learn how to use the contact form in this post. @hellosammunoz www.samanthamunoz.com #divitheme #wordpressforbeginners #wordpresstheme #bloggingtips

Elements Settings

Captcha: Toggle on or off to display the captcha block. If you’re getting a lot of spam to your contact form, try to turn this on.

How do you use the Divi Contact Form Module? Divi is one of the premiere WordPress page building themes, learn how to use the contact form in this post. @hellosammunoz www.samanthamunoz.com #divitheme #wordpressforbeginners #wordpresstheme #bloggingtips

Redirect Settings

Enable Redirect URL: If you want users to get sent to another URL (like a thank you page or upsell) after they submit your form, you can toggle this on.

Redirect URL: The URL you want them to be redirected to!

Design Settings

Just like any other Divi module, you can specify design details for this form. Update text size, color, typography, borders, buttons, etc.

Divi Contact Form: Customizing Inputs

How do you use the Divi Contact Form Module? Divi is one of the premiere WordPress page building themes, learn how to use the contact form in this post. @hellosammunoz www.samanthamunoz.com #divitheme #wordpressforbeginners #wordpresstheme #bloggingtips

You can add new fields to your Divi Contact Form to obtain the information you need from your visitors.

When you click on “Add New Field” you’ll be able to add an additional input.

Text Settings

Field ID: This is the internal ID for the new field (make sure it’s easy to identify & doesn’t have spaces or special characters)

Title: This is the name of the field that your visitors will see on your contact form.

Field Options

Type: There are many types of fields. Inputs, checkboxes, radios. Choose the one that applies to this field and then fill out the corresponding settings for that field. The screenshot below shows how you might use a checkbox to allow users to select services they’re interested in.

How do you use the Divi Contact Form Module? Divi is one of the premiere WordPress page building themes, learn how to use the contact form in this post. @hellosammunoz www.samanthamunoz.com #divitheme #wordpressforbeginners #wordpresstheme #bloggingtips

Be sure to specify whether the field is required or not.

Conditional Logic: If there is any conditional logic for this field you can set that here. For example, if you asked a Yes or No question and the YES answer has additional follow up questions, you can set that here.

Design Settings

If you want to set specific design settings for THIS field you can set those here (for example if you want the field to be full width you can specify that here under “layout”).

What if you could have an incredible website you loved AND got visitors to take action? What if it could be effortless?

Community is kind of a big deal when it comes to learning tech & growing a business, wouldn't you agree? I love Instagram for connecting with potential clients, students & the tech community at large. Get techie with me on the 'gram.

Instagram With Me!

Divi is a registered trademark of Elegant Themes, Inc. This website is not affiliated with nor endorsed by Elegant Themes. All trademarks and name brands are the property of their respective owners.

Pin It on Pinterest

Shares
Share This