Set Up Clearbit Enrichment for HubSpot Forms on a HubSpot Website
Last Updated: May 24, 2022
❗Disclaimer: If you signed up after Feb 15, 2022, please follow these instructions on Set Up Clearbit Forms for HubSpot.
Forms Enrichment is a powerful tool to dramatically increase the conversion of your HubSpot Forms. It comes in two flavors:
- Autofill - Automatically populates fields in a form with Clearbit data based on your Field Mapping settings when a user types their email.
- Form Shortening - Hides all Form fields until a user types in their email. Any field that could not be autofilled is shown to the user to fill in.
To begin setting up Clearbit Enrichment for HubSpot forms, go to hubspot.clearbit.com/enrichment and scroll to the bottom of the page. There, you will find two steps to complete.
1. Confirm Whether jQuery is Installed on Your Site.
Open your browser's developer tools and navigate to the JavaScript console. In Chrome, you can do this by right-clicking the page, selecting Inspect, and going to the Console tab. Type a $ sign into the console, and press Enter.
If you see "undefined", then jQuery is not added to your site and you need to follow jQuery's docs to get it added there.
If you see something like "ƒ (e,t){return new m.fn.init(e,t)}", then jQuery is added to your site and you can proceed with Step 2.
2. Copy/Paste Clearbit's Form Enrichment Snippet into the Header of your HubSpot Site.
Next, you'll see a JavaScript snippet that you need to paste it into the header section of your HubSpot website. It looks like this:
- Click Copy code.
- In HubSpot, click edit on the website or landing page you want to work on.
- Go to the Settings tab, scroll down and expand Advanced. There, you will find a Head HTML section in Additional code snippets.
- Paste the snippet you copied there and save.
📝 Please note: You will need to add this snippet to the header of each HubSpot site containing a HubSpot form that you want Clearbit to enrich.
3. Enable Autofill or Form Shortening
Now that you're set up, you can return to hubspot.clearbit.com/enrichment and toggle Autofill or Form Shortening on/off. These settings apply the same to all Forms that you enabled by pasting the two scripts on your site. If don't want to enable Autofill or Form Shortening for some Forms but not all, be sure to remove the javascript snippets from the pages with those Forms.
Articles in this section
- Build a Dashboard in Google Analytics To Track Reveal Data
- Build a Pipeline Acceleration Campaign on Facebook with Prospect Audiences
- Build an Account-Based Retargeting Campaign on Facebook
- Clearbit for Marketo: Database Enrichment Troubleshooting Guide
- Connect HubSpot to Clearbit
- Customize your Destination Messages with Liquid Templating
- Generate More ICP Leads at a Lower Cost with Facebook Prospecting
- How to Build a Report in Salesforce with Clearbit
- How to Create a Job Change Report in Salesforce
- How to Install, Uninstall and Test Clearbit in a Salesforce Sandbox