# HubSpot Form

Enhance your lead management by integrating Distro with your HubSpot forms. This integration enables you to book meetings with qualified inbound leads and connect them with the appropriate team member.

### Configure Your HubSpot form to be Distro Compatible

#### In HubSpot

{% stepper %}
{% step %}
Log into your HubSpot account.
{% endstep %}

{% step %}
Find the form you wish to integrate with Distro

<figure><img src="/files/mKNkxBkoIItFF1QSuvop" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Select “Edit form” located at the top right of the page

<figure><img src="/files/reo0bnh7DfLSFvhLyywD" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Navigate to the “Options” tab.

<figure><img src="/files/LjuMsVedvFkFH5FLZg4g" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
In the “**What should happen after someone submits this form?**” section, select **Display a thank you message**.

<figure><img src="/files/8eCeAgFheednR1tohbUv" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Identify the form ID in the URL, located after “/editor” and before “/edit” – this will be needed in Distro.

<figure><img src="/files/cTGHuIe2AZ5gHsxhHpg5" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Confirm your changes by clicking “Update.”
{% endstep %}
{% endstepper %}

#### In Distro

### How to Map your HubSpot Form to Distro

{% stepper %}
{% step %}
Set up your Form Router
{% endstep %}

{% step %}
Type your HubSpot form selector ID as the form selector when mapping your web form fields

{% hint style="success" %}
If your HS Form ID is **3c2cf1b6-c45d-47c2-a02d-cce792b37595**

Then your Selector ID is **hsForm\_3c2cf1b6-c45d-47c2-a02d-cce792b37595**
{% endhint %}
{% endstep %}

{% step %}
To identify the appropriate form field names, navigate to the form editor and select the desired field by clicking on it

<figure><img src="/files/r4xd2PQngfWDTtZztuKK" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
In the form mapping interface, enter the previously copied field name in the left input box and associate it with the corresponding Hubspot field by selecting it from the options available on the right side.

<figure><img src="/files/x5Yy2tLc9ZcIYdYeCxUA" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### Adding the Form Router to Your Web Page

{% stepper %}
{% step %}
Navigate to the "Install Router" section for the form router you wish to implement

<figure><img src="/files/AVvncsSTSBoyAAVlIi9f" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Copy the provided code snippet
{% endstep %}

{% step %}
Paste the code snippet onto your webpage or landing page, where the HubSpot form is embedded, just before the closing tag
{% endstep %}
{% endstepper %}

### &#x20; <a href="#step-1-set-up-your-form-in-hubspot" id="step-1-set-up-your-form-in-hubspot"></a>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.distro.so/routing-forms/hubspot-form.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.