How to Configure HubSpot

To install the addon, go to JetFormBuilder > Addons and find the “HubSpot Integration” addon in the All Available Addons section. Press the “Install Addon” button and, once installed, it will appear on Your Installed Addons. Next, click “Activate Addon” to get it ready for further work.

As you can see, all PRO version addons can be installed and activated through JetFormBuilder Dashboard.

After the plugin is activated, a new settings section titled HubSpot API will appear in JetForms > Settings. To create a connection between HubSpot’s CRM platform and JetFormBuilder forms, you need to create an API key or use Enable OAuth 2.0. Let’s check each of them.

Go to the HubSpot website and create an account. If you already have a Stripe account, log into it.

Fill out the registration form and confirm your account by following a link in the email you received from HubSpot. You’ll be asked to create a password. Do so to finish the profile creation process.

Next, click on the cog-shaped button next to your profile name in the right corner of the top toolbar. You will be taken to the User Preferences page. In the left sidebar, click on the Integrations drop-down and then press “API Key”. To obtain a HubSpot API key, click on the “Create key” button and confirm you are not a robot.

Now, copy that key and proceed to JetForms > Settings. Find the HubSpot API tab and click to open it. Paste the copied key to the API key field; then press the “Save” button.

Now, follow the JetForms > Forms directory. If you’ve got a form you would like to link with HubSpot, open it. If not, click on the “Add New” button.

We prepared a detailed tutorial on how to enable the OAuth 2.0 authorization type. Please follow the link to read it.

In the right sidebar, click on the JetForm tab and open the Post Submit Actions section. Hit the “New Action” button and choose the “HubSpot” option from the drop-down list.

Press the edit button with a pencil-shaped icon on it and you will see the Edit Action window. You can paste the API key to the API Key field manually or enable the Use Global Settings toggle to pre-fill it. Then press the “Validate API Key” button.

Afterward, you will see the full list of the HubSpot action settings. Let’s go through them now.

• Retry request. After you send the request to the server and validate the API key for the first time, the “Validate API Key” button label will be changed to “Retry request”. Use this button to check the key’s validity and update the connection between HubSpot’s CRM and your website;
• Associated company. A drop-down Select field storing the names of the companies registered in the HubSpot account. This field may contain multiple company names;
• Contact owner. A drop-down Select field where you need to pick the owner that was registered under this specific company;
• Lifecycle stage. A drop-down list of static user roles such as Subscriber, Lead, Marketing Qualified Lead, Sales Qualified Lead, Opportunity, Customer, Evangelist, and Other. You can assign the role to a specific contact manually. For more details on lifecycle stages, please read this tutorial;
• Fields Map. This section contains the fields that have to be filled from the form that the user submits. Only the Email field is required, the rest of the fields can be left empty. To create a connection between the form field and the user’s field in HubSpot, choose the corresponding form field in the drop-down list next to each Fields Map item.

Once you are done setting the HubSpot action, press the <span=”font-weight-bold”>“Update” button. Now, when the user submits the form, the new subscriber will appear in the Contacts list of your HubSpot account.</span=”font-weight-bold”>