Jules Colle

This plugin adds conditional logic to <a href="https://wordpress.org/plugins/contact-form-7/" rel="ugc">Contact Form 7</a>.
If you edit your CF7 form, you will see an additional tag called “Conditional fields Group”. Everything you put between the start and end tag will be hidden by default. 
After you have added the field group(s), go to the “Conditional fields” tab to create one or more conditions that will make the group(s) appear.
Conditional Fields for Contact Form 7 is an independent plugin. This plugin is not affiliated with or endorsed by the developers of Contact Form 7.
<h4>How to use it</h4>
<a href="https://conditional-fields-cf7.bdwm.be/conditional-fields-for-contact-form-7-tutorial/" rel="nofollow ugc">Follow this tutorial</a>
<h3>Main features</h3>
<h4>Support for required fields</h4>
Required fields inside hidden groups will never trigger validation errors.
<h4>Hide/show info in emails based on what groups are visible</h4>
Conditional groups can now be added to the emails as well. 
Just wrap the content with <code>[group-name] ... [/group-name]</code> tags.
<h4>Groups can be nested</h4>
Groups can be nested, both in the form and in the email
Example form:
<pre><code>[group group-1]
 [group group-inside-1]
 ...
 [/group]
[/group]
</code></pre>
Example email:
<pre><code>[group-1]
 [group-inside-1]
 ...
 [/group-inside-1]
[/group-1]
</code></pre>
<h4>Advanced</h4>
Advanced users can code up the conditions as plain text instead of using the select boxes, using the Text View.
<h3>Need more power?</h3>
Just like WordPress, the power of Contact Form 7 lies in its <a href="https://conditional-fields-cf7.bdwm.be/list-of-all-contact-form-7-extensions/" rel="nofollow ugc">rich eco-system of extensions</a> that build on top of it. However, it can be difficult to find a set of complex extensions that work well together.
That’s why I created Conditional Fields Pro. It adds some powerful features to Contact form 7 and guarantees that everything will run smoothly with Conditional Fields.
Pro features include:
<ul>
<li>Repeatable fields (repeaters)</li>
<li>Forms with multiple steps (multistep)</li>
<li>Custom conditions with JavaScript functions</li>
<li>Multiple file upload</li>
</ul>
<a href="https://conditional-fields-cf7.bdwm.be/contact-form-7-conditional-fields-pro/" rel="nofollow ugc">Get the PRO version of Conditional Fields for Contact Form 7!</a>

Conditional Fields for Contact Form 7


Great plugin, easy to use, works perfectly!


Works like a charm!

Adds conditional logic to Contact Form 7.

Satinder Singh

CoolHappy

Cool Plugins

