Hide or show form steps with conditional logic

Use conditional logic in your multi-step forms to manage which steps are displayed based on a visitor’s responses. This helps you show only the steps that are relevant to the visitor, based on the information they provide. For example, on an event registration form, you can hide or show steps based on the visitor's selected event.

Once a visitor completes the relevant steps, any hidden steps will be skipped so they can submit the form and continue to the form's thank you message.

Before you get started

Before you use this feature, review the requirements and key considerations to hide or show form steps with conditional logic.

Requirements

• To access this feature, a Super Admin must opt your account into the Enhanced multi-step form logic (hide & show steps) beta.
• To hide or show form steps with conditional logic, your form must have two or more steps. Learn more about adding form steps.

Limitations and considerations

Please note: the Skip to step form action is being deprecated. If your form is actively using conditional logic to skip form steps, the existing logic will continue to hide your form steps. When editing an existing form’s logic, it’s recommended to replace the Skip to step action with Hide steps or Show steps. 

Hide or show form steps

1. In your HubSpot account, navigate to Marketing > Forms.

2. Create a new form or hover over an existing form and click Edit.
3. In the form editor, click the workflows Logic icon in the left sidebar.
4. In the sidebar editor, click Add logic.

5. In the Rule section, click the If field dropdown menu and select the form field that the rule will be applied to.
6. Click the operator dropdown menu and select the operator (e.g., Is any of or Has a value). 
7. Click the options dropdown menu and select or enter form field options.
8. To add another filter or filter group, click Add filter to this group or Add group. Learn more about adding filters to conditional logic.

9. Click the Then dropdown menu and select an action:
   • Hide steps: form steps will be hidden from the visitor if they meet the conditions.
   • Show steps: form steps will be displayed for the visitor only if they meet the conditions. If the visitor doesn’t meet the conditions, the selected steps will stay hidden on the form.
10. Click the Select steps to [action] dropdown menu and select the checkboxes next to each step you want to hide or show.
11. To apply your conditional logic, click Save and Activate. Learn more about adding conditional logic to your forms.