Conditional Fields for Elementor Form – Apply Conditional Logic

Using Elementor forms but unable to apply conditional logic on form fields?

The Conditional Fields for Elementor Form plugin helps you apply conditional logic to Elementor form fields. You can hide, show, enable, or disable fields dynamically based on input values from other form fields.

Basically, it uses “If condition” logic. For example, if condition A is true, then field XYZ will be visible; otherwise, it remains hidden within the Elementor form.

👉 CHECK FREE DEMO – FORMS WITH CONDITIONAL LOGIC

Upgrade to Conditional Fields Pro for advanced features like conditional redirects, conditional emails, and conditional Mailchimp. Or supercharge your Elementor forms with Cool FormKit (aka coolformkit) — the all-in-one form builder addon for Elementor. With coolformkit, you can add powerful fields such as a range slider, signature field, Select2 field, and more to build smarter, feature-rich forms.

Compatibility: You can use this ultimate addon to apply visibility logic on Elementor Pro and Hello Plus form widget fields.

Conditional Fields Free Features

• Show / Hide Fields Conditionally: Easily add conditional logic to show or hide any field within an Elementor form based on values from other fields. You can currently add conditions to these field types: text, textarea, email, telephone, URL, radio, select, file upload, HTML, number, and checkbox.

• If / Else Logic Without Code: Apply if/else logic to form fields without writing any code. Simply add the ID of the field on which you want to base the condition. For example, if the “Query Type” field ID is “query_type,” you can set it to show the “Enter Order ID” field if query_type == check-order-status and hide it otherwise.

• Apply Multiple Conditions: Apply multiple conditions to a form field, with actions triggered only if all conditions are met (using AND logic).

• No Validation Errors: Avoid validation errors when a required field is hidden due to a condition.

• Compatibility with Hello Plus: The Conditional Fields for Elementor Form plugin is fully compatible with the Hello Plus plugin’s Form Lite widget, which you can use inside Elementor Free.

Get Conditional Fields Pro for More Features

• Conditionally Redirect After Submission
  Redirect your Elementor form to a specific URL after submission based on set conditions. For example, redirect to URL-1 if condition-1 is true; otherwise, send users to URL-2.

• Apply Condition on Submit Button
  Apply conditional logic to the Elementor form submit button to enable/disable or hide/show it based on user input values. This feature can be used to block contact form spam, such as disabling the submit button if illegal words are entered in a textarea.

• Send Email Conditionally
  Send different emails to various user types based on their form inputs. You can design multiple email templates and send them according to matched conditions.

• Apply Multiple Conditions (AND / OR Logic)
  Apply multiple conditions to form fields using AND/OR logic. Actions are triggered when ANY or ALL specified conditions are met.

• Condition Triggers / Compare Operators
  Compare field values using various operators such as equals (==), not equals (!=), greater than (>), less than (<), greater than or equal to (>=), less than or equal to (<=), contains, does not contain, starts with, ends with, is empty, and is not empty.

• Premium Support
  Need help or have a question? Reach out to Cool Plugins premium support anytime — we usually respond within 24–48 hours.

More Elementor Form Addons

Explore a powerpack of Elementor form addons developed by the Cool Plugins team. Use them to extend your Hello Plus or Elementor Pro form widgets with advanced features, or create forms in Elementor Free if you are not using Pro.

• Cool FormKit for Elementor
  An advanced form builder for Elementor Free users. It also extends Elementor Pro and Hello Plus form widgets with features like conditional logic, country code, WhatsApp redirect, input masks, and more. Upgrade your form-building experience with Cool FormKit.

• Country Code for Elementor Form Telephone Field
  Adds a country code dropdown to phone fields, guiding your visitors to select their country code while entering their mobile number to ensure accurate and properly formatted data submissions.

• Form Input Masks for Elementor Forms
  Apply input masks to form fields so your users can enter correctly formatted data, such as phone numbers, dates, credit card numbers, and more.

Some Other Essential Addons for Elementor

Upgrade your website-building experience in Elementor by using these ultimate addons for Elementor developed by Cool Plugins.

• Timeline Widget for Elementor
  Showcase your history, events, or milestones in a stylish vertical or horizontal timeline layout on Elementor pages.

• Events Widgets for Elementor
  Adds The Events Calendar plugin widgets for Elementor, allowing you to display events in grid, list, or carousel layouts on your Elementor pages.

• AutoPoly – AI Translation for Polylang
  An addon for the Polylang plugin that automatically translates Elementor pages using AI-powered translation services — making multilingual site creation fast and simple.

• Loop Grid Extender for Elementor Pro
  Use ACF Repeater fields in Elementor Pro loop grids or add advanced taxonomy filters to your Elementor loop templates with this plugin.

