The user interface of the "Lead Generation" element has been upgraded! Please, check out the changes here, before using the element.
Thrive Themes products connect to HubSpot through their API. Follow the video below to learn how this is done:
If you are looking for a way to connect the e-mail marketing services of HubSpot to one of your Thrive Themes forms, then this article might be helpful to you.
Here are all the necessary steps for creating and using an API connection with HubSpot:
Get the HubSpot API keys
The first thing you need to do is to log into your HubSpot account. Next, look for the "Settings" gear icon in the top right corner of the navigation bar, and click on it:
This will take you to the settings page of your account, where you'll need to click on "Integrations" from the left sidebar:
Click on "API Key" in the drop-down list that opens:
If you have already set up a key, then you'll be able to copy it directly from the new page that opens.
However, if this is the first time you are trying to access the API key, you'll first have to click on "Create key":
And next, for security reasons, you'll have to confirm the API key access before actually obtaining the key:
Once you do that, the key will be created:
Add the keys to your Thrive Dashboard
The next step of the process is setting up the connection in your Thrive Dashboard. In order to do that, go to the Thrive Dashboard section of your WordPress admin dashboard:
In the new window that opens, scroll down until you see the "API Connections" card, and click on "Manage Connections":
In order to connect to HubSpot, you'll next have to click on "Add new connection":
Next, open the drop-down list to view a full list of available services you can choose from. Scroll through the list until you find HubSpot, or type in the name in the search field:
Once you have selected HubSpot, you'll be asked to insert the API key previously copied from your account:
Paste the key in the field and click on "Connect":
You'll receive a success notification once the connection was created. Click on "Done" to return to the API manager:
Your HubSpot connection card will become visible in the dashboard, alongside three additional options that you can use to test, edit, or remove the connection:
Connecting HubSpot to a "Lead Generation" element
After the API connection with HubSpot has been created, you will be able to connect "Lead Generation" forms to your account.
Open the page or post on which you want to add your form, and look for the “Lead Generation” element in the right sidebar:
Drag and drop the element to your page, and choose a template from the library:
The "Main Options" of the element will appear in the left sidebar, so you can start using them to customize the "Lead Generation" element as you best see fit:
We have created a dedicated article about how to use all of these options, which you can find linked here.
1. Add Connection
Next, you need to check if the "API" button is selected next to the "Connection" section of your left sidebar:
Afterward, click on the blue “Add Connection” button:
A drop-down list will appear in your sidebar, where you can look for the HubSpot connection. Click on the drop-down list to open it:
And next search the HubSpot field and select it:
The next drop-down list that appears in the sidebar is the mailing list. Select one of the mailing lists that you've previously set up in your HubSpot account:
Keep in mind that when you create the mailing list in your HubSpot account, you'll have the option of choosing between an active list and a static list.
For this integration to work properly, make sure you select a static list:
Once you've set up everything, click on "Apply" and return to the main options sidebar:
2. Set up the form fields
The next step in the process is setting up the form fields for your opt-in form:
The fields showing up here might be different depending on what template you have chosen for your form. However, you can add, edit or remove them at any time from the left sidebar options.
We do have a separate section dedicated to setting up these fields, so make sure to read it in the article linked here.
When you have finished with customizing your left sidebar options, make sure to save all the changes by clicking on the green "Save Work" button from the bottom left side of the screen:
Connecting HubSpot to Thrive Leads
If you want to connect one of your Thrive Leads opt-in forms with HubSpot, you can do that as well.
In order to do that, you first have to access the Thrive Leads section, from your Thrive Dashboard:
Next, look for the lead group which has the opt-in form you want to use for this connection, and click on it to view the full list of forms:
Click on "Edit" next to the form you want to access (in this example a "Widget"):
This will open a list with all the "Widget" type of forms. Look for the one that you want to add the connection to, and click on "Edit Design":
The Thrive Architect editor will open, and you can select the "Lead Generation" element from the template you have chosen for this form:
The "Lead Generation" options will appear in the left sidebar. The way to set up the HubSpot connection for a Thrive Leads opt-in form is exactly as described above for the "Lead Generation" element:
Now whenever someone fills in one of these forms, you should be able to find them in the "Lists" section of your HubSpot account.
If you need more information about various Thrive Themes features or products, make sure to check out our articles and tutorials, here.
I hope this article was useful to you. If that's the case, don't forget to leave a smile below :)