Style your form

After adding your form fields, you can set up conditional logic to hide or show relevant fields, or redirect visitors to other HubSpot pages based on their previous responses.

For each form, you can add up to 30 rules with 10 conditions per rule.

To set up conditional logic on your form: 

• In your HubSpot account, navigate to Marketing > Forms.
• Create a new form or hover over an existing form and click Edit. 
• In the top left, click the githubBranch logic icon.
• In the left panel, click Add logic.
• In the logic section, configure your conditional logic rules. For example, if you filter by City and select is any of Dublin the conditional logic rule will only apply to records with the value Dublin.
  
• To delete a filter, click the deletee delete icon. 
• To clone a filter, click the duplicate clone icon. 
• To add additional filters to the rule, click add Add filter to this group.
• To add an additional group to the rule, click add Add group. 
• If you’ve added multiple filters or groups to the rule, click the AND OR dropdown menu between the filters and groups to apply AND or OR logic: 
  • AND: All filters in the rule must be true for the rule to be triggered. 
  • OR: Only one filter in the group must be true for the rule to be triggered. Learn more about AND or OR logic. 

• In the Then section, click the dropdown menu to select on-form actions. You can choose from the following:
  • Show a field: if the user's responses match the criteria set in your rules, show a specific field. 
  • Hide a field: if the user's responses match the criteria set in your rules, show a specific field. 
  • Skip to step: if the user's responses match the criteria set in your rules, skip to a specific step. To use this option, the form must have at least three steps. Learn more about adding form steps. 
  • Redirect to: if the user's responses match the criteria set in your rules, redirect them to a HubSpot page or an external URL. Users in a Sales Hub Enterprise or Service Hub Enterprise account can redirect forms to a meeting link on a scheduling page.

• Depending on the action selected, fill in the required fields. 
• To apply the conditional logic, Click Save and Activate. 

Manage conditional logic rules

• In your HubSpot account, navigate to Marketing > Forms.
• Create a new form or hover over an existing form and click Edit. 
• In the top left, click the githubBranch logic icon.
• To add another rule, click Add logic.
• To edit a rule, click the Actions dropdown menu and select Edit. 
• To delete a rule, click the Actions dropdown menu and select Delete.