Use dependent form fields

With dependent fields, you can display additional fields based on visitors' responses to a previous field. For example, if your business is a bakery, you can ask visitors if they like cake and, if so, ask what flavor of cake they like.

Before you get started

• Dependent fields can only be used with regular forms, they cannot be used with pop-up forms.
• Only existing fields can be used as dependent form fields. If you're using a new field as your dependent field, you will need to create the new field before you begin.
• You can only add dependent form fields to a regular form field. You cannot add an additional level or layer to a dependent form field. For example, you cannot add an additional dependent form field to an existing dependent form field.

Add dependent fields to a form

• In your HubSpot account, navigate to Marketing > Forms.
• Create a new form or hover over an existing form and click Edit. 
• In the form preview on the right, hover over the field that you want to add dependent fields to, then click the edit pencil icon. 
• In the left panel, click the Logic tab and scroll to the Dependent fields section.

• Click the If [property] dropdown menu and select the targeting rule for your dependent field. The options in this dropdown menu vary depending on the field type.
• Click the second dropdown menu and select the values that should trigger the dependent field. 
• Click the then show dropdown menu and select the dependent field that should appear if the criteria is met.
• Click Add.
  
  
  

• To add additional dependent fields to this field, click + Add another rule. This allows you to show different fields for different responses.
  

• Dependent fields will appear in the form preview with a dotted line to the field they're dependent on. Click Open dependent fields to view the field.