As you create a form in the updated forms editor, you can preview its design and behavior before publishing. The preview shows how visitors will experience the form, including multi-step navigation, conditional logic, and required fields. This helps you confirm layout, validate logic, and review the lead capture flow without generating submissions.
For example, when creating a multi-step form, you can switch between steps, test conditional logic, and confirm how the form displays on desktop, tablet, and mobile devices.
If you're using with a form created in the legacy form editor, learn how to preview your legacy form.
Permissions required
Forms permissions are required to create, edit, or preview forms.
-
In your HubSpot account, navigate to Marketing > Forms.
- Create a new form or hover over an existing form and click Edit.
- In the upper right of the form editor, click Preview. The form opens in desktop preview mode by default.
- To preview the form on different device types, at the top, click the tablet tablet icon or mobile mobile icon.
- To preview a specific step in a multi-step form, in the upper left, click the Preview Step dropdown menu. Then, select the step you want to view.
- To preview the form in a new tab, in the upper right, click Open in a new tab.
- To share the preview with collaborators, in the upper right, click Copy link.
- To test visitor behavior, complete fields or progress through form steps within preview mode. Forms cannot be submitted in preview mode, and no submission data is collected.
- To return to the form editor, in the upper left, click Exit Preview, then continue editing or publish your form.
Please note: if you're using form shortening, the form preview will only display the Email field initially. Once the visitor enters their email address, enrichment data is checked to determine which additional fields need to be shown.
Forms
