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

# Webflow

> Import customer CSV data to your Webflow CMS.

The Webflow destination pushes the CSV and Excel files your users upload directly into a Webflow CMS collection.

## Set up the destination

<Steps>
  <Step title="Log in to CSVbox">
    Log in to [csvbox.io](https://app.csvbox.io/login).
  </Step>

  <Step title="Add a sheet">
    <Frame>
      <img src="https://mintcdn.com/csvbox-io/gyjvlPdP5mzE2jo9/images/image-25.png?fit=max&auto=format&n=gyjvlPdP5mzE2jo9&q=85&s=d14240679337fc10a71bd660e9620cce" alt="Add a sheet" width="371" height="159" data-path="images/image-25.png" />
    </Frame>
  </Step>

  <Step title="Add columns">
    Add columns to the sheet as per your requirement.

    <Frame>
      <img src="https://mintcdn.com/csvbox-io/gyjvlPdP5mzE2jo9/images/image-17.png?fit=max&auto=format&n=gyjvlPdP5mzE2jo9&q=85&s=578d53143729636d7a944f77e4fc2aaa" alt="Add columns to the sheet" width="640" height="696" data-path="images/image-17.png" />
    </Frame>
  </Step>

  <Step title="Select Webflow as the destination">
    Under the **Destination** section, for the **Send Data To** setting, select **Webflow**. Then click **Connect Webflow**.

    <Frame>
      <img src="https://mintcdn.com/csvbox-io/gyjvlPdP5mzE2jo9/images/connect-webflow.jpg?fit=max&auto=format&n=gyjvlPdP5mzE2jo9&q=85&s=4e750ab2c6ac706cfe1cdd80ea2a6efd" alt="Connect Webflow" width="567" height="609" data-path="images/connect-webflow.jpg" />
    </Frame>
  </Step>

  <Step title="Authorize the application">
    You are redirected to the Webflow CSVbox Integration Authorization screen.

    <Frame>
      <img src="https://mintcdn.com/csvbox-io/Fn747PbJ5U7GCAW2/images/webflow-auth.jpg?fit=max&auto=format&n=Fn747PbJ5U7GCAW2&q=85&s=7bf714f5cdfa28adb5e6727ed5104b82" alt="Webflow authorization" width="1147" height="461" data-path="images/webflow-auth.jpg" />
    </Frame>

    Select the site where you want the CSV data to be pushed, then click **Authorize Application**.
  </Step>

  <Step title="Pick the site and collection">
    Go back to your CSVbox sheet and pick the Webflow site and the collection from the list.

    <Frame>
      <img src="https://mintcdn.com/csvbox-io/l4j5cgTPiOdRvWQ3/images/webflow-site-selection.jpg?fit=max&auto=format&n=l4j5cgTPiOdRvWQ3&q=85&s=15d21c7be3c6a400a801723a96fa8f00" alt="Select site and collection" width="565" height="556" data-path="images/webflow-site-selection.jpg" />
    </Frame>
  </Step>

  <Step title="Map columns">
    Click **Map Columns** and map the sheet columns to the Webflow CMS collection fields.

    <Frame>
      <img src="https://mintcdn.com/csvbox-io/gyjvlPdP5mzE2jo9/images/col-mappings.jpg?fit=max&auto=format&n=gyjvlPdP5mzE2jo9&q=85&s=46ab57d8e27223d5f146f9f38191d573" alt="Column mapping" width="797" height="671" data-path="images/col-mappings.jpg" />
    </Frame>
  </Step>

  <Step title="Save the sheet">
    Click **Save**.
  </Step>
</Steps>

The CSVs uploaded by your users are now pushed to the Webflow CMS.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.