[WordPress] 外掛分享： Conditional Fields for Elementor Form – Apply Conditional Logic

內容簡介

- Elementor 的條件邏輯是指在表單中添加條件以顯示或隱藏某些表單字段。
- Elementor 表單的條件字段是 Elementor 的一個外掛，它可以根據其他表單字段的條件輸入值動態顯示或隱藏表單字段。
- 基本上，它遵循「如果條件」邏輯。例如，如果條件 A 為真，則在 Elementor 表單中字段 XYZ 將可見或隱藏。
- 您還可以為單個字段設置多個條件。例如，只有在條件 A 和條件 B 都為真，或者其中之一為真時才會執行行動 XYZ。
- 注意：該外掛僅與 Elementor Pro 版本兼容，因為免費版的 Elementor 中沒有可用的表單小工具。
- 使用者友好：直觀且易於使用。
- 條件表單字段：使您的 Elementor 表單根據使用者輸入條件作出回應。
- 支持的字段類型：將邏輯應用於文本、電子郵件、電話、單選按鈕、多選框、選擇、日期、時間、URL 和數字表單字段類型。
- 多個條件：定義多個條件以進行高級控制。
- 全面的邏輯：在滿足所有或任何條件時顯示或隱藏相關字段。
- 沒有驗證錯誤：即使隱藏了必填字段，也可以無縫提交表單。

HTML Bulleted List:
<ul>
<li>Elementor 的條件邏輯是指在表單中添加條件以顯示或隱藏某些表單字段。</li>
<li>Elementor 表單的條件字段是 Elementor 的一個外掛，它可以根據其他表單字段的條件輸入值動態顯示或隱藏表單字段。</li>
<li>基本上，它遵循「如果條件」邏輯。例如，如果條件 A 為真，則在 Elementor 表單中字段 XYZ 將可見或隱藏。</li>
<li>您還可以為單個字段設置多個條件。例如，只有在條件 A 和條件 B 都為真，或者其中之一為真時才會執行行動 XYZ。</li>
<li>注意：該外掛僅與 Elementor Pro 版本兼容，因為免費版的 Elementor 中沒有可用的表單小工具。</li>
<li>使用者友好：直觀且易於使用。</li>
<li>條件表單字段：使您的 Elementor 表單根據使用者輸入條件作出回應。</li>
<li>支持的字段類型：將邏輯應用於文本、電子郵件、電話、單選按鈕、多選框、選擇、日期、時間、URL 和數字表單字段類型。</li>
<li>多個條件：定義多個條件以進行高級控制。</li>
<li>全面的邏輯：在滿足所有或任何條件時顯示或隱藏相關字段。</li>
<li>沒有驗證錯誤：即使隱藏了必填字段，也可以無縫提交表單。</li>
</ul>

外掛標籤

開發者團隊

原文外掛簡介

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 (<), greater than or equal to (>=), 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.

延伸相關外掛

Conditional Fields for Contact Form 7此外掛可以讓您的 Contact Form 7 表單加入條件式邏輯。 當您...CubeWP FormsCubeWP Forms是一個完全免費的WordPress外掛擴充，可作為Cube...Conditional If/Then/Else Smart Tags for WPForms總結： Conditional If/Then/Else Smart Tags for WPForms 透...FlexCheckout – Smart Checkout Manager for WooCommerceFlexCheckout 是一款專為 WooCommerce 設計的智能結帳管理外...