> ## Documentation Index
> Fetch the complete documentation index at: https://help.revenuehero.io/llms.txt
> Use this file to discover all available pages before exploring further.

> Connect your form submissions directly to your inbound routing workflows.

# HubSpot Form Mapping

# Integrating Hubspot forms with RevenueHero

Integrating HubSpot forms to RevenueHero is essential for form submissions to be instantly captured, qualified, and routed to the right sales rep. It lets you use form field inputs as routing conditions and trigger the right scheduling flow based on the rules you set up in the inbound router.

## How to Map HubSpot Form in  RevenueHero

## In HubSpot

<Steps>
  <Step title="&#x22;Show thank you message&#x22; upon form submission">
    Ensure the form you’d like to integrate with RevenueHero is set to **Show thank you message** upon submission. You can set this up while creating the form, or to check if an existing form is set up appropriately:

    * On your HubSpot portal, navigate to **Marketing** -> **Forms**
    * Hover over the name of the form → Click **Edit**
    * Navigate to **Contents**
    * Scroll down to **On Submit**
    * Set it to **Show thank you message**

          <img src="https://mintcdn.com/revenuehero/w3YyFLoEbOXKvV7M/images/hbspt_show_thank_you_message.png?fit=max&auto=format&n=w3YyFLoEbOXKvV7M&q=85&s=98c3a46bd170be9cd3c781a17dca44aa" alt="Setting up Show thank you message on form submission in HubSpot" width="1470" height="798" data-path="images/hbspt_show_thank_you_message.png" />
  </Step>

  <Step title="Save changes">
    **Save** your form settings or **Review and update** if you made any changes to an existing form.
  </Step>
</Steps>

You have now completed the setup required in HubSpot. Next, you’ll map this form to a RevenueHero inbound router.

## **In RevenueHero**

<Steps>
  <Step title="Set Up Inbound Router">
    [Set up your inbound router](create-inbound-router).
  </Step>

  <Step title="Identify Selector Id">
    You can find the Selector ID of the HubSpot form you want to map in two ways.

    <Tabs>
      <Tab title="From your HubSpot portal">
        * Click on the form you want to map, the URL contains the **Form Id**. 

                  <img src="https://mintcdn.com/revenuehero/6V5wW19NTDxn35wU/images/form_id_from_url.png?fit=max&auto=format&n=6V5wW19NTDxn35wU&q=85&s=ce7e64726370cf8a63cf2e98140d8768" alt="URL field highlighting the Form Id" width="2940" height="1592" data-path="images/form_id_from_url.png" />
        * Construct the **Selector ID** by prefixing **hsForm\_** to your Form ID

                  <Tip>
                    If your Form ID is\
                    `9918da4c-d12f-47e6-9131-4f938a372ae1`\
                    Then your Selector ID is\
                    `hsForm_9918da4c-d12f-47e6-9131-4f938a372ae1`
                  </Tip>
      </Tab>

      <Tab title="From your form-embedded page">
        * Go to the webpage where your HubSpot form is embedded.
        * Right-click → Select **Inspect Element**
        * Click the **Element Selector** in the developer panel.
        * Select the first field on your HubSpot form.
        * In the developer window, locate the HubSpot selector ID (format shown below).

                  <img src="https://mintcdn.com/revenuehero/6V5wW19NTDxn35wU/images/formId_from_inspect_console.png?fit=max&auto=format&n=6V5wW19NTDxn35wU&q=85&s=beffcaaef6f256bdcfee523b287c7354" alt="Gathering Form ID from webpage" width="2292" height="598" data-path="images/formId_from_inspect_console.png" />
      </Tab>
    </Tabs>
  </Step>

  <Step title="Map the Form Fields">
    In the **Map Form Fields** panel, add all your mandatory fields and any other form field that will be used in the distribution logic.

    * Make sure to map the **Form field name** and **Contact field in HubSpot** entries accurately.
    * **Form field name** is the combination of **"Object Type Id/Hubspot internaI name"**. **Contact field in HubSpot** is the name of the HubSpot property that is populated with the input from the field.
    * To find a field’s **HubSpot internal name:**
      * Click the field in the form.
      * Go to **Options** → Copy the **Internal name**

            <img src="https://mintcdn.com/revenuehero/FQI1leh6e183xdsB/images/Identify_hbspt_internal_name.png?fit=max&auto=format&n=FQI1leh6e183xdsB&q=85&s=54eca20d1f0e23f792ed05f45d773371" alt="Identify the Internal name of the connected field property on HubSpot" width="1470" height="798" data-path="images/Identify_hbspt_internal_name.png" />
    * Observe the **Object Type** to identify the relevant **Object Type Id**

          <Tip>
            Object Type IDs for the most common Object types are:

            * `0-1` → Contact objects
            * `0-2` → Company objects
            * `0-3` → Deal objects
          </Tip>
    * You now have the **Form field name** for all the fields you wish to map with the router by concatenating the **Object Type Id/HubSpot internal name**.

          <img src="https://mintcdn.com/revenuehero/w3YyFLoEbOXKvV7M/images/hbspt_new_form_mapping.png?fit=max&auto=format&n=w3YyFLoEbOXKvV7M&q=85&s=ad0772fb367389b1042e1fea25c2c0d5" alt="Mapping HubSpot fields to RevenueHero" width="2940" height="1598" data-path="images/hbspt_new_form_mapping.png" />
    * Once you are done adding all the relevant fields, hit **Save**. 🎉 You’ve successfully mapped your HubSpot form to RevenueHero!
  </Step>

  <Step title="See Your Router in Action">
    On your website or page containing the HubSpot form:

    * Copy the **Router Installation Snippet** from RevenueHero.
    * Paste the **Widget Installation Snippet** before the closing `</body>`**tag** .
    * Publish the page.
  </Step>
</Steps>

That’s it! Prospects who qualify through RevenueHero will now see the scheduler immediately after submitting your HubSpot form.
