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
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.
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).
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.
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!
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
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.
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.
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.
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.
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”).