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

# Map Fillout fields to integrations

> Set form fields and values to send to Notion, Airtable, and other integrations.

## Overview

One of the most important parts of connecting to a database or integration is connecting your form fields so they’re actually sent to your database or tool when the form is submitted.

## Automatic field mapping

Fillout automatically pulls in the columns or fields from your database or integration and turns them into form fields. Once you link an integration, those **connected fields appear in the left-hand panel**, ready for you to drag and drop into your form.

<img src="https://mintcdn.com/fillout-005a867b/jIhoDCLzYPnt2MVv/images/Screenshot2025-11-14at11.40.08AM.png?fit=max&auto=format&n=jIhoDCLzYPnt2MVv&q=85&s=29b5088a60896d257553e3db7cd60f04" alt="Screenshot 2025-11-14 at 11.40.08 AM.png" width="2617" height="1440" data-path="images/Screenshot2025-11-14at11.40.08AM.png" />

When someone fills out the form, their responses go straight into the matching row or field in the connected integration.

<img src="https://mintcdn.com/fillout-005a867b/jIhoDCLzYPnt2MVv/images/Screenshot2025-11-14at3.24.14PM.png?fit=max&auto=format&n=jIhoDCLzYPnt2MVv&q=85&s=c612f0e9a9f3f7a776004b1dfb703575" alt="Screenshot 2025-11-14 at 3.24.14 PM.png" width="2300" height="484" data-path="images/Screenshot2025-11-14at3.24.14PM.png" />

## How to map fields manually

Follow this if you made a Fillout form with fields before connecting to an integration, or if you want to map newly added fields after connecting to one.

<Steps>
  <Step title="Link your Fillout form to an integration">
    If you haven't already, click `Integrate` from the top menu and connect your form to [Airtable](/airtable), [Notion](/notion), [HubSpot](/hubspot), or [other integrations](/integrations).
  </Step>

  <Step title="Map form fields">
    In **Mappings**, `+ Add new` integration field on the left and select the corresponding Fillout field on the right.

    <img src="https://mintcdn.com/fillout-005a867b/jIhoDCLzYPnt2MVv/images/Screenshot2025-11-14at2.30.48PM.png?fit=max&auto=format&n=jIhoDCLzYPnt2MVv&q=85&s=b87d4c1ada3bd3cc2986f6b82ab48670" alt="Screenshot 2025-11-14 at 2.30.48 PM.png" width="1682" height="748" data-path="images/Screenshot2025-11-14at2.30.48PM.png" />

    **or Connect fields**

    Click a field's <Icon icon="gear-complex" iconType="solid" /> to open the right-hand panel where you'll connect it to a column in your database or a field in your integration.

    <img src="https://mintcdn.com/fillout-005a867b/jIhoDCLzYPnt2MVv/images/Screenshot2025-11-14at2.34.20PM.png?fit=max&auto=format&n=jIhoDCLzYPnt2MVv&q=85&s=9e2722775bf5a3d902e57edf339923ba" alt="Screenshot 2025-11-14 at 2.34.20 PM.png" title="Screenshot 2025-11-14 at 2.34.20 PM.png" style={{ width:"97%" }} width="2105" height="796" data-path="images/Screenshot2025-11-14at2.34.20PM.png" />
  </Step>

  <Step title="Publish and share">
    Once you've mapped the necessary fields, click `Publish` on the upper right corner, then share or embed your form.
  </Step>
</Steps>

## Updating fields and options

If you’ve edited connected fields, added or deleted options, added more fields, or made any changes to your integration, simply click <Icon icon="arrows-rotate-reverse" iconType="solid" size={13} /> to reflect the changes on Fillout.

**On the left-hand panel**

<img src="https://mintcdn.com/fillout-005a867b/jIhoDCLzYPnt2MVv/images/Screenshot2025-11-14at3.50.53PM.png?fit=max&auto=format&n=jIhoDCLzYPnt2MVv&q=85&s=3d1f893f2e4c555c393a819c28a3a481" alt="Screenshot 2025-11-14 at 3.50.53 PM.png" title="Screenshot 2025-11-14 at 3.50.53 PM.png" style={{ width:"31%" }} width="398" height="224" data-path="images/Screenshot2025-11-14at3.50.53PM.png" />

**On the Integrate page**

<img src="https://mintcdn.com/fillout-005a867b/jIhoDCLzYPnt2MVv/images/Screenshot2025-11-14at3.49.59PM.png?fit=max&auto=format&n=jIhoDCLzYPnt2MVv&q=85&s=250ce150985448493eeeec8a0a9743fc" alt="Screenshot 2025-11-14 at 3.49.59 PM.png" width="1647" height="208" data-path="images/Screenshot2025-11-14at3.49.59PM.png" />

## Other Mappings

You might want to send additional information to Airtable, Notion or other integrations when a respondent submits your form, other than your form fields. Fillout lets you map all of the ff:

* <Icon icon="link" iconType="solid" /> - [URL parameters](/url-parameters)
* <Icon icon="calculator" iconType="solid" /> - [calculations](https://www.fillout.com/help/calculations#pre-fill-fields-with-a-calculation)
* <Icon icon="calendar" iconType="solid" /> - [custom dates](/pre-fill-dates)
* <Icon icon="user" iconType="solid" /> - [enriched emails](https://www.fillout.com/help/lead-enrichment#how-to-enrich-emails) with company information
* <Icon icon="pen-to-square" iconType="solid" /> - [static values](/integration-static-values) including [fields from a pre-fetched record](/pre-fetch-data)
* <Icon icon="file-lines" iconType="solid" /> - [answers to another Fillout field](/answer-piping) including [respondent info from a login step](/login-page)

You can create a field, and [pre-fill](/prefill-fields) it with a value, then connect to your integration.

Click `Integrate` on the top menu and follow **step 2** above. For example, let's connect a URL parameter. We'll select the relevant Notion column on the left followed by the email parameter on the right.

<img src="https://mintcdn.com/fillout-005a867b/jIhoDCLzYPnt2MVv/images/Screenshot2025-11-14at3.45.00PM.png?fit=max&auto=format&n=jIhoDCLzYPnt2MVv&q=85&s=4397c7874807d1c312b0689c844c8215" alt="Screenshot 2025-11-14 at 3.45.00 PM.png" title="Screenshot 2025-11-14 at 3.45.00 PM.png" style={{ width:"98%" }} width="1712" height="748" data-path="images/Screenshot2025-11-14at3.45.00PM.png" />

## Related articles

<CardGroup cols={3}>
  <Card title="Pre-fill fields" color="#FFC738" icon="fill" iconType="solid" href="/prefill-fields">
    Pre-populate fields based on previous inputs and more.
  </Card>

  <Card title="Login page" color="#FFC738" icon="key" iconType="regular" href="/login-page">
    Require respondents to verify their email, key in a password, or use SSO.
  </Card>

  <Card title="Pre-fetch dynamic data" color="#FFC738" icon="arrow-turn-down-right" iconType="regular" href="/pre-fetch-data">
    Fetch info from a tool before your form loads.
  </Card>
</CardGroup>
