Setting up an API Connection with HubSpot

Do you want to store and manage leads captured using the Lead Generation element or a Thrive Leads form? You can connect them with HubSpot, a customer relationship management tool.

In this article, we’ll show you how to connect Thrive Themes with HubSpot, so you can pair it up with the Lead Generation element or Thrive Leads to capture, store, and manage leads.

Finding the HubSpot Access Token

The HubSpot access token is an authentication code used to identify and verify an account or a user when you want to connect it with another tool.

Therefore, the first thing you’ll need to connect your Hubspot account to the Thrive Dashboard is the HubSpot access token.

To find the access token, log into your HubSpot account, click on the gear icon in the top bar.

Open settings in your HubSpot account

On the Settings page, click on Integrations in the left column.

Open Integrations in HubSpot settings

Under HubSpot Integrations, click Private Apps.

Click on Private Apps under Integrations in HubSpot

On the Private Apps page, create a new private application by clicking the Create Private App button on the top right.

Create a new private app in HubSpot

Clicking the button will take you to a page asking for basic information about the application you want to create.

Under Basic Info, enter the Application name, a logo you want to use and a description that tells you what this application is all about.

After you enter the basic information, click the Scope tab to set the scope of the application.

Fill the basic information for private app in HubSpot and then click the Scope tab.

Under the Scope tab, proceed to create a new scope by clicking the + Add new scope button.

Click the button to add new scope in HubSpot app

When you choose to add a new scope, you’ll see a slide in where you have to select the scope/scopes you want to add for this application.

The scopes you select here will determine what exactly your app can do in HubSpot. Please ensure you select only the necessary scopes here.

Since we are integrating HubSpot with Thrive products so we can manage leads and use it as a CRM, ensure that you enable the read and write permissions for crm.lists.

After you enable crm.lists.read, crm.lists.write, and any other scope you want to add, click the Update button.

Add scopes to the HubSpot private app

When you click Update, you’ll see the scopes added under the Scope tab.

Newly added scopes in HubSpot app

After you’ve selected the scopes, click the Create App button on the top right.

Finally create app with all the basic info and scopes

Clicking the Create App button will display a popup informing you about an access token that will be generated and displayed in the next popup. It also recommends you not to share this access token with anyone.

To proceed and view the access token, click Continue creating.

Choose to continue creating app with the info

After completing this final step, you’ll see a popup with the access token on it. On this popup, click Show token to view the token and then Copy to copy it.

HubSpot app access token created and shown in the popup

Now, this is the access token you’ll need when you connect Thrive Dashboard to HubSpot.

Adding the HubSpot Access Token to the Thrive Dashboard

To proceed with the API connection between HubSpot and the Thrive Dashboard, it is important to enter the HubSpot access token.

To begin, open your WordPress admin area, navigate to Thrive Dashboard >> Thrive Dashboard, scroll down to API Connections, and click on Manage Connections.

Accessing the API connection screen in Thrive Dashboard

Clicking on Manage Connections will take you to the Active Connections page. On this page, scroll to the Add New Connection block and click on it.

Adding a new API connection in Thrive Dashboard

When you click to add a new connection, you’ll see a dropdown where you can select the app, HubSpot, that you want to connect to.

Select HubSpot to build API connection in Thrive Dashboard

Selecting HubSpot will let you select the version of HubSpot you want to continue with. Here, select Version 2 since Version 1 is deprecated.

To proceed with Version 2, enter the HubSpot access token obtained from the steps above.

Enter HubSpot access token to build version 2 API connection

When you enter the HubSpot access token, click the Connect button. This will display a message of a successful connection.

HubSpot successfully connected with Thrive.

Connecting HubSpot to a Lead Generation Element

After you’ve established a connection between HubSpot and the Thrive Dashboard, you can proceed to add the connection to a Lead Generation element you’ve used or plan to use.

Before we build a connection, please make sure you’ve added the Lead Generation element on a page or post using Thrive Architect. You can read our document to know more about the Lead Generation element.

Once you are ready with a post or page with the Lead Generation element on it, click on the element to see its options open in the left sidebar.

Click lead generation element to see options

In the Lead Generation options seen in the left sidebar, open Main Options and click on the Add Connection button. This will help you determine the application to which you’d like to send the leads.

Add new connection to lead generation element

After clicking on Add Connection, you’ll see a dropdown where you select the connection you want to add. In this dropdown, select HubSpot.

Select HubSpot to connect with lead generation element

When you select HubSpot, you’ll see another field down that asks you to select the list you want to use here.

Note: The Mailing list field here will show up all the Static lists created in your HubSpot account. If you don’t see a static list here, click the refresh button beside the dropdown. This will refresh the list for you.

HubSpot list selection

To select a HubSpot list, click the dropdown to choose a mailing list and select the list you want to use here.

Select HubSpot list for lead generation element

Once you select HubSpot and the list you want to connect to, click Apply.

Apply HubSpot connection to lead generation element

Connecting HubSpot to a Thrive Leads Form

To be able to connect HubSpot with Thrive Leads, you need to make sure you have a form created using Thrive Leads.

You can refer to our detailed documentation on how to create a form using Thrive Leads.

To be able to connect HubSpot with a Thrive Leads form, begin by opening your WordPress admin area, navigating to Thrive Dashboard >> Thrive Leads, and click on a Lead Group that contains the form you want to edit.

Select the lead group that contains the form

When you click on a Lead Group, it’ll display the form types created under it. To connect a specific form type, click on the “Pen” or Edit icon seen on the right side of the form name.

Edit the particular form type

When you choose to edit the form type, it’ll take you to a page where you’ll see the form/forms created under this form type.

On this page, click on the pen or edit icon seen on the right side of the form name.

Edit the Thrive Leads form

When you click to edit the form, it’ll take you to the editor where you can modify the form elements.

In the editor, click on the form and see its options in the left sidebar.

Form opened in the editor

In the left sidebar, open Main Options, and click on the Add Connection button so you can send your leads to a list you select.

Add connection to the Thrive Leads form

Clicking on Add Connection will show a dropdown. Click on this dropdown and select HubSpot to establish the connection.

Select HubSpot t connect to Thrive Leads form

When you select HubSpot, you’ll see another field down that asks you to select the list you want to use here.

Note: The Mailing list field here will show up all the Static lists created in your HubSpot account. If you don’t see a static list here, click the refresh button beside the dropdown. This will refresh the list for you.

HubSpot mailing list selection field

To select a HubSpot list, click the dropdown to choose a mailing list and select the list you want to use here.

Select the HubSpot list you want to integrate Thrive Leads to

Once you select HubSpot and the list you want to connect to, click Apply.

Apply HubSpot integration with Thrive Leads form

We’ve just seen how you can establish an API connection between Thrive Dashboard and HubSpot and use it in a lead generation element and a Thrive Leads form on your website.

Next, if you want to trigger Thrive Lead forms based on where a user comes from, read more about SmartLinks in Thrive Leads.

Was this article helpful?

Related Articles

>