> ## 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.

# Address

> Collect addresses in your forms with separate input boxes for the street address, city, state/province, and postal code. Optionally add Google Maps Autocomplete.

export const SupportBanner = () => {
  const titleId = React.useId();
  return <div className="support-banner" role="region" aria-labelledby={titleId}>
      <span className="support-banner__ring support-banner__ring--outer" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--middle" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--inner" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--center" aria-hidden="true" />

      <div className="support-banner__content">
        <div className="support-banner__title" id={titleId} role="heading" aria-level="2">Still have questions?</div>

        <div className="support-banner__copy">
          <span className="support-banner__line">Our team is happy to help. Start a live chat using the</span>
          <span className="support-banner__line">
            chat bubble <span className="support-banner__chat-icon" aria-hidden="true" /> in the bottom right, or email us at
          </span>
          <span className="support-banner__line">
            <a href="mailto:support@fillout.com">support{'@'}fillout.com</a>
          </span>
        </div>

        <a className="support-banner__cta" href="mailto:support@fillout.com">Contact us</a>
      </div>
    </div>;
};

## How to add an address field

Simply drag the `Address` field from the left-hand panel.

<img src="https://mintcdn.com/fillout-005a867b/vXL9XRlNv0Lls7u6/images/Screenshot2025-10-02at6.15.36PM.png?fit=max&auto=format&n=vXL9XRlNv0Lls7u6&q=85&s=06a6eca425773cf02affc4b2acc09372" alt="Screenshot 2025-10-02 at 6.15.36 PM.png" width="2653" height="1434" data-path="images/Screenshot2025-10-02at6.15.36PM.png" />

Optionally allow users to choose a **Country**. Click its <Icon icon="gear-complex" iconType="solid" /> to open the right-hand panel and turn off the `Fixed country` switch.

## Use Google Maps Autocomplete

Increase conversion rates and address accuracy by enabling Google Maps Autocomplete. Click the address field followed by its <Icon icon="gear-complex" iconType="solid" /> and toggle the `Address autocomplete` switch in the right-hand panel at the bottom.

<img src="https://mintcdn.com/fillout-005a867b/bR7uzjTGxnYiCLB1/images/question-types/image-3.gif?s=8480db88db3c337225af6f7021850914" alt="Screenshot of the Form designer tab of a form" style={{ width:"53%" }} width="800" height="431" data-path="images/question-types/image-3.gif" />

<Info>
  Google Maps Autocomplete is currently available on [Conversion Kit](https://www.fillout.com/help/make-forms-that-convert). Contact [support@fillout.com](mailto:support@fillout.com) for details.
</Info>

## Dynamic address visibility

While the Address field can be shown conditionally or hidden always via its logic setting, it is treated as a single block. This means individual components (e.g., city, state, or postal code) cannot be hidden separately at the moment.<br />If you need more granular control over which address fields are shown, you can:

* Use separate input fields instead of the Address block, OR
* Apply [custom CSS](https://www.fillout.com/help/custom-css#use-custom-css-in-your-form) to selectively hide parts of the Address field.

## Mapping to Airtable, Notion and other databases

<Steps>
  <Step title="Add an Address field">
    Follow the [steps above](/help/address#how-to-add-an-address-field).
  </Step>

  <Step title="Select an integration">
    Click `Integrate` in top menu and choose [Airtable](https://www.fillout.com/help/airtable), [Notion](https://www.fillout.com/help/notion) or another [database](https://www.fillout.com/help/integrations#spreadsheet-%26-database).
  </Step>

  <Step title="Map fields">
    Under [**Mappings**](https://www.fillout.com/help/additional-integration-mappings), reference Airtable column fields from the left to Fillout form fields in the right.

    <img src="https://mintcdn.com/fillout-005a867b/bR7uzjTGxnYiCLB1/images/question-types/image-4.png?fit=max&auto=format&n=bR7uzjTGxnYiCLB1&q=85&s=cd0991ca6c74ce5bbc994efbf347c609" alt="Image 4 Pn" width="2060" height="702" data-path="images/question-types/image-4.png" />
  </Step>
</Steps>

<Note>
  When using an Update Record integration, address fields can’t be pre-filled into separate parts (Address, Address 2, City, State, Zip). A workaround is to set default values for each field from the existing record.
</Note>

<SupportBanner />