×

Hupspot form fields guide

How to Edit Form Fields in Hubspot Forms

Managing form fields effectively in Hubspot is essential for collecting accurate contact data and improving conversions. This guide walks you through editing fields, adjusting options, and configuring property settings in the Hubspot forms editor.

The steps below are based on the official documentation so you can configure your forms with confidence and keep your CRM data clean.

Access the Hubspot Forms Tool

To start working with form fields, you must first open the forms tool inside your Hubspot account.

  1. Log in to your Hubspot account.
  2. In the main navigation bar, go to Marketing > Forms.
  3. Locate the form you want to edit and click its name, or create a new form using the on-screen prompts.

Once the form editor loads, you will see a preview of the form on the right and a sidebar with fields and options on the left.

Add and Reorder Fields in the Hubspot Form Editor

Within the Hubspot form editor you can add new properties, reorder existing ones, and group fields to simplify the submission experience.

Add fields from the Hubspot property list

  1. In the left sidebar, browse the list of available properties or search by name or internal property ID.
  2. Drag a property from the sidebar into your form preview.
  3. Drop the field where you want it to appear on the form.

You can drag standard CRM properties such as Email, First name, and Company name, as well as any custom properties you have created in your Hubspot settings.

Reorder Hubspot form fields

  1. In the form preview, hover over the field you want to move.
  2. Click and drag the field up or down to a new position.
  3. Release when the indicator shows your desired placement.

Reordering fields lets you prioritize critical information and shorten the path to submission for your visitors.

Use field groups and columns

The Hubspot forms editor allows you to arrange fields into groups or multiple columns:

  • Drag a field next to another to create a column layout.
  • Drag fields into existing groups to keep related questions together.
  • Reposition groups as a single block to streamline the layout process.

This structure helps improve readability and can make longer forms feel less overwhelming.

Edit Individual Hubspot Form Field Options

Every form field in Hubspot has its own configuration panel. Here you can adjust labels, placeholders, help text, and validation rules so each property appears exactly as you need.

Open the field options panel

  1. Click the field inside the form preview.
  2. The left sidebar switches to show the field options for that property.

Changes you make update in real time in the preview so you can instantly see how the form will look to visitors.

Configure basic Hubspot field settings

For most field types, you can set:

  • Label: The text shown above or beside the form field.
  • Placeholder: Sample text inside the input that disappears when the user types.
  • Help text: Additional instructions or context shown beneath the field.
  • Required: A toggle to make the field mandatory before the form can be submitted.
  • Default value: Pre-filled content that can be kept or changed by the visitor.

These settings affect only how the property appears on this specific Hubspot form. They do not change the underlying CRM property definition.

Adjust choices for multiple-option fields

If the field is a dropdown, multiple checkbox, or radio select, you can edit the available choices directly from the form editor:

  1. Click the options list inside the field options panel.
  2. Add, rename, or remove choices as needed.
  3. Drag to reorder options or set a default choice.

When you save, your updated options will appear for all Hubspot forms that use the same property, because choices for multi-select fields are stored at the property level.

Use Dependent Fields in Hubspot Forms

Dependent fields in Hubspot let you show or hide follow-up questions based on earlier answers. This keeps forms shorter but still allows you to collect detailed data when relevant.

Create a dependent field rule

  1. Select the main field that will control visibility, such as a dropdown question.
  2. In the field options panel, find and enable the setting to add dependent fields or progressive logic, depending on the interface label in your account.
  3. Choose the value that will trigger the dependency, for example a specific dropdown option.
  4. Select the field or fields that should appear when that value is selected.

When visitors choose a qualifying value, the dependent fields appear instantly, allowing you to tailor the Hubspot form to each user's situation.

Best practices for Hubspot dependent fields

  • Use dependent logic only for questions that are clearly conditional.
  • Avoid creating deep chains of dependencies that are hard to maintain.
  • Test each path in the preview mode to confirm visibility works as intended.

Smart use of conditional fields helps reduce friction while still sending rich data into your CRM.

Manage Hubspot Form Field Mappings to Properties

Every form field in Hubspot is tied to a property so submitted data can be stored on the contact record.

Confirm which Hubspot property is used

  1. Select a field in the form preview.
  2. In the options panel, look for the property name that the field is mapped to.
  3. If needed, replace the field with a different property by dragging the correct property in from the sidebar.

Using the correct mappings ensures that workflows, lists, and reports relying on your Hubspot properties stay accurate.

When to edit the property versus the field

Decide whether you should change the property itself or just the form field:

  • Edit the form field when you want a unique label, help text, or placeholder only on this particular form.
  • Edit the property in settings when you need to change the core definition, such as field type, global options, or internal name.

Property-level changes apply to every Hubspot form and system view that uses that property.

Preview and Publish Your Hubspot Form

Before making your changes live, review how the form behaves for visitors.

Preview the form

  1. In the editor top bar, click Preview.
  2. Walk through the form as a visitor would, testing required fields, dependent logic, and default values.
  3. Check the layout on desktop and mobile views.

Make adjustments to field order, labels, or dependencies until everything is clear and consistent.

Publish or update the form

  1. When you are satisfied, click Update or Publish in the top right.
  2. Any pages or pop-ups already using the form will automatically reflect your new field configuration.

After publishing, submit a live test entry to verify that data appears correctly on a Hubspot contact record and that any workflows triggered by the form behave as expected.

Additional Hubspot Resources

For deeper reference on form fields and advanced options, consult the official documentation in the Hubspot knowledge base here: How to edit form fields.

If you need expert help optimizing your implementation, you can also work with a Hubspot-focused consultancy such as Consultevo to align your forms with your broader marketing and CRM strategy.

By carefully configuring fields, dependencies, and property mappings in Hubspot, you ensure your forms stay user-friendly while feeding reliable data into every campaign and report.

Need Help With Hubspot?

If you want expert help building, automating, or scaling your Hubspot , work with ConsultEvo, a team who has a decade of Hubspot experience.

Scale Hubspot

“`

Verified by MonsterInsights