Forms

Customize the layout of your form fields

Last updated: July 24, 2020

Applies to:

All products and plans

Learn how to customize the layout and structure of your forms.  

Add content between form fields

You can add text, links and images between fields in your HubSpot form by inserting a rich text area element.

  • In your HubSpot account, navigate to Marketing > Lead Capture > Forms.
  • Hover over your form and click Actions > Edit form. Or create a new form.
  • In the left panel, Create New Field section, drag and drop the Paragraph (RichText) element between the desired form fields.
drag-rich-text-area
  • In the right panel, click the Rich text area element.
  • In the left panel, edit the text in the editor. Use the toolbar to further customize the content, such as formatting the text or adding links and images.
  • In the top right, click Publish to update the live form.

Please note: to add text between the form's last field and the submit button, add a hidden field to the bottom of your form. Then, add a rich text area element above it.

Change the order of options in a form field

  • In your HubSpot account, navigate to Marketing > Lead Capture > Forms.
  • Hover over your form and click Actions > Edit form. Or create a new form.
  • In the right panel, click the field to change the order of its options.
  • In the left panel, under the Field options section, click the dotted lines to the left of a field option, then drag and drop the option to the desired position.

  • In the top right, click Publish to update the live form.

Arrange form fields side by side

You can place a maximum of three fields side by side in a form.

  • In your HubSpot account, navigate to Marketing > Lead Capture > Forms.
  • Hover over your form and click Actions > Edit form. Or create a new form.
  • In the form editor, click, drag and drop a field to move it next to another form field.

  • In the top right, click Publish to update your live form. 

Please note: progressive profiling (Marketing Hub Professional or Enterprise only) cannot be applied to an individual form field in a row. When you make an individual field progressive, all other fields in the same row will automatically become progressive.

 

/forms/customize-the-layout-of-your-form-fields