Conditional Fields For Elementor Form

Are you in search of a solution to hide or show a form field inside the Elementor Pro form based on values from other form fields? This small addon provides an easy solution to add conditional logic within Elementor Pro form fields.

Let's Explore How Easily You Can Add Display Conditions Inside Elementor Form.

Show a Form Field Conditionally

Create a callback form that displays the email or phone field based on the selection in a radio button field, like “How would you like to be contacted?

Request A Callback
Submit Your Feedback

Hide a Form Field Conditionally

Suppose in a feedback form you want to receive feedback anonymously. Add a checkbox field, “Do you want to be anonymous?” When selected, it hides the email field.

Add Multiple Conditions on a Form Field

You can add multiple conditions to a form field. In this case, the field will only be visible if two or more conditions are true.

For example, email field will only be visible if the feedback field is not empty, and user does not want to be anonymous.

Submit Your Feedback
Submit Support Query

Match Conditions (AND / OR Conditional Logic)

When dealing with multiple conditions, choose whether to display a field if all conditions are met or if any one condition is true.

For instance, ask for a customer “Order ID” if they select “Technical Support” or “Order Status” from the “Support Type” options.

Greater Than(>), Less Than(<), (>=), (<=) Operators

You can compare conditions multiple ways. (>, <, >=, <=)

For example, we will create a form in which we will create a field to add a driving license number, and the field will only be visible if the person’s age is greater than or equal to 18.

Submit Your Details
You need to be older than 18 years.
Contact Form
* Please don't try to spam our contact form. We will never reply on your query 🙂

Contains, Not Contains & More Operators

You can also add a display condition if a form field contains, does not contain, starts with, ends with, or equals a specific value.

For example, display a warning in an HTML field if a user adds some spam words inside a Query field, try adding these words – lottery, earn money, credit card offer, limited time.

Spam Blocker Submit Button With Contains, Not Contains & More Operators

You can also add a disable condition if a form field contains, does not contain, starts with, ends with, or equals a specific value.

For example, disable the submit button if a user adds spam words inside the feedback field. Try – lottery, earn money, credit card offer, limited time.

Spam Blocker
Conditionally Redirect After Form Submission

Redirect Your Form Conditionally After Submission

Select a plugin from the dropdown menu and click the submit button. You will be redirected to the website of the selected plugin.

Send conditional email, based on conditions.

You can add your email address on which you want to receive the email based on the selection from the select plugin field.

Conditional Email After Form Submission
Please note, this addon is designed for Elementor Pro. Ensure you have Elementor Pro installed, as form functionality is not available in the free version.

Positive Feedback 

They are loving our solution…
huks-user-image
I searched the whole internet for this. Most Elementor Add Ons you have to pay for don’t have it, but Cool Plugins did it. It’s super easy and directly integrated in the Elementor interface and form. Thanks a lot! Great Jobs, Guys!
@lcrdd

WordPress User

This plugin has a lot of features for free, with no visible branding on it. Found it easy to use and customize. Used with Elementor.

mrprainx
Really awesome, good job guys! Saved me a lot of time. By using this plugin i have only to check the translations and do any appropriate modifications.Thumbs up!

helped me to make good form with some condition. thank you dev team.

Shahadat
It’s really a great plugin to use the conditional logics on elementor form that isn’t available on the elementor. Thank you so much!
Exactly where we were looking for, it’s a shame Elementor hasn’t implemented this themselves. Thank you for adding this without costs.
Exactly where we were looking for, it’s a shame Elementor hasn’t implemented this themselves. Thank you for adding this without costs.

Frequently Asked Questions?

cool-team
Didn't Find Your Answer in FAQs?
Contact expert support team at Cool Plugins for a quick solution.
How it works ?
First add the Form then create the form field. Give it a unique id. Condition work on id basis. Eg. You want to show field “Enter Payment card number” if user select online payment. Then for create condition Enable conditional field in payment option, enter id of payment select option (radio button) to field id, select condition equal to (==) and In value enter value “online payment”. save and see the result.
The Conditional Fields for Elementor Form support Text, Email, Tel, Radio, Checkboxes, Select, Date, Time, URL, HTML, and Number control types.
By Default Show is work. if you want to hide the field based on condition then you can select Hide option from SHow / Hide Field.
You can add multiple conditions by using +ADD Multiple Conditions repeator button
Yes, You can Select ALL for compare all conditions and Any for compare any one condition from Multiple Condition Trigger Option.

Conditional Fields Pricing

This small addon provides an easy solution to add conditional logic within Elementor Pro form fields.

Annual License

For 1 Website
$x
$x
0% Off
No Discount
Coupon
POPULAR

Lifetime License

For 1 Website
$x
$x
0% Off
No Discount
Coupon

Frequently Asked Questions

A few queries about plugin…

First add the Form then create the form field. Give it a unique id. Condition work on id basis. Eg. You want to show field “Enter Payment card number” if user select online payment. Then for create condition Enable conditional field in payment option, enter id of payment select option (radio button) to field id, select condition equal to (==) and In value enter value “online payment”. save and see the result.

The Conditional Fields for Elementor Form support Text, Email, Tel, Radio, Checkboxes, Select, Date, Time, URL, HTML, and Number control types.

By Default Show is work. if you want to hide the field based on condition then you can select Hide option from SHow / Hide Field.

You can add multiple conditions by using +ADD Multiple Conditions repeator button

Yes, You can Select ALL for compare all conditions and Any for compare any one condition from Multiple Condition Trigger Option.