Last updated: January 30, 2023
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 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.
