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

# Webflow

> Integrate your application with the Webflow API

## 🚀 Quickstart

Connect to Webflow with Nango and see data flow in 2 minutes.

<Steps>
  <Step title="Create the integration">
    In Nango ([free signup](https://app.nango.dev)), go to [Integrations](https://app.nango.dev/dev/integrations) -> *Configure New Integration* -> *Webflow*.
  </Step>

  <Step title="Authorize Webflow">
    Go to [Connections](https://app.nango.dev/dev/connections) -> *Add Test Connection* -> *Authorize*, then log in to Webflow. Later, you'll let your users do the same directly from your app.
  </Step>

  <Step title="Call the Webflow API">
    Let's make your first request to the Webflow API (list the sites in the connected Workspace). Replace the placeholders below with your [Environment API key](/docs/reference/backend/http-api/api-keys), [integration ID](https://app.nango.dev/dev/integrations), and [connection ID](https://app.nango.dev/dev/connections):

    <Tabs>
      <Tab title="cURL">
        ```bash theme={null}
        curl "https://api.nango.dev/proxy/v2/sites" \
          -H "Authorization: Bearer <NANGO-API-KEY>" \
          -H "Provider-Config-Key: <INTEGRATION-ID>" \
          -H "Connection-Id: <CONNECTION-ID>"
        ```
      </Tab>

      <Tab title="Node">
        Install Nango's backend SDK with `npm i @nangohq/node`. Then run:

        ```typescript theme={null}
        import { Nango } from '@nangohq/node';

        const nango = new Nango({ apiKey: '<NANGO-API-KEY>' });

        const res = await nango.get({
            endpoint: '/v2/sites',
            providerConfigKey: '<INTEGRATION-ID>',
            connectionId: '<CONNECTION-ID>'
        });

        console.log(res.data);
        ```
      </Tab>
    </Tabs>

    Or fetch credentials with the [Node SDK](/docs/reference/backend/backend-sdk/node#get-a-connection-with-credentials) or [API](/docs/reference/backend/http-api/connection/get).

    ✅ You're connected! Check the [Logs](https://app.nango.dev/dev/logs) tab in Nango to inspect requests.
  </Step>

  <Step title="Implement Nango in your app">
    Follow our [quickstart](/docs/getting-started/quickstart) to integrate Nango in your app.

    To obtain your own production credentials, follow the setup guide linked below.
  </Step>
</Steps>

<Note>
  Webflow's Data API is versioned explicitly in the endpoint URL — use `/v2/` for production endpoints and `/beta/` for endpoints still in beta. Access tokens work across both.
</Note>

<Warning>
  **Webflow Marketplace installation flow is not supported.** Nango only supports OAuth flows initiated through Nango (e.g. via the Connect UI or the [Nango Auth API](/docs/guides/primitives/auth)), because Nango issues its own `state` parameter to match the OAuth callback back to the connection attempt that started it. A flow started from the Webflow Marketplace's "Install" button doesn't carry that state, so Nango's callback has nothing to match it against and the connection fails. If your Webflow app is listed on the Marketplace, users must connect through your Nango-powered flow, not the Marketplace install button.
</Warning>

## 📚 Webflow integration guides

Nango maintained guides for common use cases.

* [How to register your own Webflow OAuth app](/docs/api-integrations/webflow/how-to-register-your-own-webflow-api-oauth-app)
  Register an OAuth app with Webflow and obtain credentials to connect it to Nango

Official docs: [Webflow Data API docs](https://docs.developers.webflow.com/data/reference/rest-introduction)

## 🧩 Pre-built syncs & actions for Webflow

Enable them in your dashboard. [Extend and customize](/docs/implementation-guides/platform/functions/customize-template) to fit your needs.

*No pre-built syncs or actions available yet.*

<Tip>Not seeing the integration you need? [Build your own](/docs/guides/functions/functions-guide) independently.</Tip>

***