HubSpot is a CRM platform with all the software, integrations, and resources you need to connect marketing, sales, content management, and customer service that offers a convenient live chat widget for users to implement on their site.
In order to integrate Hubspot as a live chat contact provider you need to provide a Widget Id
.
Locating the Widget Id
- First, log into your Hubspot account
- Before you can create a live chat, connect a chat channel to the conversations inbox. The chat channel is where you can customize your team's availability and the appearance of the widget.
- In your HubSpot account, navigate to Conversations > Chatflows.
- In the upper right, click Create chatflow.
- Select Website.
- In the left sidebar, select the live chat option.
- Once you’re happy with your custom widget configuration, it’s time to install the live chat widget in HelpKit
- To locate your unique widget id, we need to look at the tracking code snippet.
- You can find your installation snippet under Tools > Inbox > Inboxes
![Notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ff64bbc73-e8bd-4141-a982-72ad1cc6e105%2FUntitled.png?table=block&id=cc163504-7e00-405c-a2b1-8ef2f9509e5e&cache=v2)
10. Locate and copy just the Widget Id
without the .js appendix - just the number.
![Notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F6019ba04-2d35-4356-bdab-b12c0aa9b944%2FUntitled.png?table=block&id=4746fa95-c7c0-4004-ae0e-687ef6fb371b&cache=v2)
11. In the HelpKit dashboard go to Settings/Integrations/Contact Integration
12. Select Hubspot
13. Enter the code in the Widget Id
field
14. Optionally, you can also change the Region
of your widget
15. Hit save
![Notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F18258d37-9fbd-4fce-bc34-d5ad16d4111a%2FUntitled.png?table=block&id=eee19cd6-2fe9-4088-a4b1-d5b9bd6acf2f&cache=v2)
16. Tada 🥳
If you are having trouble finding the App ID please refer to Hubspot's article on how to find it.