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:
Shoeb
Hi, I'm Shoeb. I've been fortunate to work with WordPress for over a decade and I'm continuously learning from this journey. Alongside some wonderful people, I help run Elicus in Jaipur. Our aim is to make WordPress tools that are simple and helpful.

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.

How to Display Product Categories on WooCommerce Shop Page

How to Display Product Categories on WooCommerce Shop Page

The approach to display product categories on the shop page of a WooCommerce store is quick and smart to improve the user experience and navigation. While using Divi, a product category page section can be a simple solution for customers to find products of interest...

6 Essential Elements to Improve Website Usability

6 Essential Elements to Improve Website Usability

In today’s time, for a business or professional to thrive in the market is extremely intense. Yet, it’s nothing that can’t be achieved. By applying some tips and tricks, one can quickly start the flow. And once the flow has begun, they must be consistent as well as...

Free Divi Dental Child Theme for  Dentists and Clinics

Free Divi Dental Child Theme for Dentists and Clinics

A proper Divi dental clinic child theme is necessary if you want to showcase dental treatments, practices, and services to patients on your Divi website. You need a design with appealing images of dentists and their teams providing various kinds of dental services....

Divi WooCommerce Extended

Popular on Divi Extended

Divi Plus WooCommerce Extended Divi Layouts Extended Divi Header Layouts