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.

Screen_Shot_2021-03-22_at_3.04.37_PM.png

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.

Screen_Shot_2021-03-22_at_3.03.16_PM.png

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:

Screen_Shot_2021-03-22_at_3.14.02_PM.png

  • 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.