> For the complete documentation index, see [llms.txt](https://docs.makerobos.com/frontman-enterprise-chatbot-platform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.makerobos.com/frontman-enterprise-chatbot-platform/story-builder/cards/plugin-cards/hubspot-crm.md).

# Hubspot CRM

## **About Hubspot** 

HubSpot's easy-to-use CRM takes minutes to learn and allows you to track every detail of your business relationships — all in one place. Project manage your entire sales pipeline and organize and respond to all your customer support issues.

## **What we Offer** 

The HubSpot Plugin Card takes this a step further by enabling effortless integration between your Frontman application and your HubSpot CRM. This streamlines your workflow and eliminates the need to switch between different platforms, saving you valuable time and effort.

## Walkthrough of Connecting Hubspot and Frontman

* In Frontman, find the Hubspot CRM card and drag and drop it to the story builder and hit the "Connect" button.
* Click on "Install App" and it will redirect you to Hubspot Login Page where you can create a new account or sign in using your "Email ID" and "Password". <https://app.hubspot.com/login>
* After successfully connecting, Set fields in the "Hubspot CRM Block" you dragged in the story builder and run the chatbot.
* Submitted entries will appear in Hubspot CRM's "Contacts" section.

## A. How to Integrate HubSpot CRM in Frontman -

1. **Sign in to HubSpot:** Begin by logging into your HubSpot account or create a new account. Once you sign in succesfully it will redirect you back to our frontman account

{% embed url="<https://app.hubspot.com/login>" %}

<figure><img src="https://3746379134-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FamP4egBrOsuezKyj1NQl%2Fuploads%2FvZ8TL0uGmSdgR2NgQgy8%2Fimage.png?alt=media&amp;token=bf3f23cd-36e5-47d0-b550-65fddddf366a" alt=""><figcaption></figcaption></figure>

2. **Establish Connection:** Once you've dragged the HubSpot CRM plugin for Frontman, navigate to the plugin's settings and locate the "Connect" option.

<figure><img src="https://3746379134-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FamP4egBrOsuezKyj1NQl%2Fuploads%2FeoC8lMlG1nGnJqTiffgr%2Fhubspot5.png?alt=media&amp;token=1077c455-8db3-446f-9f05-583fadeeb5cc" alt=""><figcaption></figcaption></figure>

3. **Connect using Credentials:** To establish the connection, click on "Install App" and It will redirect you to hubspot login page where you can enter your HubSpot CRM Email and password.&#x20;

<figure><img src="https://3746379134-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FamP4egBrOsuezKyj1NQl%2Fuploads%2F89Jt76AUmO28ccbbJjB3%2FGroup%20199.png?alt=media&amp;token=6a467dd0-35f5-4fb4-b11e-f8be78a4d4f4" alt=""><figcaption></figcaption></figure>

4. **View and Manage Settings:** After successful connection, you can access and modify the connection details using the "View Settings" button

<figure><img src="https://3746379134-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FamP4egBrOsuezKyj1NQl%2Fuploads%2FlTstNqSFw0Wxwlb0Gdrl%2Fhubspot%2012.png?alt=media&amp;token=2dbe6c1e-8714-4e7e-a22a-157bcad38551" alt=""><figcaption></figcaption></figure>

5. **Select Fields:** There are two ways to choose the data fields for synchronization between Frontman and HubSpot CRM. You can either manually select the specific fields you want to sync (e.g., Email, Phone No., Name, custom fields). Alternatively, you can leverage existing user attributes within Frontman to pre-populate corresponding fields in HubSpot CRM, simplifying data collection.

<figure><img src="https://3746379134-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FamP4egBrOsuezKyj1NQl%2Fuploads%2FXa56d89NelQMHOF3V5B2%2FScreenshot_120.png?alt=media&amp;token=c14debbd-a0d4-4813-8bc4-2634ba448528" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3746379134-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FamP4egBrOsuezKyj1NQl%2Fuploads%2FBHGzMMPKCLd6yIWeeuZp%2FScreenshot_118.png?alt=media&amp;token=3e1211a0-a35b-4116-88cf-0c1aae248859" alt=""><figcaption></figcaption></figure>

{% content-ref url="/pages/zFy1Veslzw6WZHIxShUT" %}
[User Attributes](/frontman-enterprise-chatbot-platform/audience/user-attributes.md)
{% endcontent-ref %}

6. Once the connection and field selection are complete, run your chatbot as usual. Data collected through Frontman interactions will be automatically synced with your designated Hubspot CRM fields, keeping your CRM data up-to-date. You can view it in "Contacts" section of your CRM

<figure><img src="https://3746379134-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FamP4egBrOsuezKyj1NQl%2Fuploads%2F6UjBQXtnMeRFjAjEepA8%2Fhub.png?alt=media&amp;token=940286a5-ac51-48fa-a8b8-49b90ed715c2" alt=""><figcaption></figcaption></figure>

<br>