Send Live Chat Leads to Hubspot

LiveChat to HubSpot Integration Guide

With Syncspace, you can automatically send new entries from your Live Chat directly to your Hubspot CRM (Contacts) no coding or technical skills required. Your chat data flows seamlessly from one platform to the other.

Just follow the steps in this guide, and your Live Chat submissions will start showing up in SendGrid automatically.
It’s fast, simple, and saves you time.

Prerequisites:

• You have access to both a LiveChat account and a HubSpot account.
• You are logged in to both platforms.

Step 1 Click on App Credentials

Step 2 Create a New Credential

Step 3 Configure App details

• Add your App Name
• Select HubSpot from the Dropdown

Step 4 Add your HubSpot Access Token and click Verify then save

Need help creating credentials? Click here for the guide.
If you’ve already done that, continue below to create the space.

Step 5 Click on Add Space to create a new space

Step 6 Select your Source App from the dropdown

• Choose LiveChat

 

Step 7 Copy the Webhook URL generated for LiveChat

Step 8 Steps to Verify a Webhook in LiveChat

Log in to your LiveChat account and go to the Dashboard.

• On the left-side menu, scroll down and click on “Apps”.

• At the bottom left under Apps, click on “Automate with Webhooks“

Step 9 Click the "Add Webhook" button to generate new Webhook

Step 10 A pop-up will appear paste your webhook URL in the "Target URL" field

• Click the “Save” button.
• Your webhook will be verified (LiveChat will send a test request to confirm it).

Step 11 From the dashboard's sidebar Menu, go to Settings and then click on Forms.

Under the Menu, select Pre-Chat to access the page.
Note: For capturing lead data, it is recommended to enable pre-chat form from the livechat dashboard as shown below

Step 12 Start a Demo Chat Session using LiveChat

• Enter visitor name and email

Step 13 End the chat session to send data to the integration platform

Step 14 Go back to the integration platform and click Verify Webhook, then click Continue

Step 15 Select your Target App from the dropdown

• Choose Hubspot

Step 16 Choose "Contacts" as the model for HubSpot.

Step 17 Select the HubSpot account you created earlier while setting up your app credentials.

Step 18 Click on the "Save and Map Fields" button

Step 19 Match LiveChat fields to HubSpot fields

Example: Name → Full Name, Email → Contact Email, Message → Notes

Step 20 Choose how you want to save your space

You will see two buttons: Save as Draft and Save and Activate.

• Click Save and Activate, your space will be saved and activated automatically.

• Click Save as Draft, This will save your space, but it won’t be active. You can activate it later by following the next steps.

Step 21 From the Action Column, click to Activate Your Space

Step 22 Start another Demo Chat Session using LiveChat

Step 23 End the Chat Session

Step 24 Log in to your HubSpot account → Go to the CRM module → All Contacts List

• You should see the new contact or record created from chart data