Last updated: October 25, 2022
|All products and plans|
Use forms to gather important information about your visitors and contacts. In HubSpot, you can easily create forms to add to your HubSpot pages or external site.
To watch an overview of this process, check out the video below:
Create a form
To create a new form:
- In your HubSpot account, navigate to Marketing > Lead Capture > Forms.
- In the upper right, click Create form.
- To associate the form with a business unit (Business units add-on only):
- Click the Select a business unit dropdown menu.
- Select the business unit you want to associate this form with.
- Select your form type.
- In the upper right, click Next.
- In the left panel, select Blank template to start with a blank form or a pre-made template to start with a form with pre-selected fields for a specific use case. The form preview for a selected template will appear in the right panel. If you want to use a Support template, you'll need Account Access permissions.
- In the upper right, click Start.
- At the top of the form editor, click the edit pencil icon to edit the form name.
Add and edit form fields
Add form fields to collect information from your website visitors and contacts. You can also add rich text areas between form fields to add customizable text, create headers, or add spacing to your form.
If you're using a multiple checkbox, radio select, dropdown select, date, file upload, phone number, or blog subscription field, learn more about the additional customization options available with these field types.
Please note: by default, the Email field is required for form submissions to create contacts. HubSpot will check whether an email address is valid before allowing a user to submit the form. Learn more about allowing form submissions without email addresses to create contacts.
To add and edit form fields:
- In the left panel, use the search bar to search for an existing field, or browse through your property groups. The object type of the field added can determine whether the form submission appears on the activity timeline of associated records.
- To create a new property and use it as a field on your form, click the Create new tab.
- Select the form field type. If you’re creating a field where the visitor can select multiple options, the Checkboxes and Radio types will display all available options, while Dropdown will contain all options within a dropdown menu.
- In the right panel, set up your form field:
- Object type: select an object type. You can add Contact, Company, and Custom object fields. Ticket properties can be added if Automatic ticket creation is toggled on.
- Group: select a property group.
- Label: enter text to name the property.
- Description: enter text to describe the property. This is optional and can be left blank.
- Click Next.
- Review your property options and click Create.
- Click and drag fields onto the form preview on the right to include them on your form. Fields can be placed above, below, or next to other fields.
- To create a ticket from each form submission, toggle on the Automatic ticket creation switch in the Ticket Properties section. This will connect the form to your conversations inbox where your team can respond to customers' inquiries.
- To edit a field's display options, click the field in the form preview on the right.
- In the left panel, edit the field's options as needed. The options here may vary depending on the field's property type, learn more about the additional field customization options available.
- In the Basic tab:
- Label: the name of the field that will appear on the form.
- Help text: informational text below the field's label to help the visitor complete the field.
- Placeholder text: text that appears in the input box for the field. The text will disappear when the visitor enters a value in the field, and will not come through in the submission, even if the field is left empty.
- Default value: a value that will be submitted for the field by default unless changed by the visitor.
- In the Basic tab:
- Make this field required: when the checkbox is selected, the field must be completed to submit the form.
- Make this field hidden: when the checkbox is selected, the field will not appear on the form but can be used to pass values to contact properties for all submissions.
- In the Logic tab:
Customize your form options
From the Options tab, configure what happens after a form is submitted. You can configure submission settings, user notifications, the language for form and error messages, and more. Some options may not be displayed, depending on your HubSpot subscription.Customize the settings for your form as needed:
- Payment options: if you've set up the payments tool in HubSpot, you can collect payments with forms.
- Click to toggle the Collect Payments switch on.
- Click the Payment link dropdown menu and select a payment link.
- What should happen after a visitor submits this form: choose to display a thank you message to your visitors or redirect them to another page after they submit the form. This sets the action for forms embedded on non-HubSpot pages or shared as standalone pages only; it will not set or change the action for forms added to HubSpot pages.
- Set a lifecycle stage when a contact or company is created: click the Set lifecycle state to dropdown menu and select a lifecycle stage. When visitors submit a form, any new or existing records will be set to the selected lifecycle stage.
- You cannot move a record's lifecycle stage backward. If an existing contact or company with a later lifecycle stage submits a form, the lifecycle stage will not be updated.
- The lifecycle stage set in a form will overwrite the default lifecycle stage configured in your HubSpot settings.
Follow-up options: select the Send submission email notifications to the contact's owner checkbox to automatically send a notification to the contact's owner.
Send submission email notifications to: click the dropdown menu to select the default teams or individuals to send submission email notifications to, regardless of contact ownership. Recipients set here will be overwritten by recipients set in the form options on HubSpot pages.
- Campaign: to associate the form with a campaign in HubSpot, click the Campaign dropdown menu and select a campaign. To create a new campaign instead, select Create campaign. Learn more about working with campaigns in HubSpot.
- Form and error message language: select the language for default field labels and errors displayed to visitors when the form is filled out incorrectly.
- Always create contact for new email address: select this option to create a new contact record for every submission with a unique email address. If the email address submitted matches an existing contact record in your database, the details on the existing record will be updated.
- If this option is turned off, HubSpot will first attempt to associate the submission with an existing contact with the submitted email address. If no contact exists at that email address, HubSpot will recognize and update your contacts based on the cookies in their browsers. This may result in contacts being overwritten if the same form is submitted multiple times from the same device.
- If this option is turned on, when a contact submits the form using a different email on a browser where there is already a cookie, views will not be tracked for this contact. The Pre-populate contact fields with known values option will also be automatically disabled.
- Set contacts created as marketing contacts: if your HubSpot account has access to marketing contacts, you can automatically set any contacts created from this form as marketing.
- Add link to reset the form: select this option to allow visitors to remove any pre-populated fields on the form and to create a new contact on submission. When enabled, visitors can click a Not you? Click here to reset link that resets the form. This will also disable cookie tracking in the form submission, preventing any cookie overwrites.
- Pre-populate fields with known values: if a contact previously visited your site and submitted a form, and HubSpot was able to store and track their cookies, any known field values can be pre-populated on the form. This option is enabled by default, learn more about pre-populated form fields.
Style and preview your form
From the Style & preview tab, customize the styling of your form. A preview of the form will update in the right panel as you adjust the form's styles or test its features.
You can customize the following:
- Set as raw HTML form: if you have a Marketing Hub or CMS Hub Professional or Enterprise subscription, you can select this option to render the form as a raw HTML element rather than inside an iframe. Do note the following:
- Any HubSpot styling configured in the Style tab will be removed.
- The form should be styled with CSS in your external stylesheet.
- Input options: select one of four available themes for field and button styles.
- Style: customize the form's field width, fonts, and colors.
- Test: if you have progressive fields or dependent fields on this form, you can test how they'll appear to your visitors.
Use automations with forms
Use simple automation features such as sending a follow-up email to a contact or sending automatic internal email notifications with your forms. You can also use the form submission as a trigger in a simple workflow. Learn more about how to use automations with the forms tool.
- At the top, click the Automations tab. From the Automations tab, you can configure what happens after the form is submitted.
- In the Choose what happens after a form is submitted section, customize the settings for your form as needed.
- In the Create a simple workflow section, set up a simple workflow to automate follow-up actions such as sending an email or setting a contact property.
Publish your form
In the top right, click Publish to take your form live and make it available for use on HubSpot pages. You can also embed your form on an external website or share it as a standalone page.
Once a form has been published, it cannot be unpublished. If the form is embedded on an external page, you can manually remove the form embed code. However, the only way to disable the standalone form page is to delete the form.
After publishing your form, learn how to analyze your form submission data.
Thank you for your feedback, it means a lot to us.
Use non-HubSpot forms
Non-HubSpot forms are HTML forms on your external site that weren't created in HubSpot. When you install the ...Knowledge Base
Partition your HubSpot assets
Assets across HubSpot can be partitioned so that only the right teams and users can view and edit them. This...Knowledge Base
Add videos to your HubSpot content
With HubSpot video, you can upload videos to the files tool, then add them to pages, marketing emails, blog...Knowledge Base