Form extension · Pro
Conditional Display adds show and hide rules to the Animation Addons Form in Elementor 4. Ask "New or existing patient?" and only the right follow-ups appear. No code.
The free Animation Addons Form already handles fields, spam protection, email, webhook and redirect on Elementor Free.
The short answer
Conditional Display is an Animation Addons for Elementor extension that adds Elementor form conditional logic to the Animation Addons Form in Elementor 4. Fields, rows, headings and paragraphs show or hide when other answers match your rules. Hidden fields never block submission, their values are not sent, and the server re-checks the same rules.
| Plan | Pro Form extension |
|---|---|
| Type | Form |
| Works on | Fields inside the Animation Addons Form widget, plus rows (containers), headings and paragraphs inside that form. Not on Elementor's own Atomic Form or other form plugins. |
| Main controls | Conditional Display row (opens the rules dialog) · Action: "Show this field when…" or "Hide this field when…" · Match: "All rules match" or "Any rule matches" · per rule: Field, Operator, Value · + Add Rule · Save Conditions |
| Engine | Lightweight form runtime (no GSAP). Revealed fields fade in over 0.18 s; hiding is instant. |
| Editor preview | Rules run on the live page and in Preview; on the canvas every field stays visible and editable. An orange dot marks elements with rules. |
| Limits | Needs the Animation Addons Form widget and an active Animation Addons Pro licence. Rules compare against fields in the same form. Not available for Elementor's Atomic Form or other form plugins. With reduced motion requested by the visitor, fields appear without the fade. |
| Plugin version | Animation Addons for Elementor 4.3 · Last updated October 2026 |
Demo variations
Every demo uses Conditional Display from Animation Addons Pro on Elementor 4's own elements. The settings on each card are a good place to start.
A two-column Lumen Dental form. "Existing patient" reveals a patient-number field; "New patient" reveals a referral question instead.
A Northwind Studio brief. When the budget Select is anything but "Not sure yet", a row with timeline and sign-off questions fades in.
A warm Bakehouse & Co. order form. "Delivery" reveals the address block; "Collection" reveals a pickup-time field.
A clean Paywise demo form. Team size over 50 reveals an SSO and invoicing checkbox group and a procurement-contact field.
A Tally Notes support form. "Billing" shows an invoice-number field and a refund note; "Bug report" shows a File Upload.
Features
Every point below is a real control in the Conditional Display panel section or part of how it works. Nothing here needs custom code.
Visitors see only the questions that apply to them, so you maintain one form instead of three.
Operator covers Is, Is not, Is not empty, Is empty, Contains, Greater than and Less than.
Put a rule on a row and every field inside it follows. Headings and help text appear only when relevant.
Required applies only while a field is shown. The server re-checks the rules, so hidden values never reach your inbox, Form Submissions or webhook.
Hidden fields read as empty to Calculation fields (Pro), so a total never includes an option the visitor can't see.
Step by step
Five steps from switching it on to publishing. The bold names are the exact labels you will see on screen.
Get Animation Addons ProIn WordPress, go to Animation Addon › Settings › Extensions and check that Conditional Display is on (it requires the Form widget).
In Elementor 4, add the Animation Addons Form widget and the fields your rules depend on (Radio, Select, Checkbox or Input).
Select the field, row, heading or paragraph that should appear or disappear, and click the branching-paths button on the Conditional Display row.
Choose the Action (Show or Hide) and Match (All or Any), then add a rule: pick the Field, an Operator and a Value. Use + Add Rule for more.
Click Save Conditions (an orange dot marks the element), test each path in Preview and publish. Remove all rules to turn the logic off.
Honest comparison
Elementor 4's Atomic Form (Elementor Pro) handles a standard contact form well, with email and webhook actions and stored submissions. Conditional logic was announced as future work and is not in the 4.3.3 form; that is the gap Conditional Display fills.
| Need | Elementor 4 Atomic Form | Animation Addons Form + Conditional Display |
|---|---|---|
| Plan needed | Elementor Pro | Form on Elementor Free; Conditional Display in Animation Addons Pro |
| Show or hide fields from other answers | Not in 4.3.3 | Yes, Show/Hide, All/Any, 7 operators |
| Hide whole rows and help text | Not in 4.3.3 | Rows, headings and paragraphs |
| Redirect after submit | Not in the 4.3.3 action list | Redirect action (free) |
| Stored submissions | Collect submissions, viewed in WP Admin | Form Submissions screen in WP Admin (free) |
Compared with Elementor 4.3.3 (September 2026).
Who it's for
The people who get the most out of it, and what they use it for.
With different questions for new and returning clients.
Qualifying leads with shorter briefs.
Asking enterprise questions only to larger accounts.
Handling delivery and collection in one order form.
FAQ
Elementor 4's Atomic Form, which needs Elementor Pro, does not include conditional logic as of version 4.3.3. Animation Addons fills the gap: its Form widget works on Elementor Free, and the Conditional Display extension in Animation Addons Pro adds show and hide rules to fields, rows, headings and paragraphs, with All or Any matching and seven operators.
Add the Animation Addons Form, select the field that should appear and open its Conditional Display row. Set Action to "Show this field when…", pick the earlier field, choose an operator such as Is and type the triggering answer. Save Conditions and test in Preview. Conditional Display is part of Animation Addons Pro.
No. With Animation Addons Conditional Display, a hidden field never blocks submission, even when set to Required, and its value is not sent. The server re-evaluates the same rules, so validation and stored submissions match what the visitor actually saw.
Animation Addons keeps the form runtime inactive on the Elementor canvas so every field stays visible and editable while you design. Conditional Display rules run on the published page and in Preview. An orange dot on the Conditional Display row shows which elements have rules.
Animation Addons Conditional Display needs the Animation Addons Form widget and an active Animation Addons Pro licence. It works only with fields, rows and text inside that form, because the rules, hidden-field handling and server check are built into its runtime, so Elementor's Atomic Form and other form plugins are not supported. Rebuild the form with the free Animation Addons Form first.
With Conditional Display, revealed fields fade in over 0.18 seconds, and Animation Addons skips the fade when the visitor's device asks for reduced motion. Form scripts load only on pages that contain a form, and fields stay real HTML controls that keyboards and screen readers can use.
More answers in the FAQ · Documentation · Free vs Pro
Pairs well with
What works well with Conditional Display on the same page or template.
Visitors see only the questions that apply; you receive only the answers you need.
Not ready for logic yet? Start with the free Animation Addons Form on Elementor Free.
