Use non-HubSpot forms
Last updated: October 20, 2020
Applies to:
All products and plans |
Non-HubSpot forms are HTML forms on your external site that weren't created in HubSpot. With the HubSpot tracking code installed on your external page, submissions to non-HubSpot forms will be collected in HubSpot. Some form builders and plugins are also supported.
Supported forms
For form submissions to be collected in HubSpot, your form must:
- be a static HTML form.
- be wrapped in HTML <form> tags.
- not be in an <iframe>.
- have an email input field.
If your form isn't capturing submissions, it's likely due to one of the following reasons:
- Form is not enclosed in
<form>
tags. - Form is contained inside
<iframe> tags.
- Form has JavaScript bound to the form submit event or submit button click event. This is how the tool captures submissions and any other events, and can prevent HubSpot from knowing when submissions occur.
- Form was introduced after the page completed loading. The tool scans the page as soon as it loads and listens to submissions on forms that were present at that point.
- Form contains a sensitive field, such as credit card number.
- Form contains hidden fields. The tool does not collect information from any hidden fields.
- The email field is not an email type input, as in: <input type="email">.
- The form isn't using a standard <input type="submit"> button for its form submission. A generic HTML <button> will prevent HubSpot from capturing submissions.
Enable or disable non-HubSpot forms
To enable or disable the collection of information from non-HubSpot forms on your pages:- In your HubSpot account, click the settings icon settings in the main navigation bar.
- In the left sidebar menu, navigate to Marketing > Forms.
- Click the Non-HubSpot Forms tab.
- Click to toggle the Collect data from website forms switch on/off to enable/disable non-HubSpot forms.
- If you have access to marketing contacts, click to toggle the Set new contacts created through non-HubSpot forms as marketing contacts switch on/off to set the default marketing status of these created contacts as marketing/non-marketing.
Once enabled, the tool will automatically start collecting submissions on your website as soon as submissions occur. The tool is able to identify your website's external forms based on the <form>
tag in the HTML code. The form submission data is stored in localStorage and then pushed back into HubSpot to either create a new contact or update
HubSpot will try to map form fields to existing contact properties in HubSpot using logic in the following order:
- field name with contact property internal name
- field label with contact property label
- field label with contact property internal name
- field name with contact property label
You can create form fields or labels to match HubSpot default properties or create a custom contact property to match the name or label of your form field.
If a corresponding contact property can't be detected for a form field, the data submitted won't be stored on the contact record. The details submitted for that form field will still be available in the form submission data.
all data submitted to non-HubSpot form fields will only match to single-line text field type properties in HubSpot. Non-HubSpot form fields cannot match with other field types.
Each time the submit button is clicked on your non-HubSpot form it will trigger a form submission in HubSpot. This includes instances where a user has not filled out all required fields and clicks the submit button, HubSpot will record this action as a form submission.
When disabled, submissions will no longer be collected on your non-HubSpot forms; however, all your pop-up forms and HubSpot forms will continue to generate submissions as they are separate tools.
Manage your non-HubSpot forms
- In your HubSpot account, navigate to Marketing > Lead Capture > Forms.
- In the upper left, click the Form type
dropdown menu and select Non-HubSpot. -
Hover over a non-HubSpot form and click the Actions dropdown menu to:
-
Rename: rename the form.
-
View Information: view the URL of the most recent page where a submission was collected for this form and the date of the first submission. Click Advanced information to show the selector for this form.
-
Edit email notifications: edit the form submission notification addresses.
-
Move: move the form into a folder.
-
Convert to HubSpot Form: convert the form into a HubSpot form.
-
Delete Form: remove the form from the forms dashboard. As non-HubSpot forms are not hosted on HubSpot, this will not delete the actual, live form on your external site.
-
Related content
-
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 -
Use HubSpot's integration with MailChimp
To add contacts who submit to your pop-up forms and non-HubSpot forms to your Mailchimp lists, you can...
Knowledge Base -
Auto-populate form fields with a query string
You can auto-populate field values in a form on a page by adding query strings to the page URL for the...
Knowledge Base