Using Elementor forms but unable to apply conditional logic on form fields?
The <a href="https://coolplugins.net/product/conditional-fields-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=top_name" rel="nofollow ugc">Conditional Fields for Elementor Form</a> 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.
👉 <a href="https://coolplugins.net/product/conditional-fields-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=view_demos#view-demo-forms" rel="nofollow ugc">CHECK FREE DEMO – FORMS WITH CONDITIONAL LOGIC</a>
<iframe loading="lazy" title="Conditional Field for Elementor Form: Show/Hide Fields based on Input" width="750" height="422" src="https://www.youtube.com/embed/0Fbueg7DSts?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Upgrade to <a href="https://coolplugins.net/product/conditional-fields-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=below_video" rel="nofollow ugc">Conditional Fields Pro</a> for advanced features like conditional redirects, conditional emails, and conditional Mailchimp. Or supercharge your Elementor forms with <a href="https://coolformkit.com/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=below_video" rel="nofollow ugc">Cool FormKit</a> (aka coolformkit) — the all-in-one form builder addon for Elementor. With coolformkit, you can add powerful fields such as a <a href="https://coolformkit.com/features/range-slider-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=below_video" rel="nofollow ugc">range slider</a>, <a href="https://coolformkit.com/features/signature-field-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=below_video" rel="nofollow ugc">signature field</a>, <a href="https://coolformkit.com/features/select2-field-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=below_video" rel="nofollow ugc">Select2 field</a>, 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.
<h3>Conditional Fields Free Features</h3>
<ul>
<li>
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.
</li>
<li>
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 <code>query_type == check-order-status</code> and hide it otherwise.
</li>
<li>
Apply Multiple Conditions: Apply multiple conditions to a form field, with actions triggered only if all conditions are met (using AND logic).
</li>
<li>
No Validation Errors: Avoid validation errors when a required field is hidden due to a condition.
</li>
<li>
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.
</li>
</ul>
<h3>Get Conditional Fields Pro for More Features</h3>
<ul>
<li>
<a href="https://docs.coolplugins.net/doc/conditional-redirect-elementor-form-on-submit/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features_redirect" rel="nofollow ugc">Conditionally Redirect After Submission</a> 
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.
</li>
<li>
<a href="https://docs.coolplugins.net/doc/elementor-form-submit-button-conditions/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features_button" rel="nofollow ugc">Apply Condition on Submit Button</a> 
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.
</li>
<li>
<a href="https://docs.coolplugins.net/doc/send-conditional-emails-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features_email" rel="nofollow ugc">Send Email Conditionally</a> 
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.
</li>
<li>
<a href="https://docs.coolplugins.net/doc/and-or-conditional-logic-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features_multiple" rel="nofollow ugc">Apply Multiple Conditions (AND / OR Logic)</a> 
Apply multiple conditions to form fields using AND/OR logic. Actions are triggered when ANY or ALL specified conditions are met.
</li>
<li>
<a href="https://docs.coolplugins.net/doc/elementor-form-conditional-logic-operators/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features_operators" rel="nofollow ugc">Condition Triggers / Compare Operators</a> 
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.
</li>
<li>
<a href="https://coolplugins.net/support/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=support&utm_content=pro_features_support" rel="nofollow ugc">Premium Support</a> 
Need help or have a question? Reach out to Cool Plugins premium support anytime — we usually respond within 24–48 hours.
</li>
</ul>
<h3>More Elementor Form Addons</h3>
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.
<ul>
<li>
<a href="https://coolformkit.com/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=elementor_form_addons" rel="nofollow ugc">Cool FormKit for Elementor</a> 
An advanced form builder for Elementor Free users. It also extends Elementor Pro and Hello Plus form widgets with features like <a href="https://coolformkit.com/features/conditional-logic-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">conditional logic</a>, <a href="https://coolformkit.com/features/country-code-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">country code</a>, <a href="https://coolformkit.com/features/whatsapp-redirect-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">WhatsApp redirect</a>, <a href="https://coolformkit.com/features/input-mask-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">input masks</a>, and more. Upgrade your form-building experience with Cool FormKit.
</li>
<li>
<a href="https://wordpress.org/plugins/country-code-field-for-elementor-form/" rel="ugc">Country Code for Elementor Form Telephone Field</a> 
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.
</li>
<li>
<a href="https://wordpress.org/plugins/form-masks-for-elementor/" rel="ugc">Form Input Masks for Elementor Forms</a> 
Apply input masks to form fields so your users can enter correctly formatted data, such as phone numbers, dates, credit card numbers, and more.
</li>
</ul>
<h3>Some Other Essential Addons for Elementor</h3>
Upgrade your website-building experience in Elementor by using these ultimate addons for Elementor developed by Cool Plugins.
<ul>
<li>
<a href="https://cooltimeline.com/plugin/timeline-widget-pro/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">Timeline Widget for Elementor</a> 
Showcase your history, events, or milestones in a stylish vertical or horizontal timeline layout on Elementor pages.
</li>
<li>
<a href="https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">Events Widgets for Elementor</a> 
Adds The Events Calendar plugin widgets for Elementor, allowing you to display events in grid, list, or carousel layouts on your Elementor pages.
</li>
<li>
<a href="https://coolplugins.net/product/autopoly-ai-translation-for-polylang/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">AutoPoly – AI Translation for Polylang</a> 
An addon for the Polylang plugin that automatically translates Elementor pages using AI-powered translation services — making multilingual site creation fast and simple.
</li>
<li>
<a href="https://wordpress.org/plugins/loop-grid-extender-for-elementor-pro/" rel="ugc">Loop Grid Extender for Elementor Pro</a> 
Use ACF Repeater fields in Elementor Pro loop grids or add advanced taxonomy filters to your Elementor loop templates with this plugin.
</li>
<li>
<a href="https://locoaddon.com/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">LocoAI – Auto Translate for Loco Translate</a> 
Automatically translate any WordPress plugin or theme strings in one click — powered by AI.
</li>
</ul>
<h3>Check Users Feedback About This Plugin</h3>
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! — <a href="https://wordpress.org/support/topic/finally-easy-conditional-fields-yay/" rel="ugc">@sambadee</a>
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. — <a href="https://wordpress.org/support/topic/long-overdue-2/" rel="ugc">@maxbyer</a>
Great Support ⭐⭐⭐⭐⭐ 
Simple and efficient! Support is ready to solve issues and committed to improving and implementing new features! Thank you for your help. — <a href="https://wordpress.org/support/topic/great-support-5420/" rel="ugc">@xxkiefxx</a>
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! — <a href="https://wordpress.org/support/topic/at-last-43/" rel="ugc">@mrprainx</a>
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! — <a href="https://wordpress.org/support/topic/great-plugin-38541/" rel="ugc">@huks</a>
<a href="https://coolplugins.net/product/conditional-fields-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=bottom_name" rel="nofollow ugc">Get Conditional Fields for Elementor Form [PREMIUM]</a>

Conditional Fields for Elementor Form – Apply Conditional Logic


You stole my code and edited it to upload it here!


thief


It seems to be working great! One field type you can support is the Acceptable field and checking whether it is checked.


Great plugin


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!


Very helpful plugin


Useless unless you use pro version. And to the developer- Add which feature comes with free vesion clearly. Only logic can be use is equal or not. If you intend not to add basic function to free version then remove the plugin from wordpress and sell it elsewhere.


Nothing comes with free version

Add conditional fields to Elementor forms and apply if-else conditional logic to show or hide Elementor form widget fields via dynamic rules.

Conditional Fields for Contact Form 7 vs Conditional Fields for Elementor Form – Apply Conditional Logic