Conditional Logic

Conditional display lets you show or hide fields based on the value of another field. For example, you can show a "Company Name" field only when someone selects "Business" from a customer type dropdown. This keeps your forms clean and relevant.

The following field types can be used as controlling fields for conditional logic:

• Select (dropdowns)
• Radio buttons
• Checkboxes
• Hidden fields

You set the controlling field ID and the specific value that triggers visibility.

Conditional logic is available on Growth and Pro plans. It's gated by the conditionalLogic feature flag. Free and Starter plan users will need to upgrade to use this feature.

Select a field in the builder and open its settings. Look for the Conditional Display section. Choose the controlling field (the field whose value determines visibility) and enter the value that should trigger this field to appear.

Fields that are hidden by conditional logic are automatically excluded from the submission data. So if a visitor never sees a field because the condition wasn't met, that field's data won't be included in the submission or sent to integrations.

On the storefront, conditional fields start as hidden (display:none). JavaScript monitors the controlling field's value and shows the dependent field when the condition is met. The attributes data-conditional-field and data-conditional-value drive this behavior.