Jun 7, 2017 | Blog

Divi Contact Form Module Conditional Logic Is an Awesome Feature and This is How we Use it

Divi 3.0.51 is a big update for Divi theme users who were waiting for a facelift of the Contact Form module. This feature update now allows users to create a Divi contact form without using an external plugin. Plus, they can now add the Select Option, Radio Buttons, and Checkboxes. Earlier, there were only limited options in the contact form module.

And this is not all that 3.0.51 update has got with it. Now, the Divi Contact Form module comes with a new feature called Conditional Logic. This new feature will let users create field types that only appear if users select some specific value on the form.

The below Contact Form module has conditional logic implemented to show fields depending upon users’ input.

divi-form-conditional-logic

This conditional form can be created in the Divi theme (Now) in a few minutes. Here is a video walkthrough that showcases how we can efficiently use the new conditional logic feature.

The layout in the video above is available for download. You can import it to the Divi library after extracting the JSON file from the zip file. Download Divi Conditional Logic Layout Example.

Depending on the user’s input based on the above form created using the contact form module’s conditional logic, here’s how the fields get displayed.

Values after selecting the other option.

Love Divi and want to get more out of it? Then try our new module Form Styler to change the look & feel of the Divi contact forms created using the Contact Form 7 & Caldera Forms.

Posted By:
Marshall
Marshall is creative head at Elicus and works with the team to bring ideas to life. He is strongly focused on delivering a quality experience to clients and customers.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Divi Flexile Hero Sections – A pack of Ultimate Divi Hero Sections

Divi Flexile Hero Sections – A pack of Ultimate Divi Hero Sections

If you want to put a magnificent impression on the user from the very start of your website, it’s essential that the website's hero section should look engaging and impressive from each angle. Using Divi hero sections of the Divi Flexile Hero Sections pack, it’s easy...

Divi Flexile Footers – A pack of Ultimate Divi Footers

Divi Flexile Footers – A pack of Ultimate Divi Footers

Footers provide users with a lot of useful information, whether it is the footer menu, short info about the business, or social icons. You can use a Divi footer to emphasize your website’s bottom area for better user interaction and get multiple goals fulfilled, such...

How to add an Ajax Add to Cart button to Shop module in Divi

How to add an Ajax Add to Cart button to Shop module in Divi

By default, when you insert the shop module in the Divi theme, you don't get any add to cart button. The shop module only displays products with pricing, sale tag (if the products are on sale), and a sorting filter, but no "Add to Cart." However, you've probably seen...