Advanced Conditional Fields
For Elementor Forms

A complete conditional logic engine for Elementor Pro's Form widget. Show or hide fields, redirect users, route emails, and group fields — all from inside the Elementor editor, with zero code.

What This Plugin Does #

By default, Elementor Pro Forms show every field to every user. This plugin adds a Conditions tab to each form field in the editor. You define rules like "show this field only when the 'service_type' field equals 'Enterprise'" — and the plugin handles the rest both on the frontend (JavaScript) and backend (PHP).

Requirements #

Installation #

Quick Start #

From a fresh install to your first working condition in under 5 minutes:

1. 1
   Enable Conditional Logic

   Go to Advanced Cond. Fields → Features, toggle Conditional Logic on, and click Save Settings.

2. 2
   Open your Elementor form

   Edit any page containing an Elementor Pro Form widget. Click the form, then click any field in the Form Fields repeater.

3. 3
   Open the Conditions tab

   Inside the field editor panel you will see four tabs: Content, Advanced, Style, and the new Conditions tab.

4. 4
   Enable and configure

   Toggle Enable Conditions on. Set the Field ID (the field this rule watches), choose an Operator, and enter a Value. The field will immediately react in the live preview.

5. 5
   Publish

   Click Update. Your form is live with conditional logic active for all visitors.

Conditional Logic Free #

The core feature. Add a Conditions tab to every field in your Elementor Pro form — letting you show or hide each field based on what users enter in other fields.

Finding Field IDs

Every condition rule references a Field ID — the unique identifier of the field you want to watch. Here's how to find it:

1. In the Elementor editor, click any form field in the repeater to open its settings.
2. Go to the Advanced tab inside the field settings panel.
3. Look for the ID input — this is your Field ID.

Operators Reference

Each condition rule has three parts: Field ID + Operator + Value. The 12 available operators are:

AND / OR Logic Modes

When you add multiple condition rules to a single field, you choose how they combine:

• All conditions (AND) — the field is shown only when every single rule is met simultaneously.
• Any condition (OR) — the field is shown when at least one rule is met.

// Show "VAT Number" field only when ALL of these are true:
// 1. is_business == "yes"
// 2. country == "UK"
// Logic mode: ALL conditions (AND)

Rule 1: is_business  ==  "yes"
Rule 2: country      ==  "UK"
Mode:   ALL (AND)

Multi-step Form Support

The plugin fully supports Elementor Pro's multi-step forms. When a step field is hidden by conditions:

• The entire step is skipped in the navigation flow.
• Required fields inside the hidden step are not validated.
• The step does not appear in the form's progress indicator.

Server-side Field Removal

All condition evaluation happens in two places:

1. Client-side (JS) — fields show/hide in real-time as users type, for a responsive UX.
2. Server-side (PHP) — when the form submits, hidden fields are stripped from the $record before Elementor processes the form actions (email, CRM, redirect etc.).

This means hidden data is never included in notification emails, CRM entries, webhooks, or database records — no matter what a user submits.

Activate Pro License Pro #

Pro features are unlocked by entering a valid license key. License keys follow the format sk-XXXX-XXXX-XXXX and are emailed to you after purchase.

1. 1
   Open the License tab

   Go to Advanced Cond. Fields → License in your WordPress admin menu.

2. 2
   Enter your key

   Paste your sk-XXXX-XXXX-XXXX key into the input field and click Activate License.

3. 3
   Enable Pro features

   Go to the Features tab. Pro feature cards are now unlocked — toggle on the ones you need and click Save Settings.

Conditional Redirect Pro #

Send users to different URLs after form submission based on the values they entered. Useful for segmenting leads, showing personalised thank-you pages, or routing to different sales flows.

Setup

1. 1
   Enable the feature

   Features tab → toggle Conditional Redirect on → Save Settings.

2. 2
   Add the action to your form

   In Elementor editor → Form widget → Actions After Submit → add Conditional Redirect.

3. 3
   Configure redirect rules

   A new panel appears below. Add rules: Field ID → Operator → Value → Redirect URL. Add a fallback URL for when no rule matches.

// Rule 1 — Enterprise users go to enterprise thank-you page
service_type  ==  "enterprise"
URL: https://yoursite.com/thank-you-enterprise/

// Rule 2 — SMB users go to SMB thank-you page
service_type  ==  "smb"
URL: https://yoursite.com/thank-you-smb/

// Fallback — everyone else
URL: https://yoursite.com/thank-you/

Conditional Email Pro #

Route the form's notification email to different email addresses based on what the user selected. Ideal for directing enquiries to the right department without multiple separate forms.

Setup

1. 1
   Enable the feature

   Features tab → toggle Conditional Email on → Save Settings.

2. 2
   Add action to form

   In Elementor → Form → Actions After Submit → add Conditional Email.

3. 3
   Build routing rules

   Add rules: Field ID → Operator → Value → Email address. Set a fallback email for unmatched submissions.

Conditional Submit Button Pro #

Control the visibility of the form's submit button using the same condition rules used for fields. Common use cases include agreement checkboxes, completion requirements, or gating submission until a specific option is selected.

Setup

1. Enable Conditional Submit Button in the Features tab and save.
2. In Elementor editor → click the Form widget → look for the Submit Button section (just below the form fields list).
3. A new Button Condition panel appears at the top of that section.
4. Toggle Enable Button Condition on and add your rules exactly like field conditions.

// Show submit button only when user ticked the acceptance field
Rule: agree_to_terms  ==  "on"
// "on" is the value Elementor sends for a checked acceptance field

Form Field Groups Pro #

Field Groups let you bundle sets of fields together. Users select a group (via a dropdown, button tabs, or radio buttons) and only that group's fields appear. Each group has its own visual field builder and per-group condition rules.

Concepts

• Group selector — a UI control (dropdown / tabs / radio) added to your form. The user picks a group.
• Group — a named set of form fields. Each group has a label (shown to users) and a value (used in conditions).
• Group fields — fields you add inside a group via the visual builder. Only the active group's fields appear.
• Per-group conditions — auto-show or hide an entire group based on another field's value.

Setup

1. 1
   Enable Field Groups

   Features tab → toggle Form Field Groups on → Save Settings (requires active license).

2. 2
   Find the Field Groups section in Elementor

   Edit your form widget. Scroll below the Form Fields list — you will see a new Field Groups (Pro) section.

3. 3
   Add groups

   Click Add Item to create groups. Give each group a Label (displayed to the user) and a Value (used internally in conditions).

4. 4
   Add fields to each group

   Click Manage Group Fields on any group to open the visual field builder. Add, configure, and reorder fields just like in the main Form Fields panel.

5. 5
   Choose selector style

   In the Group Settings, pick a selector style: Dropdown, Button Tabs, or Radio Buttons.

Settings Page #

Access the settings at Advanced Cond. Fields in your WordPress admin menu. The page has three tabs:

Troubleshooting #

FAQ #