.svg?alt=media&token=22229f15-f796-4c11-a928-049c59e13a36)
HubSpot
Last updated
Was this helpful?
Last updated
Was this helpful?
UI Bakery allows you to easily connect to HubSpot CRM with no need for additional layers like APIs and third-party services.
Migrating from API key to a private app
HubSpot has deprecated API keys and they are now replaced by private apps. Therefore, if you haven't done it already, you will need to update your configuration.
Now, you can proceed to connecting your data source - follow the steps below:
On the Data sources page, click Connect, and select HTTP API in the Data sources list.
First, give your data source a name and specify the following Base URL - https://api.hubapi.com/.
Next, specify the header and the access token you copied in the previous section - Authorization: Bearer YOUR_ACCESS_TOKEN - in the Headers parameter.
Finally, click Connect Datasource to complete the setup.
Once you have established the connection between UI Bakery and HubSpot, you can access its data, for example, load it and send it back.
Sample flow could be as follows:
Create a new action, select your HubSpot data source - the HTTP Request action will be selected automatically.
Next, configure your API URL, for example, /crm/v3/objects/contacts.
(Optional) Turn on the Transform result toggle and specify the following code to be able to display your data in a Table, since HubSpot returns an object instead of a collection:
That's it! Now you can display your data and send it back to HubSpot. These additional articles may be useful:
You will have to create a private app first following the instruction in . Once the app is created, you need to copy your access token.
To interact with HubSpot API in UI Bakery, you'll need to use the action step and configure the HTTP parameters based on HubSpot documentation - for example, at .
