# Webflow — Pipedream Connect

> Webflow is the leading visual development platform for building powerful websites without writing code.

- API slug: `webflow` (use in MCP headers and tool keys)
- Auth: OAuth (Pipedream-managed)
- Categories: Web & App Development
- Website: https://webflow.com/
- Managed OAuth scopes: `authorized_user:read` · `sites:read` · `sites:write` · `forms:read` · `forms:write` · `ecommerce:read` · `ecommerce:write` · `assets:read` · `assets:write` · `cms:read` · `cms:write` · `pages:read` · `pages:write`
- This page (HTML): https://pipedream.com/apps/webflow
- Tools: 18 actions · 8 triggers

## Connect via MCP (recommended)

- Endpoint: `https://remote.mcp.pipedream.net/v3`
- Headers: `Authorization: Bearer <token>` · `x-pd-project-id` · `x-pd-environment` · `x-pd-external-user-id` · `x-pd-app-slug: webflow`

```ts
import { Client } from "@modelcontextprotocol/sdk/client/index.js"
import { StreamableHTTPClientTransport } from "@modelcontextprotocol/sdk/client/streamableHttp.js"
import { PipedreamClient } from "@pipedream/sdk"

const pd = new PipedreamClient({
  projectId: process.env.PIPEDREAM_PROJECT_ID!,
  clientId: process.env.PIPEDREAM_CLIENT_ID!,
  clientSecret: process.env.PIPEDREAM_CLIENT_SECRET!,
  projectEnvironment: "production",
})

const accessToken = await pd.rawAccessToken

const transport = new StreamableHTTPClientTransport(
  new URL("https://remote.mcp.pipedream.net/v3"),
  {
    requestInit: {
      headers: {
        Authorization: `Bearer ${accessToken}`,
        "x-pd-project-id": process.env.PIPEDREAM_PROJECT_ID!,
        "x-pd-environment": "production",
        "x-pd-external-user-id": "{external_user_id}", // any stable ID for this user in your system
        "x-pd-app-slug": "webflow",
      },
    },
  },
)

const mcp = new Client({ name: "my-agent", version: "1.0.0" })
await mcp.connect(transport)

const { tools } = await mcp.listTools()

// e.g. run Create Collection Item:
const result = await mcp.callTool({
  name: "webflow-create-collection-item",
  arguments: {
    siteId: "Site",
    collectionId: "Collection",
  },
})
```