• LocoAI – Auto Translate for Loco Translate
  Automatically translate any WordPress plugin or theme strings in one click — powered by AI.

Check Users Feedback About This Plugin

People love this plugin because it delivers a much-needed feature for Elementor forms – applying conditions to form fields, something not available by default 🤩

Finally! Easy Conditional Fields — Yay!!! ⭐⭐⭐⭐⭐
The intuitive setup means I can now implement conditional logic with ease, vastly improving our form functionality without compromising aesthetics. Highly recommended! — @sambadee

Long Overdue ⭐⭐⭐⭐⭐
This plugin is so long overdue. Over the years I’ve seen many others that are overcomplicated and difficult to use. This is lightweight, powerful, and easy for anyone to use. Thank you. — @maxbyer

Great Support ⭐⭐⭐⭐⭐
Simple and efficient! Support is ready to solve issues and committed to improving and implementing new features! Thank you for your help. — @xxkiefxx

At Last ⭐⭐⭐⭐⭐
Finally, a free plugin that adds conditional logic to Elementor forms in a simple and intuitive way. It does what it says — and does it well. Thank you! — @mrprainx

Great Plugin! ⭐⭐⭐⭐⭐
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 into the Elementor interface and form. Thanks a lot! Great job, guys! — @huks

Get Conditional Fields for Elementor Form [PREMIUM]

Quick Installation

1. Go to “wp-admin >> Plugins >> Add New” in your WordPress dashboard, search for “Conditional Fields for Elementor Form”, and install and activate the plugin developed by Cool Plugins.
2. Install Elementor Pro to access this plugin’s features, since the Elementor Pro form widget is required.
   – If you are only using Elementor Free, you can still apply conditional logic by using the Hello Plus Form Lite widget.
3. Edit a page with Elementor and create a form. In the Elementor form widget, you’ll find a Conditions tab where you can add rules to hide, show, enable, or disable fields. For step-by-step instructions, check the getting started guide.

How to Add Conditional Logic to Elementor Form Fields?

Step 1:

First, install Elementor Pro (or Hello Plus for Elementor Free), then install Conditional Fields for Elementor Form.

Since this is an addon for Elementor forms, Elementor Pro or Hello Plus must be installed first.

Step 2:

After installation, edit a page with Elementor where you want to add a form. Create the form using the Elementor form widget and add your desired fields.

Step 3:

Select the field you want to show, hide, enable, or disable based on conditions.

• Example: In a contact form, show the “Order ID” field only if the user selects “Order Status” in the dropdown, and hide it if “General Query” is selected.
• Enable conditions via the Conditions tab in the field settings.
• Choose a display mode — Show or Hide.
  – The Pro version adds two more modes: Enable/Disable, letting you control input availability conditionally.
• Add a condition by entering the Field ID to compare values. Example: show the “Order ID” field if query-type = order-status.
• Apply multiple conditions using the AND operator (all conditions must match).
  – The Pro version also supports OR operator logic. Learn more in the AND/OR conditions guide.
• Use comparison operators like equals (==), not equals (!=), greater than (>), less than (<).
  – The Pro version adds advanced operators: >=, <=, contains, does not contain, starts with, ends with, empty, not empty. See the full list of supported operators.

Step 4:

Save or update the page and preview the form to see the conditions in action.

👉 For full documentation, visit the Conditional Fields for Elementor Form Docs.

Get the Pro version of Conditional Fields for Elementor Form

1. 

   Conditionally show or hide Elementor form fields with conditional logic.

2. 

   Enable or disable the Elementor form submit button based on conditions.

3. 

   Add conditional logic to Elementor Pro and Hello Plus form fields easily.

4. 

   Apply multiple conditions using AND/OR operators in Elementor forms.

5. 

   Redirect Elementor forms or send emails conditionally after submission.

1.4.8 | Oct 16, 2025

• Fixed: form submission issue with required hidden mask field.

1.4.7 | Oct 3, 2025

• Fixed: Conditional navigation ensures hidden steps are skipped and users are routed correctly.

1.4.6 | Sep 24, 2025

• Fixed: Issue with the required country code field.

1.4.5 | Sep 19, 2025

• Added: Added other plugin recommendations for Pro Elements users.
• Fixed: Conflicts with other plugins.
• Tested up to: Elementor 3.32.2 and Elementor Pro 3.32.1.

1.4.4 | Sep 10, 2025

• Added: Added other plugin recommendations for Elementor users.

1.4.3 | Aug 22, 2025

• Updated: New links in plugin dashboard.

1.4.2 | Aug 21, 2025

• Fixed: Security issues.
• Updated: Dashboard Links.

1.4.1 | Jul 30, 2025

