# Overview

<figure><img src="https://2442454418-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQA3GQNrIYVrPQ90NBwRa%2Fuploads%2FJqz8QryBspbstQCDYKbi%2FConfetti%20Shapes%20(1).png?alt=media&#x26;token=e9522b1f-909d-41d7-a445-001437cee50a" alt=""><figcaption></figcaption></figure>

Form field mapping in Distro connects your web form fields to your routing system, enabling intelligent meeting distribution based on the information your prospects provide.

{% hint style="success" %}
When you integrate Distro with your web forms, it simply listens for form submissions to trigger the scheduling experience. This means:

* Your form continues to function exactly as before
* Distro only activates the scheduling widget when a form is submitted
* No interference with your current form setup or data collection processes
  {% endhint %}

### How to map your web forms

{% stepper %}
{% step %}
Navigate to **Form Routers** in the sidebar
{% endstep %}

{% step %}
Select "Forms"
{% endstep %}

{% step %}
Click "+ New Form"

<figure><img src="https://2442454418-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQA3GQNrIYVrPQ90NBwRa%2Fuploads%2FjwnlnlqX4l5N8tlMmRg1%2FCleanShot%202025-01-10%20at%2014.29.45%402x.png?alt=media&#x26;token=38ef2e21-7004-42c5-9773-e7e68d24e05d" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Enter a title for the form

* Enter a unique, descriptive name for your form
* This name will be used for identification within Distro
* Example: "Marketing Website Contact Form"

<figure><img src="https://2442454418-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQA3GQNrIYVrPQ90NBwRa%2Fuploads%2FPplPyBEYp6gHv5J8OG1c%2FCleanShot%202025-01-10%20at%2014.40.21%402x.png?alt=media&#x26;token=a373615d-a703-4cc1-a1d8-0b9886a2a02a" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Enter the form selector

View how to integrate the different forms below
{% endstep %}

{% step %}
Map the different fields between your form and your crm fields
{% endstep %}
{% endstepper %}

### Supported Forms

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><a href="custom-html-form">Custom HTML form</a></td><td></td><td></td><td><a href="custom-html-form">custom-html-form</a></td></tr><tr><td><a href="hubspot-form">HubSpot form</a></td><td></td><td></td><td><a href="hubspot-form">hubspot-form</a></td></tr><tr><td><a href="marketo">Marketo</a></td><td></td><td></td><td><a href="marketo">marketo</a></td></tr></tbody></table>
