Customize the layout of your form fields

Learn how to customize the layout and structure of your forms. You can add content between and customize the order of your form fields.

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 > Forms.
• Hover over your form and click Edit, or create a new form.
• If you're using the updated form editor: 
  • In the top left, click the + add icon.
  • In the left panel, click Other. 
  • Click and drag the Paragraph (RichText) field type onto the form preview on the right to include it on your form.
  • In the left panel, click Edit in expanded view: 
    • Use the toolbar to customize the content by formatting the text or adding links and images.

• • • Once you're done, click Back to form. 

• • In the top right, click Review and update to publish your form updates.

• If you're using a legacy form: 
  • Click the Create new tab on the left panel. 
  • From the Create New tab of the left panel, click and drag the Paragraph (RichText) element between the desired form fields.
     

 

• • In the right panel, click the Rich text area element.

• • In the left panel, edit the text:
    • Use the toolbar to customize the content by formatting the text or adding links and images.
    • To link or unlink the rich text from existing fields, click Detatch rich-text from input field. 

• • In the top right, click Update to publish your form updates.
     

Change the order of options in a form field

If you're using a form field with multiple options, like a dropdown select property, you can reorder the options. Learn more about available choosing options.

• In your HubSpot account, navigate to Marketing > Forms.
• Hover over your form and click Edit, 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 dragHandle dotted lines to the left of a field option, then click and drag the option to the desired position.
• To sort the options alphabetically, click sortAlpAsc Sort. 
• In the top right, click Review and update to publish your form updates.
   
   

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 > Forms.
• Hover over your form and click Edit, or create a new form.
• If you're using the updated form editor, click and drag the form field to see placement options.
• If you're using the legacy form editor, click and hold the dotted lines to the left of a field to see placement options.
• To place it next to a field on a line, drag it to one of the available spaces on that line.
• In the top right, click Review and update to publish your form updates.

Please note: progressive fields (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.