Docs: [MCP guide](https://pipedream.com/docs/connect/mcp/developers.md)

## API proxy

For a Webflow endpoint with no pre-built tool, the proxy forwards your request with the connected user's credentials attached.

```bash
# The path segment is the target URL, URL-safe base64 encoded:
# https://api.webflow.com/v2/token/authorized_by

curl "https://api.pipedream.com/v1/connect/{project_id}/proxy/aHR0cHM6Ly9hcGkud2ViZmxvdy5jb20vdjIvdG9rZW4vYXV0aG9yaXplZF9ieQ?external_user_id={external_user_id}&account_id=apn_xxxxxxx" \
  -H "Authorization: Bearer {access_token}" \
  -H "x-pd-environment: production"
```

Docs: [API proxy guide](https://pipedream.com/docs/connect/api-proxy.md)

## SDK

```ts
import { PipedreamClient } from "@pipedream/sdk"

const pd = new PipedreamClient({
  projectId: process.env.PIPEDREAM_PROJECT_ID!,
  clientId: process.env.PIPEDREAM_CLIENT_ID!,
  clientSecret: process.env.PIPEDREAM_CLIENT_SECRET!,
  projectEnvironment: "production",
})

const result = await pd.actions.run({
  id: "webflow-create-collection-item",
  externalUserId: "{external_user_id}", // any stable ID for this user in your system
  configuredProps: {
    webflow: { authProvisionId: "apn_xxxxxxx" },
    siteId: "Site",
    collectionId: "Collection",
  },
})
```

Docs: [Managed auth guide](https://pipedream.com/docs/connect/managed-auth/quickstart.md) · [Tools guide](https://pipedream.com/docs/connect/components.md)

## Actions (18)

### `webflow-create-collection-item` — Create Collection Item (Write)

Create new collection item. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/create-collection-item.md

### `webflow-delete-collection-item` — Delete Collection Item (Write)

Delete Item of a Collection. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/delete-collection-item.md

### `webflow-fulfill-order` — Fulfill Order (Write)

Fulfill an order. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/fulfill-order.md

### `webflow-get-collection` — Get Collection (Read-only)

Get a collection. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/get-collection.md

### `webflow-get-collection-item` — Get Collection Item (Read-only)

Get a Collection Item. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/get-collection-item.md

### `webflow-get-item-inventory` — Get Item Inventory (Read-only)

Get the inventory of a specific item. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/get-item-inventory.md

### `webflow-get-order` — Get Order (Read-only)

Get info on an order. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/get-order.md

### `webflow-get-site` — Get Site (Read-only)

Get a site. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/get-site.md

### `webflow-list-collection-items` — List Collection Items (Read-only)

List Items of a collection. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/list-collection-items.md

### `webflow-list-collections` — List Collections (Read-only)

List collections. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/list-collections.md

### `webflow-list-orders` — List Orders (Read-only)

List orders. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/list-orders.md

### `webflow-list-sites` — List Sites (Read-only)

List sites. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/list-sites.md

### `webflow-publish-site` — Publish Site (Write)

Publish a site. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/publish-site.md

### `webflow-refund-order` — Refund Order (Write)

Refund an order. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/refund-order.md

### `webflow-unfulfill-order` — Unfulfill Order (Write)

Unfulfill an order. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/unfulfill-order.md

### `webflow-update-collection-item` — Update Collection Item (Write)

Update collection item. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/update-collection-item.md

### `webflow-update-item-inventory` — Update Item Inventory (Write)

Update the inventory of a specific item. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/update-item-inventory.md

### `webflow-update-order` — Update Order (Write)

Update an order. See the documentation

Full schema: https://pipedream.com/apps/webflow/actions/update-order.md

## Triggers (8)

### `webflow-new-form-submission` — New Form Submission (Instant)

Emit new event when a form is submitted. See the documentation

Full schema: https://pipedream.com/apps/webflow/triggers/new-form-submission.md

### `webflow-new-collection-item` — New Collection Item Created (Instant)

Emit new event when a collection item is created. See the documentation

Full schema: https://pipedream.com/apps/webflow/triggers/new-collection-item.md

### `webflow-new-deleted-collection-item` — Collection Item Deleted (Instant)

Emit new event when a collection item is deleted. See the documentation

Full schema: https://pipedream.com/apps/webflow/triggers/new-deleted-collection-item.md

### `webflow-changed-collection-item` — Collection Item Updated (Instant)

Emit new event when a collection item is changed. See the documentation

Full schema: https://pipedream.com/apps/webflow/triggers/changed-collection-item.md

### `webflow-changed-ecommerce-inventory` — E-commerce Inventory Updated (Instant)

Emit new event when an e-commerce inventory level changes. See the documentation

Full schema: https://pipedream.com/apps/webflow/triggers/changed-ecommerce-inventory.md

### `webflow-changed-ecommerce-order` — E-commerce Order Updated (Instant)

Emit new event when an e-commerce order is changed. See the documentation

Full schema: https://pipedream.com/apps/webflow/triggers/changed-ecommerce-order.md

### `webflow-new-ecommerce-order` — New E-commerce Order (Instant)

Emit new event when an e-commerce order is created. See the documentation

Full schema: https://pipedream.com/apps/webflow/triggers/new-ecommerce-order.md

### `webflow-new-site-published` — Site Published (Instant)

Emit new event when a site is published. See the documentation

Full schema: https://pipedream.com/apps/webflow/triggers/new-site-published.md

---

- All apps: https://pipedream.com/apps — index: https://pipedream.com/llms.txt
- Pipedream docs for agents: https://pipedream.com/docs/llms.txt