Ask AI

HubSpot Chat

HubSpot Chat allows to add a chat widget on your site to connect with site visitors at any time.

Creating a Chatflow

To add a chat widget to your Softr app, you first need to create a chatflow in your HubSpot account to be able to receive messages. To do that, go to Conversations => Chatflows => Create chatflow.

Creating a Chatflow
Creating a Chatflow

In the next step, choose Website.

Choosing the “Website” option
Choosing the “Website” option

Then select Live chat.

Selecting the “Live chat”option
Selecting the “Live chat”option

Next, select the Inbox and a Language for the chatflow, and hit Create. You can find more info on configuring these and other parameters of the chatflow here.

Selecting Inbox and Language
Selecting Inbox and Language

Lastly, you enter the edit page where you can customize your chatflow, and, as soon as you are done, enable it in the upper right corner of the page.

Enabling chatflow
Enabling chatflow

So, your chatflow is ready, and you can go ahead and add the tracking code in your Softr app to start displaying the chat widget to your visitors.

Getting the Tracking Code

Go to Settings in your HubSpot account.

Accessing settings
Accessing settings

Scroll down to Tracking Code and copy the Embed code.

💡
The location of the tracking code can be different depending on your HubSpot subscription plan. Check out this article for more details.
Getting the tracking code
Getting the tracking code

Adding the tracking code in Softr studio

In Softr Studio, go to Settings => Integrations => HubSpot Chat, and enter the Tracking Code.

Adding the tracking code in Softr
Adding the tracking code in Softr

Save the Settings, republish your app, and you're done. Now, the chat widget should start appearing on your site.

HubSpot chat widget added
HubSpot chat widget added
Did this answer your question?
😞
😐
🤩

Last updated on December 6, 2022