How to Use Conditional Logic in Simple Form – Show or Hide Fields Dynamically

🎯 Introduction #

Conditional logic makes your forms smarter by showing or hiding fields based on user selections.
With Simple Form by wpazleen, you can easily use conditional logic in Simple Form without coding.

This guide walks you through enabling, setting conditions, and creating dynamic form behavior.

---

⚙️ Step 1: Open Form Editor #

1. Go to WordPress Dashboard → Simple Form → All Forms.
2. Click Edit on the form you want to modify.
3. You’ll be inside the Form Editor, where each field is customizable.

---

🧩 Step 2: Enable Conditional Logic for a Field #

1. Click on the pen icon of the field you want to control.
2. Scroll to the section labeled Conditional Logic.
3. Check the box “Enable Conditional Logic.”

---

⚙️ Step 3: Define Conditional Actions #

Once enabled, you’ll see:

• Action Dropdown – choose “Show” or “Hide.”
• Conditions Section – where you can add condition rules.

Click + Add Condition to define rules.

Example:

• Field: Email
• Condition: Equals demo@gmail.com
• Action: Hide the “Phone Number” field

This means when a user enters “demo@gmail.com,” the Phone field will be hidden.

---

💡 Pro Tips #

• Combine multiple conditions for complex logic.
• Use equals, not equals, or contains for flexible triggers.
• Test your form thoroughly to ensure smooth behavior.

Learn more about UX-driven form design on UX Planet- Conditional Logic Design

---

✅ Summary #

Using conditional logic in Simple Form helps create personalized user experiences, reduce unnecessary fields, and increase conversion rates all without writing a single line of code.