• Improved: Admin dashboard links for better navigation.

1.4.0 | Jul 23, 2025

• Updated: Admin dashboard enhancements for easier field condition management.
• Tested up to: Elementor 3.30.3 and Elementor Pro 3.30.0.

1.3.18 | Jun 04, 2025

• Fixed: Issue where all fields were visible on load.
• Fixed: Submission error when a required field was hidden due to conditional logic.

1.3.17 | May 21, 2025

• Fixed: All fields visible on load (improved conditional loading).
• Tested up to: Elementor 3.29.0 and Elementor Pro 3.29.0.

1.3.16 | May 16, 2025

• Improved: Minor code improvements for performance.

1.3.15 | Apr 24, 2025

• Fixed: Minor bug fixes and stability improvements.

1.3.14 | Apr 9, 2025

• Tested up to: WordPress 6.8.
• Improved: Independent form handling for better compatibility with Elementor Pro and Hello Plus forms.

1.3.13 | Apr 5, 2025

• Fixed: Issue with HTML field conditions not applying correctly.

1.3.12 | Apr 1, 2025

• Added: Compatibility with Hello Plus Form Lite widget in Elementor Free.
• Fixed: Minor bugs and improvements.
• Improved: Independent form handling.

1.3.11 | Mar 21, 2025

• Tested up to: Elementor 3.28.0 and Elementor Pro 3.28.0.

1.3.10 | Feb 11, 2025

• Changed: Minor textual changes for clarity.

1.3.9 | Feb 06, 2025

• Fixed: Field default value removed incorrectly when condition applied.
• Changed: Minor textual adjustments.

1.3.8 | Jan 27, 2025

• Fixed: Conditional logic not working with Elementor Optimization feature.
• Tested up to: Elementor 3.27.1 and Elementor Pro 3.27.0.

1.3.7 | Dec 18, 2024

• Tested up to: Elementor 3.26.0.

1.3.6 | Dec 12, 2024

• Fixed: Load text domain issue.
• Improved: Compatibility with PRO Elements.

1.3.5 | Nov 19, 2024

• Fixed: Minor bugs and performance improvements.

1.3.4 | Nov 14, 2024

• Tested up to: WordPress 6.7 and Elementor 3.25.7.

1.3.3 | Sep 19, 2024

• Fixed: Minor bug fixes and stability updates.

1.3.2 | Sep 17, 2024

• Optimization: General bug fixes and performance improvements.

1.3.1 | Jul 04, 2024

• Added: Step field support for conditional logic.

1.3.0 | Jun 17, 2024

• Added: Integrated new plugin dashboard.
• Fixed: Data not sent correctly with multiple checkboxes.
• Changed: Minor textual improvements.

1.2.6 | May 31, 2024

• Fixed: Editor-side styles not displaying properly.

1.2.5 | May 09, 2024

• Changed: Minor textual improvements.

1.2.4 | May 06, 2024

• Fixed: Comparison issues when using quotes in text.
• Fixed: Required acceptance field not validating.
• Optimization: General bug fixes and code improvements.

1.2.3 | May 01, 2024

• Fixed: Default data being sent with form fields.
• Optimization: Bug fixes and performance improvements.

1.2.2 | Mar 27, 2024

• Fixed: Conflict issue with multiple checkbox fields.
• Optimization: General bug fixes.

1.2.1 | Mar 18, 2024

• Added: Support for conditions on acceptance fields.
• Optimization: General bug fixes.

1.2.0 | Mar 05, 2024

• Added: Conditional field support for file upload fields.
• Added: Support for multiple field conditions using AND operator.
• Added: Greater than (>) and less than (<) comparison operators.
• Added: Options to show and hide form fields conditionally.
• Added: Dynamic tags for easier setup.
• Fixed: Required condition handling (form sends values correctly).
• Fixed: Navigator issue.
• Fixed: Default value handling for hidden fields.
• Optimization: Bug fixes and improvements.
• More details: check all conditional logic operators.

1.1.0 | Jan 24, 2024

• Added: Conditional logic support for HTML fields.
• Added: Review notice for user feedback.
• Fixed: Form sends values correctly even if condition active with no selection.
• Fixed: JSON object handling improved.
• Fixed: Change trigger code for smoother integration.
• Fixed: Value trimming improvements to prevent space-related issues.
• Optimization: Removed unnecessary AI-generated text.

1.0.1 | Jan 09, 2024

• Changed: Minor textual changes.

1.0.0 | Jan 03, 2024

• Initial Release – Conditional Fields for Elementor Form launched with basic conditional logic support for Elementor Pro forms.

Using Conditional Fields Pro?

• Check changelog of Pro version
• or Try Cool FormKit