> For the complete documentation index, see [llms.txt](https://help.distro.so/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.distro.so/routing-forms/hubspot-form.md).

# 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
