Conditional Fields for Elementor Form – Apply Conditional Logic vs Visibility Logic for Elementor

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 ( =), 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] Use of 3rd Party Services: This plugin connects to the Cool Plugins feedback server only for optional usage data sharing and voluntary feedback submission (for example, during plugin deactivation). Data is transmitted solely after explicit user consent. No hidden tracking is performed, and no frontend visitor or site user data is collected. For more details, please review our Data Usage Policy, TOS, and Privacy Policy.

Visibility Logic adds powerful conditional display conditions to every Elementor widget, section, and container. Control exactly who sees what, when, and on which device — without writing a single line of code. Hidden elements are completely removed from the HTML (not just hidden with CSS), keeping your pages fast and your content secure. When to use Visibility Logic Restrict content to logged-in users, specific roles, or subscribers Schedule content to appear during a sale, event, or launch window Personalize pages based on user meta, ACF custom fields, or device type Show/hide elements for Desktop, Tablet, or Mobile visitors A/B test layouts by showing different content to different user segments Hide empty sections automatically when all child widgets are hidden Free Conditions ACF Fields (NEW) — Show/hide based on Advanced Custom Fields values on the current post or page. 7 operators: is empty, is not empty, equals, not equals, contains, is true, is false. Device Type (NEW) — Target Desktop, Tablet, or Mobile users with server-side User-Agent detection. Hidden elements are fully removed from HTML. User Role — Logged in, logged out, or specific roles (Administrator, Editor, Subscriber, custom roles). User Meta — Show/hide based on any user meta field value. Date & Time — Schedule visibility with “from” and “to” dates. Perfect for sales, events, and time-limited content. Browser Type — Target Chrome, Firefox, Safari, Edge, Opera, iPhone, Android, and more. Flexbox Containers — Full support for Elementor’s Flexbox containers, classic sections, and nested containers. Hide When Empty — Automatically hide a parent section/container when all child widgets are hidden by visibility conditions. PRO Conditions Advanced ACF — Repeater fields, options page, term meta, user fields, specific post/user sources, AND/OR logic with 17 operators. Language — Show/hide based on current language. Supports WPML, Polylang, and TranslatePress. URL Parameters — Standalone query string conditions with repeater support and 9 operators. Geo Location — Display elements based on visitor’s country using MaxMind geolocation. Dynamic Conditions — Use all Elementor Pro Dynamic Tags as visibility conditions. WooCommerce — Restrict content based on order history, active subscriptions, or customer status. Easy Digital Downloads — Restrict based on purchase history or subscription status. Advanced User Meta — Multiple user meta conditions with AND/OR logic. Post & Page, Taxonomy — Show/hide based on current post type, specific pages, or taxonomy terms. Archive — Conditions based on post type archives and taxonomy archives. IP & Referrer — Target visitors by IP address or referral source. WordPress Conditional Tags — Use any WordPress conditional tag as a visibility condition. Fallback Content — Replace hidden elements with a custom text message or an Elementor template. Copy/Paste — Right-click to copy visibility settings between widgets or sections. Get Visibility Logic Pro and unlock all conditions. How it works Edit any page with Elementor Select a widget, section, or container Go to the Visibility tab (or Advanced → Visibility Control) Enable conditions and configure your display rules Save — elements are shown or hidden on the live site based on your rules More from StaxWP BuddyBuilder — BuddyPress Builder for Elementor — Build stunning BuddyPress communities with Elementor. Elementor Addons & Widgets — Powerful widgets to help you build stunning pages. Woo Addons for Elementor — Elementor enhancements for WooCommerce. Privacy Policy We use Appsero SDK to collect some telemetry data upon user’s confirmation. This helps us troubleshoot problems faster and make product improvements. Found a bug? Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team helps validate, triage, and handle any security vulnerabilities. Credits This plugin implements some functionality similar to: * Dynamic Content for Elementor (GPL v2 or later)