"This Post contains affiliate links; this means we earn commissions if you shop through the links on this page"
WPForms is great, arguably the best WordPress drag and drop contact forms builder. In this tutorial, I’m going to show you how to use the WPForms conditional logic features to create smart forms that adapt to user’s inputs or form field selections.
This is a useful feature for online marketers such as bloggers, affiliates, agencies, business websites, email marketing professionals. And just about anyone that leverage email marketing to build and grow their online business.
When you’re creating your online forms, especially for business websites, e-commerce stores, you might have different personas in mind or a few options for users to choose from.
The big question is how do you create a single web form that allows users to make choices, select the most relevant item, hide or display form filed, perform multiple tasks, etc…
Well, while it may look like a difficult thing to do with a WordPress form, there’s a simple solution to it.
WPForm Conditional Logic – What is it?
The WPForms conditional logic features allow you to preset what the users see in the form field base on selected item or form filed inputs.
It is an email marketing feature that lets you create a smart dynamic contact form to help you collect the most relevant information from users.
With WPForms conditional logic, your WordPress forms users will find it more interactive, engaging, and highly relevant to their request.
This is a helpful marketing feature that lets you create highly super-targeted web forms that convert better.
So how do you create smart dynamic contact forms that lead users through the web form journey?
Let’s get started…
How to Create Basic Conditional Logic Rules in WPForms
First thing first, you need to have installed and activate the Premium WPForms Pro Plugin on your blog.
If you don’t have the premium WPForms WordPress Plugin installed, click here to buy at 50% off the regular price today only.
Note: This offer is only available for a limited time. This means the 50% discount offer won’t be available all through the month. The faster you act, the better.
In order to show you how it works with WPForms conditional logic. I’m setting up a web form that uses a set of conditions base on the user’s inputs or form filed selection.
This is a basic or simple WPForms Conditional logic set up. In the sense that the rule is straightforward and simple to follow.
Here is a typical scenario I want us to use for our WPForms conditional logic tutorial…
In this example, I’m creating a simple contact form to collect the user experience on the website.
So we’re going to set up a field that hide/show base on the rating star of the user. I’m setting up the condition rule to “if the user experience is less than 3 star, this field should show.
If the user experience is greater than 3 stars, then the field remains hidden. No need for the extra field to show.
Setting up Your Contact Forms Conditions
Now, open the contact form you want to edit to set up conditions (assuming you already created a form).
For more instructions on how to create a contact form with WPForms, read my complete review of WPForms here.
There are pre-built contact form templates for almost any type of contact form needs in WPForms. So you don’t have to worry about the design process.
Open the WPForms form builder panel, click on the form field you want to show or hide. This action will auto open the form field panel.
On the form panel field, check the box that reads “Enable Conditional Logic”
Once you enable the WPForms Conditional logic box, you should see the dropdown menu option field.
And a few dropdown option field to set your conditions from. These field contains the:
The comparison field includes these options; is, is not, empty, not empty, contains, does not contain, starts with, ends with, greater than, and less than.
In the select field option, you need to select the value the field will contain in order for the condition to apply?
If you choose the “empty or not empty” option in the comparison dropdown menu, this field will deactivate. So be careful when making your selection.
In our typical example of the user experience form, lets see how all these work together.
Remember we set the condition to “if the user experience rating is less than 3 stars, then this field should show”.
So let’s see in the gif image below how our contact form work with the condition set.
Can you see how the form field label “How Can We Improve?” Hide/Show as the user rating increase or decrease?
This is an example of a simple or basic WPForms conditional logic set up.
How to Set up Complex WPForms Conditional Logic
The situation above is intended for a single conditional logic rule. In WPForms, it’s possible to set up complex or multiple conditions rules.
Let’s see how to define multiple conditions rules in WPForms conditional logic feature.
For our example, using the web form we already created, we want to ask users for their phone number.
But we want to do this only if the rating is less than 3, and if the form field “How Can We Improve” is not empty.
We’re setting up 2 conditions rules for our form field Phone number. If the two rules are not met, the phone number form field will not show.
So first, we need to add the phone field to our form. Next, we need to click on it to reveal the setting page.
Next, we need to enable conditional logic as we did in the step above. Then we need to set the value or rules for this condition to either show/hide.
Following all the process, we’ve set the phone form field to show if the “How Can We Improve” form field is not empty.
Now, lets see how it work for user on the front-end of the site.
As you can see from the gif image above. Once the user starts typing words into the empty form area, after selecting the star rating, the phone option field appears.
Also, immediately the content area is empty, the Phone number field disappears.
You can also set the conditional logic field to be a required field. Once all the conditions are met, then the field becomes a required field.
This means the user has to complete the steps once it’s begins.
Depending on your business needs, there are so many ways to use WPForms conditional logic to create smart engaging forms for your business.
This tutorial is meant to give you a starting point to understanding conditional logic in WordPress form.
You can do a lot more than this tutorial can cover.
I hope this article has helped you learn more about the use of conditional logic to grow your business and build a responsive email list