Skip to content

Use dependent form fields

Last updated: June 28, 2023

Available with any of the following subscriptions, except where noted:

Marketing Hub Professional, Enterprise
Service Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Legacy Marketing Hub Basic

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

Before you get started, please note the following:
  • 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

To add a dependent field to a form: 
  • In your HubSpot account, navigate to Marketing > Lead Capture > 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.
     

 

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.