Conditional Fields for Elementor Form – Apply Conditional Logic vs HTML Forms & Contact Form for WordPress

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.

Narrative Forms is the HTML form plugin for WordPress. Instead of dragging boxes around a builder, you write plain semantic HTML, or paste it straight from an AI like ChatGPT, Claude, or Gemini, and Narrative Forms turns it into a real form with fast AJAX form submissions and stored, exportable data. Any input with a name attribute is saved. That is the whole idea: forms are just HTML, so there is no field type registry, nothing proprietary to lock you in, and no ceiling on what your form can be. If you want a clean, fast, developer friendly HTML form plugin, a simple contact form, or a custom form that a heavy form builder cannot easily produce, this is it. It stays lightweight, loads its assets only on pages that contain a form, and is built to scale to millions of submissions. Everything it does is free, with no premium tier: the AI form builder, conditional logic, webhooks with delivery logs and retries, a REST API, require login, schedule windows, and hosted share links are all included at no cost. Why an HTML form plugin beats a drag and drop builder Most WordPress form plugins lock you into a drag and drop form builder and a fixed list of field types. If the builder does not offer a field, you cannot have it. Narrative Forms is an HTML form plugin with no field registry: a field is simply an HTML element with a name. Need a multi step layout, an unusual input, a custom widget, or markup your designer already wrote? Paste it in and it works. You keep full control of the markup, the classes, and the look, so your contact form or custom form renders exactly the way you built it. Drag and drop made sense years ago. Today you describe what you want or paste what you already have. No builder, no bloat, and no fighting a clunky UI to recreate a form you can already picture. That is why people who outgrow a drag and drop form builder move to a real HTML form plugin. Build forms with AI, built in or pasted from ChatGPT, Claude, or Gemini Because forms are just HTML, any large language model can build one for you, and Narrative Forms gives you two ways to use that. The built in AI form builder writes the form HTML for you right inside WordPress: open a form, click Generate with AI, describe what you want, and keep refining it by chatting. You bring your own API key for an OpenAI compatible provider such as DeepSeek, OpenAI, or OpenRouter, so you stay in control of the model and the cost. You can also paste from anywhere: ask ChatGPT, Claude, or Gemini for a form and drop the HTML in, because there is no proprietary field format to satisfy. Either way, the plugin stays model agnostic, ships with no AI key, and contacts no AI service until you add one; see the Privacy and External services sections for what is sent and when. Everything in the free HTML forms plugin The free HTML forms plugin is a complete forms solution, not a teaser. Here is what every install includes: Fast AJAX form submissions. Forms submit without a page reload, and there is a graceful fallback when JavaScript is turned off, so the form never breaks for a visitor. AJAX form submissions also keep your pages cache friendly, because the page can stay static while the form posts in the background. A built in HTML editor. One click field buttons generate the markup for common fields, and a live preview shows the form as you type. Write the HTML by hand, scaffold it quickly with the buttons, or paste a form an AI wrote for you. The editor never hides your markup behind a visual builder, so what you see is what ships. A built in AI form builder. Describe the form you want and let AI write the HTML for you inside WordPress, then keep refining it by chatting. You bring your own API key for an OpenAI compatible provider (DeepSeek, OpenAI, OpenRouter, or a custom endpoint), so you control the model and the cost. Your key is stored for administrators only and is never exposed to visitors. Conditional logic. Show or hide any field based on what the visitor enters, using simple match rules. A hidden required field is dropped from validation automatically, so a conditional logic rule never blocks a submission. Email notifications. Send a clean, readable email for every form submission, to yourself or any address, in plain text or HTML. Each field is formatted tidily, and you can route different forms to different inboxes with separate email actions. Webhook actions with delivery logs, retries, and templates. Send form data to any URL when the form is submitted, with no code, and add more than one webhook per form so one submission can fan out to several services. Every webhook call is recorded in a delivery log, failed calls retry automatically with backoff, and reusable webhook templates ship with one click Discord, Slack, and Microsoft Teams presets plus custom JSON payloads and request headers. REST API. Read and manage your form submissions programmatically through a REST API (namespace nrfm/v1), authenticated by a capability check or an API key you generate. Connect your forms to another app, a dashboard, or your own tooling. File upload form fields. Accept a file upload field with a maximum file size and a maximum number of files per field. Uploaded files are stored safely in the WordPress media folder and recorded with the submission, so building a file upload form is one paste of HTML away. Stored form submissions and CSV export. Optionally keep every submission in a fast, indexed database table that you browse in the admin. Run a CSV export of your form submissions at any time; the export streams in batches, so it works even with very large numbers of submissions and never times out. Save and resume. Let visitors save a long form as a draft and continue later from a private resume link. Drafts expire automatically and are cleared once the form is submitted. Submission notifications. An unread badge on the Forms menu and the submissions list flags new entries, so a fresh form submission never slips by. Require login. Restrict any form to logged in users only, with your own message and login link for signed out visitors. Schedule windows. Open and close a form automatically on the dates and times you set, with separate messages for before it opens and after it closes. Direct share links. Give any form its own hosted URL, so you can share a working form without adding it to a page or copying a shortcode. Layered spam protection. Stop bots with a honeypot, a time trap that rejects instant submissions, a same origin referrer check, a limit on the number of links in a message, and an optional rate limit per IP. You can also switch on Cloudflare Turnstile for a privacy respecting CAPTCHA. This spam protection adds no third party tracking to your site. Custom messages and redirects. Set your own success and error messages, redirect to any URL after a successful submit, and use template tags so the form behaves exactly how you want. Clean, optional styling. A calm, minimal stylesheet ships with the plugin and is on by default, and you can switch it off in one click if your theme or custom CSS should own the look. Semantic wrapper classes keep your theme in charge of how your HTML form appears. Every output is escaped and every input is sanitised, following WordPress coding and security standards, so the plugin stays review safe and secure. Send form data anywhere with webhooks and a REST API Narrative Forms is built to move your form submissions wherever they need to go. Add a webhook action with your endpoint URL and every submission is delivered to that webhook, so you can connect a form to Zapier, Make, a CRM, Discord, Slack, Microsoft Teams, or your own service without writing code. A webhook delivery log shows every call and its response, failed webhooks retry automatically with backoff, and webhook templates let you shape a custom JSON payload with one click presets for Discord, Slack, and Teams. When you would rather pull data than push it, the REST API exposes your form submissions under the nrfm/v1 namespace, protected by a capability check or an API key. Add conditional logic to show or hide fields, require login to restrict a form, and schedule windows to open and close it automatically, and your form data never gets stuck in the admin. Contact forms, custom forms, and every form in between Narrative Forms is a general purpose form plugin, so the same HTML first workflow covers almost any form: a simple contact form, a lead capture or support request form, a job application, an RSVP, a survey, a registration form, a file upload form, or a custom form with a layout a drag and drop builder cannot easily produce. Because a field is just an HTML element with a name attribute, you paste the HTML, give the fields names, and the form is live with AJAX form submissions, stored data, conditional logic, and CSV export. There is no template to fight and no field type you cannot add, which is the difference between an HTML form plugin and a drag and drop form builder, and the same lightweight form plugin scales from a handful of submissions a month to millions over time. Developer friendly HTML form plugin Narrative Forms is built for people who like control. Prefill fields with template variables such as {{ user.email }}, {{ get.utm_source | default:’direct’ }}, or {{ site.name }}, using providers like user, URL parameters, post, site, and date, each with filters such as default, upper, lower, date, and truncate. On the front end, public JavaScript events (nrfm-submit, nrfm-submitted, nrfm-success, nrfm-error) let you push conversions to Google Tag Manager or your dataLayer, show a toast, or run any custom logic with a tiny nrfm.on() helper. Filters and actions sit at every decision point, including the form HTML, validation, and webhook request arguments, and a REST API is available for reading and managing form submissions, so you can extend this HTML form plugin without forking it. Built to scale to millions of form submissions Narrative Forms is engineered for sites that collect a lot of data. Form submissions live in a dedicated, indexed database table rather than bloated post meta, so lookups stay fast as the table grows. Repeated reads are cached, queries are paginated and bounded, CSV export streams in batches, and heavy work can run in the background so the front end stays quick. Whether you collect ten form submissions a month or millions over time, this lightweight form plugin is designed to stay responsive. Scaling to millions describes the architecture, indexed storage, caching, and bounded queries, rather than a benchmarked guarantee. Who this HTML forms plugin is for Developers and agencies who want a contact form or custom HTML form they fully control, without a heavy builder. Anyone who uses an AI assistant: generate the HTML with the built in AI form builder or paste it from ChatGPT, and you are done. Site owners who need reliable form submissions, email notifications, webhooks, file upload forms, and CSV export without the bloat. Teams that want conditional logic, require login, scheduled forms, and a REST API without paying for a premium tier. Teams that have outgrown a drag and drop form builder and want a faster, lighter way to build forms. Common uses include contact forms, lead capture, support requests, job applications, RSVPs, surveys, file uploads, registrations, and multi field custom forms with conditional logic that a drag and drop builder cannot easily produce. Publish form submissions with Frontend Submissions (Views) Most form plugins keep submissions locked in the admin. The Narrative Forms Frontend Submissions add on turns your form submissions into front end content with reusable Views: display any form’s submissions as a public directory, a testimonial wall, a photo gallery, a job board, an event timeline, or product reviews, with instant search, pagination, single pages, per field privacy, and approval moderation. Frontend submission display is the one paid add on and it requires the free Narrative Forms plugin. Collect with the form, publish with a View. Learn more at https://narrative-forms.com/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=free Privacy Narrative Forms uses the Appsero SDK to collect some telemetry data, but only after you confirm it. This helps us troubleshoot problems faster and make product improvements. The Appsero SDK does not gather any data by default. It only starts collecting basic telemetry when you allow it through the admin notice. We collect the data to ensure a great experience for all of our users. Integrating the Appsero SDK DOES NOT IMMEDIATELY start gathering data, and never without your confirmation. Learn more about how Appsero collects and uses this data. External services This plugin connects to external services only in these optional cases. Each is off until you enable or allow it. Cloudflare Turnstile (optional CAPTCHA). Only if you enable Turnstile. The browser loads https://challenges.cloudflare.com/turnstile/v0/api.js to render the widget, and on submit the server posts the token, your secret key, and the visitor IP to https://challenges.cloudflare.com/turnstile/v0/siteverify. Terms: https://www.cloudflare.com/website-terms/ Privacy: https://www.cloudflare.com/privacypolicy/ Webhooks (optional, configured by you). Only if you add a Webhook action. After a successful submission, the form fields plus limited metadata (timestamp, IP address, user agent, referrer) are sent to the exact URL you configure. The destination is your choice, so consult that service’s terms and privacy policy. Appsero (optional usage analytics). Off until you allow it in the admin notice. It then sends basic environment details (site URL, WordPress and PHP versions, active theme and plugins, locale, admin email) to https://api.appsero.com. No form submissions or visitor data are sent. Privacy: https://appsero.com/privacy-policy/ AI form builder (optional, configured by you). Off until you add an API key. It contacts your chosen provider only when you click Generate, sending your instruction text and the current form markup to that provider’s chat completions endpoint. No form submissions or visitor data are ever sent, and your key is stored for admins only. Supported endpoints: DeepSeek https://api.deepseek.com (Privacy: https://cdn.deepseek.com/policies/en-US/deepseek-privacy-policy.html), OpenAI https://api.openai.com (Privacy: https://openai.com/policies/privacy-policy/), OpenRouter https://openrouter.ai (Privacy: https://openrouter.ai/privacy), or any OpenAI compatible endpoint you configure.