Webflow icon

CONNECT APP

Build with Webflow

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

Web & App Development

  • OAuth

MCP

Give your agent Webflow tools

Every Webflow action is exposed as an MCP tool on Pipedream's remote server. Point a client at it with your end user's ID and Connect resolves that user's Webflow account for each tool call — you store no tokens.

// accessToken: mint a short-lived token with the Connect SDK — see the MCP guide
const transport = new StreamableHTTPClientTransport(
  new URL("https://remote.mcp.pipedream.net/v3"),
  {
    requestInit: {
      headers: {
        Authorization: `Bearer ${accessToken}`,
        "x-pd-project-id": "{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",
  },
})

API PROXY

Call the Webflow API directly

For an endpoint with no pre-built tool, the Connect proxy forwards your request to the Webflow API with the connected user's credentials attached. You store no tokens and write no refresh logic.

const resp = await pd.proxy.get({
  externalUserId: "{external_user_id}", // any stable ID for this user in your system
  accountId: "apn_xxxxxxx",
  url: "https://api.webflow.com/v2/token/authorized_by",
})

// Any allowed Webflow endpoint works here. Pipedream attaches the
// connected account's credentials to the outgoing request.

SDK

Run Webflow actions from your backend

Connect a user's Webflow account once, then run Create Collection Item on their behalf from your own code — TypeScript, Python, or plain HTTP.

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",
  },
})

TOOLS

Webflow actions

On-demand operations your product or agent can configure and run on behalf of a connected user.

MULTI-APP

Use Webflow with other popular apps

Most products don't stop at one integration. Pair Webflow with the other apps your users rely on, and ship use cases that span both.

Gmail icon Gmail Gmail offers private and secure email by Google at no cost, for business and consumer accounts. Google Drive icon Google Drive Google Drive is a file storage and synchronization service which allows you to create and share your work online, and access your documents from anywhere. Google Calendar icon Google Calendar With Google Calendar, you can quickly schedule meetings and events and get reminders about upcoming activities, so you always know what’s next. Notion icon Notion Notion is a new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team. Slack icon Slack Slack is the AI-powered platform for work bringing all of your conversations, apps, and customers together in one place. Around the world, Slack is helping businesses of all sizes grow and send productivity through the roof. HubSpot icon HubSpot HubSpot's CRM platform contains the marketing, sales, service, operations, and website-building software you need to grow your business. GitHub icon GitHub Where the world builds software. Millions of developers and companies build, ship, and maintain their software on GitHub—the largest and most advanced development platform in the world. Dropbox icon Dropbox Dropbox gives you secure access to all your files. Collaborate with friends, family, and coworkers from any device. Pipedrive icon Pipedrive Pipedrive is the easy-to-use, #1 user-rated CRM tool. Get more qualified leads and grow your business with Pipedrive's sales CRM. Anthropic (Claude) icon Anthropic (Claude) AI research and products that put safety at the frontier. Introducing Claude, a next-generation AI assistant for your tasks, no matter the scale. Asana icon Asana Work anytime, anywhere with Asana. Keep remote and distributed teams, and your entire organization, focused on their goals, projects, and tasks with Asana. LinkedIn Ads icon LinkedIn Ads Use LinkedIn self-service ads to reach more than 900+ million users worldwide.

REFERENCE

App details

Reference metadata for the Webflow connector in the Pipedream registry.

App slug
webflow
Authentication
OAuth
Categories
Web & App Development
Actions
18
Triggers
8
API proxy
Available

OAuth scopes

These are the scopes Pipedream's managed Webflow OAuth client requests when one of your users connects an account. Supply your own OAuth client to request a different set.

  • 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