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 ( =), 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.
Top keywords
- elementor38×3.44%
- form29×2.63%
- fields21×1.90%
- conditional18×1.63%
- logic15×1.36%
- field12×1.09%
- apply11×1.00%
- elementor form11×1.00%
- conditions10×0.91%
- conditional logic8×0.72%
- cool8×0.72%
- forms8×0.72%
Royal Addons for Elementor – Addons and Templates Kit for Elementor
Royal Elementor addons is the most versatile, intuitive, and easy to use Popular Page Builder extension. Our goal is to provide you with the tools to make things happen, efficiently, and fast compare to other elementor addons. Choosing us is not only a mindset, but it is also a requirement if you intend to gain an edge over your competitors when creating your website. The best part is that you can design anything without having to touch a single line of code. Comes with 100+ Elementor addons, 150+ Elementor Templates KIT (Growing Each Week), Theme Builder, elementor Custom Widget Builder, WooCommerce Builder, Elementor Mega Menu Builder, Advanced Sticky Header, Header Footer Builder, Forms Builder, Advanced Filters (filter any CPT, taxonomies and metafields), AJAX Search, Conditional visibility logic (show or hide widgets based on user role), Popup Builder, Post Slider and Carousel, Product Slider and Carousel, Premade Widget Blocks & Extensions. Creative and self-intuitive widgets to take your WordPress website to the next level. All widgets are Free and the Pro Version offers even more advanced functionality. Free and Pro functionalities are mixed in the Widget Demos below. ✅Plugin Home Page ✅Elementor Templates Home Page ✅Woocommerce Elementor Templates Demo Page Widget List: Mega Menu with Off-Canvas mobile menu support Nav Menu Post Grid Post Carousel Post Slider Advanced Filters (filter any CPT, taxonomies and metafields) Custom Widget Builder (build any type of elementor widgets for your projects) Form Builder WooCommerce Product Grid WooCommerce Product Carousel WooCommerce Product Slider Image Grid – Image Slider Image Carousel Magazine Grid Advanced Slider – Carousel Charts – Horizontal/Vertical, Line, Radar, Doughnut, Pie, Polar Area Testimonial Slider Onepage Navigation Pricing Table Content Toggle Countdown Timer Progress Bar Tabs Advanced Text – Fancy Text Category Grid Flip Box Promo Box Before After Slider – Image comparison Slider Image Hotspots Contact Form 7 Styler Ninja Forms Styler WP Forms Styler Caldera Forms Styler MailChimp Content Ticker Button Dual Button Team Member Google Maps Price List Business Hours Sharing Buttons Search Form with Live Ajax Search Site Logo Back to Top Button Phone Call Button Lottie Animation Timeline Widget Flip Carousel Features List Dual Color Heading Advanced Accordion with Search Image Accordion Page List for Mega Menu Data Table Readeing Progress Bar Offcanvas Menu – sidebar menu Twitter Feed Instagram Feed Unfold Widget Circle Menu Widget Password Protected Widget Woocommerce Widgets: Advanced Woocommerce Product Grid Advanced Product Filters (Filter products by Color, brand, size etc) Woocommerce Product Wishlist & Compare Grid Woocommerce Product Wishlist Page Woocommerce Product Compare Page Live Ajax Search for Woocommerce Product Carousel Product Slider Product Filters Product Category Grid My Account Cart Checkout Mini Cart Floating Mini Cart Breadcrumbs Add to Cart Product Price Product Navigation Product Media Product Tabs Product Meta Product Rating Product Sale Badge Product Notice Product Excerpt Product Stock Product Additional Info Extensions and Other Features Elementor Theme Builder & Woocommerce Builder – Header Footer Builder, Post & Product Archive builder, Single Post & Product builder, Single Page, Search, category, tags, 404, author, data page template builder. Dynamic Website Builder – Use Dynamic Tags to create Websites Driven by Dynamic Content. Create Custom Post Types and Custom Taxonomies. Style and customize Custom Fields, Custom Post Type & Custom Taxonomies Templates. Add Dynamic Product Data even for Woocommerce Archive Grid and Single Products Pages and much more. Supported Advanced Custom Fields: Text, Textarea, Number, Range, Email, URL, Password, Select, Checkbox, Radio Button, True / False, Gallery, Image, Repeater, File, Flexible Content, Clone, WYSIWYG Editor, oEmbed, Date Picker, Relationship, Taxonomy, Time Picker, Color Picker, Post Object, Accordion, Tab, Google Map. View Dynamic Websites Prebuilt Demos Advanced Filters for Elementor – Advanced Filters lets you filter any Custom Post Types (CPT), Taxonomies and Metafields in WordPress using Elementor. You can create filters like Price, Color, Brand, Size, Material, Rating or any other. Please watch this Video Tutorial to learn more about it. Widget Builder – Create Custom Elementor Widgets Without Code – Build your own fully-functional Elementor widgets visually — no coding skills required. The Widget Builder lets you design custom widgets from scratch using an intuitive drag-and-drop control panel and a built-in code editor for those who want full creative control. How it works: Add controls (text fields, color pickers, sliders, selects, media uploaders, and 20+ more) to your widget’s Content, Style, and Advanced tabs — just like any native Elementor widget. Use simple template tags like {{title}} or {{image.url}} in the HTML editor to output control values dynamically. Add custom CSS and JavaScript to style and power your widget’s behavior. Hit Preview to test your widget live inside Elementor, then Save — your widget is instantly available in the Elementor editor, ready to use on any page. Key highlights: 20+ supported control types including text, number, color, slider, dimensions, select, media, gallery, icons, typography, background, border, box shadow, and more Group controls for typography, background, borders, and shadows — matching native Elementor quality Conditional logic with {{#if}} template tags to show/hide content based on control values Built-in Monaco code editor (same editor used in VS Code) for HTML, CSS, and JavaScript Link external CSS/JS libraries directly from the Includes panel Live preview inside Elementor before saving Custom icon and category assignment so your widgets feel native Generated widgets are lightweight, performant, and stored as standard Elementor widget classes Whether you need a custom testimonial card, a pricing box with unique styling, a branded CTA section, or any element that doesn’t exist as a pre-built widget — the Widget Builder lets you create it yourself in minutes, not hours. Mega Menu Builder – Build any type of WordPress mega menu with Menu Badges and Icons, use any elementor widgets in Mega menu content, supports Ajax loading of mega menu items for maximum page loading speed. Off-Canvas Mobile and Desktop Menus support. Advanced Sticky Menu – Create eye-catching Sticky Header Effects check demos (scroll to see menu effects): Demo 1 – Replace Header on Scroll, change it’s background Color and make it Transparent, replace Logo Demo 2 – Shrink Logo, Shrink Header and Change its Color Demo 3 – Only show Header when Scrolling Up Demo 4 – Replace Header and add Shadow, Replace Logo and Menu background Colors Demo 5 – Scale Logo, Scale Header and Change its background Color Conditional visibility logic – Show or hide elementor widgets based on user role. Popup Builder – (Offer Sales Banners, Subscriptions Banners, GDPR Cookie Consent & Compliance Notice, Cookie Notice, Age Verification), 20+ Premade Popup Templates included in popup library Parallax Scrolling – Parallax effect extension Parallax Multi-Layer Effect – extension Particle Effect White Label Branding (Change Plugin Name, Description, Developer / Agency, Website URL, Menu Label and other custom branding related settings) Sticky Section (Can be used for creating Sticky Header / Menu) Custom CSS – apply custom css to any elementor section. Elementor Wocommerce Builder Templates Kits Electronic Store Auto Parts Store Fashion 2 Woo Shop 1 Woo Shop 2 Fashion 1 Grocery Store Furniture Store Food Delivery Ecommerce +++++View All Demos +++++ Elementor Theme Builder Templates Kits Personal Blog v1 Personal Blog v2 Personal Blog v3 Personal Blog v4 Magazine Blog v1 Magazine Blog v2 Magazine Blog v3 Magazine Blog V4 Magazine Blog V6 Food Blog Travel Blog +++++View All Demos +++++ Elementor Templates Kits Nature Digital Agency Digital Agency Digital Agency It Technology 1 Construction v1 Construction v2 Construction v3 Architecture It Technology 2 Drone Cybersecurity Medical Realestate Cryptocurrency Skincare Food Delivery Wedding Restaurant Portfolio Developer Portfolio Designer Bio Pizza Restaurant Wine Bar Photographer Portfolio Dark Photographer Portfolio Light Lawyer Light version Travel Blogger & Influencer Light version NFT Car Wash Pet Care Pet Shop Digital Marketing Agency One Page Digital Marketing Agency v1 One Page Digital Marketing Agency v2 Travel Agency Architecture & Interior Fytness & Gym Business Consulting Car Repair Amazon Product Landing Page Business Landing Page Mobile App Landing Page Investment Landing Page Digital Product Landing Page Saas Landing Page Startup Landing Page Ebook Landing Page Home Care Fintech Portfolio v2 Hotel v1 Nature – Travel v2 Yoga Digital Seo Marketing Agency v1 Digital Seo Marketing Agency v2 Real Estate v2 Real Estate Agency v3 Job Listing Website Barber Shop Kit Dance Studio Kit Magazine Blog V4 Solar Energy Kit Digital Marketing Agency v3 Digital Marketing Agency v2 Digital Agency Dark Charity Coming Soon Kit v1 Music Band v1 Dental v1 +++++View All Demos +++++ How to Import Template Kit: Navigate to plugin Menu > Templates Kit > Select Kit you want to import > Click on the import Template Kit button. Demo Data will be installed from Our Website. What’s imported: Posts, pages, images in the media library, menu items, some basic settings like which page will be set as homepage, premade headers, and premade footers, popups if demo includes it. If you already have posts, pages, or any other data in your WordPress none of them will be deleted. Widgets short Description: 1. Elementor Post Grid Post Grid – Post Slider – Post Carousel – A free Elementor Post grid widget. This widget could be used as a recent posts slider, post carousel, FitRows grid, masonry grid (Pro), portfolio grid, list style grid, filtrable grid if you will enable isotope filters, media grid for video project showcase and more. Simply the best solution for WordPress blog posts or custom post types. Comes with the following options: multicolumns, numbered pagination, random post display option, load more button, infinite scroll (Pro), likes (Pro), sharing (Pro), custom fields (Pro), lightbox, linkable filters (deep linking), custom icons for filters, grid filters (live filters with isotope) and much more. 2. Elementor Woocommerce Grid WooCommerce Product Grid – Product Slider – Product Carousel – A free WooCommerce Grid Widget. Could be used as product carousel, product slider, product list, product category grid, category carousel, category slider, filtrable grid to display wooCommerce products and much more. This elementor addon comes with the following options: multicolumn, numbered pagination, load more button, infinite scroll (Pro), product likes (Pro), product sharing (Pro), custom fields (Pro), lightbox with the gallery, linkable filters (deep linking), custom icons for filters, live grid filters (with isotope filters), sorting and much more. 3. Image Grid Image Grid – Image Slider – Image Carousel – A free Image Grid Widget. Could be used as an image gallery, logo grid, image slider, image carousel, and much more. Addon comes with the following options: multicolumn grids, numbered pagination, load more button, infinite scroll (Pro), likes (Pro), sharing (Pro), custom fields (Pro), lightbox, linkable filters (deep linking), custom icons for the filters, FitRows grid with a isotope filters, masonry grid and much more. Magazine Grid – Slider – A free Magazine Grid Widget. This widget is the #1 Magazine Grid builder widget on the repository. Could be used as magazine layout, newspaper layout, news grid, news slider(PRO). 5. Advanced Slider Advanced Slider – Carousel – A free Image Slider Widget. Could be used as image slider, logo carousel, content slider, template slider (Pro). Creat unique looking hero section with this slider. It is fully responsive and has full width and full screen options. Also Pro version comes with Ken Burns effect & animated content. 6. Testimonial Slider Testimonial Slider – A free Testimonial Slider Widget. This widget will showcase your customers reviews on your WordPress website. The widget offers following options: customers reviews slider, testimonials ratings (stars), company logo option, clients/customer image, texts with vintage quotes. 7. Elementor Menu widget Nav Menu – A free Nav Menu Widget. This widget will make your WordPress Menu trully unique by customizing its look and feel without using code. Addon offers following options: mobile menu customization, drop down menu setup, hamburger menu, menu hover effects and hover animations. Also Pro version offers vertical menu and sticky header. Most advanced & customizable responsive menu. 8. Onepage Navigation Onepage Navigation – A free Onepage Navigation Widget. This widget allows you to create an amazing onepage scroll experiance WordPress website with just a few clicks. Can be used to create floating menu, sticky navigation menu, side menu with icons to scroll to any section. 9. Pricing Table Pricing Table – A free Pricing Table Widget. This Pricing Comparison Table widget helps you to create an effective price comparison table with unique styling, which allows you to display not just the cost, but also the features you offer. A widget could be used as a regular pricing table & as a pricing table with a toggle button to switch from Monthly/Yearly plans. Pro version offers different tooltip options for each pricing table feature, also it’s possible to have more than 2 pricing plans switcher, like Monthly/Yearly/Lifetime (You can check the demo on the widget preview page). 10. Content Toggle Content Toggle – A free Content Toggle Widget. You can load Elementor Templates or simply insert images and text to style it the way you want. A widget could be used as a pricing switcher as well, for example, to switch between Monthly/Yearly/Lifetime pricing plans. Pro version offers more than 2 toggle options – Check out the widget demo page to see all its possibilities. 11. Countdown Timer Countdown Timer – This widget allows you to display a timer that counts down to a specific time or date. A widget could be used as a black Friday sale countdown timer, to create urgency for users for your event, sales, or opt-in forms. You can set various actions after the timer expires: hide the timer, display a message, redirect or load the template. The Pro version offers an Evergreen timer (checkout widget demo page), recurring countdown timer, and restart timer options. 12. Progress Bar Progress Bar – This Skill Bar widget offers unique ways to style various types of stats in percentages or numbers, can be used for classic animated progress bars, …