> ## Documentation Index
> Fetch the complete documentation index at: https://fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Sync file uploads to Dropbox with a form

> Upload file submissions automatically to a Dropbox folder with your Fillout form. Optionally set a dynamic file path to categorize submissions into nested folders.

## What is Dropbox?

[Dropbox](https://www.dropbox.com/) allows users to store documents, photos, videos, and more in your personal cloud storage space, eliminating the need for physical storage devices.

## Video tutorial

<iframe src="https://www.youtube.com/embed/9btbb2SAtY0?feature=oembed" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy" scrolling="auto" width="100%" height="420" />

## How it works

<Steps>
  <Step title="Link your Fillout form to Dropbox">
    Go to `Integrate` from the top menu and click `Dropbox`.

    <img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/iDs8lNUK7TJTojmP/images/Screenshot2025-11-17at3.14.06PM.png?fit=max&auto=format&n=iDs8lNUK7TJTojmP&q=85&s=b4c6cd4580abddeefc9b563fd604a42f" alt="Screenshot 2025-11-17 at 3.14.06 PM.png" width="2618" height="1439" data-path="images/Screenshot2025-11-17at3.14.06PM.png" />

    <Warning>
      This integration is only applicable to **file uploads**. When creating your form, make sure you have at least one file upload field.
    </Warning>

    Add a name for your connection, then `Connect to Dropbox`.
  </Step>

  <Step title="Map form fields">
    Choose which **Folder** you would like to store the files in. Under **upload fields**, `+ Add new` and select a **file upload field** from your form.

    <img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/EDZ5NrQNXN0RrO9B/images/Screenshot2025-02-17at11.17.43AM.png?fit=max&auto=format&n=EDZ5NrQNXN0RrO9B&q=85&s=8b670c043bb43219b51b1f3c32c418e8" alt="Screenshot of the Fillout form creation page" width="2142" height="1167" data-path="images/Screenshot2025-02-17at11.17.43AM.png" />
  </Step>

  <Step title="Publish and share">
    Once everything is set, click `Finish setup` on the upper right corner. That's it! Your form's good to go. `Publish` to reflect changes and share the link.
  </Step>
</Steps>

## Add a dynamic file path

Categorize file uploads into folders based on respondent input. Toggle the `Custom subfolder and file name?` switch, then select a **Folder path fragment**. Enter text or click <Icon icon="square-plus" iconType="solid" /> to [map a field](https://www.fillout.com/help/additional-integration-mappings#how-to-map-fields-manually) in your form. Let's choose "Name" for this example.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/EDZ5NrQNXN0RrO9B/images/Screenshot2025-02-17at11.18.52AM.png?fit=max&auto=format&n=EDZ5NrQNXN0RrO9B&q=85&s=5d46803f9597b767504307b57c73fcc7" alt="Screenshot of the Fillout form creation page" width="1466" height="686" data-path="images/Screenshot2025-02-17at11.18.52AM.png" />

Now, when a respondent submits a form, their file upload will be stored in a folder under their Name. This means every respondent will have their own folder.

## Add subfolders

You can add a subfolder by typing **/** followed by a name of your choice.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/EDZ5NrQNXN0RrO9B/images/Screenshot2025-02-17at11.20.45AM.png?fit=max&auto=format&n=EDZ5NrQNXN0RrO9B&q=85&s=ac2a2c4f74ca365ff77be5245c0b9f72" alt="Screenshot of the Fillout form creation page" style={{ width:"58%" }} width="807" height="155" data-path="images/Screenshot2025-02-17at11.20.45AM.png" />

## Personalized filename prefix

Similar to the steps above, enter text or click <Icon icon="square-plus" iconType="solid" /> to [reference a form field](https://www.fillout.com/help/additional-integration-mappings#how-to-map-fields-manually).

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/EDZ5NrQNXN0RrO9B/images/Screenshot2025-02-17at11.21.31AM.png?fit=max&auto=format&n=EDZ5NrQNXN0RrO9B&q=85&s=b5be466df154fcf8653446d712328eab" alt="Screenshot of the Fillout form creation page" width="1434" height="602" data-path="images/Screenshot2025-02-17at11.21.31AM.png" />

## Related articles

<CardGroup cols={3}>
  <Card title="Upload files to Google Drive" icon="google-drive" iconType="regular" color="#FFC738" href="/google-drive">
    Automatically upload files with a form.
  </Card>

  <Card title="Sync files to Microsoft OneDrive" icon="cloud-arrow-up" iconType="regular" color="#FFC738" href="/microsoft-onedrive">
    Automatically upload files with a form.
  </Card>

  <Card title="Sync responses to Monday" icon="columns-3" iconType="regular" color="#FFC738" href="/monday">
    Use a form to create leads and more.
  </Card>
</CardGroup>
