Name: Integrate
Author: Integrate

The Webflow integration provides access to manage Webflow sites, CMS collections, pages, forms, and publishing through the Integrate MCP server.

Installation

The Webflow integration is included with the SDK:

import { webflowIntegration } from "integrate-sdk/server";

Setup

1. Create a Webflow OAuth App

Go to Webflow Developer Portal
Create a new OAuth application
Configure your redirect URI
Note your Client ID and Client Secret

2. Configure the Integration on Your Server

Add the Webflow integration to your server configuration. The integration automatically reads WEBFLOW_CLIENT_ID and WEBFLOW_CLIENT_SECRET from your environment variables:

import { createMCPServer, webflowIntegration } from "integrate-sdk/server";

export const { client: serverClient } = createMCPServer({
  apiKey: process.env.INTEGRATE_API_KEY,
  integrations: [
    webflowIntegration({
      scopes: ["authorized_user:read", "assets:read", "assets:write", "cms:read", "cms:write", "custom_code:read", "custom_code:write", "forms:read", "forms:write", "pages:read", "pages:write", "sites:read", "sites:write"], // Optional
    }),
  ],
});

You can override the environment variables by passing explicit values:

webflowIntegration({
  clientId: process.env.CUSTOM_WEBFLOW_ID,
  clientSecret: process.env.CUSTOM_WEBFLOW_SECRET,
      scopes: ["authorized_user:read", "assets:read", "assets:write", "cms:read", "cms:write", "custom_code:read", "custom_code:write", "forms:read", "forms:write", "pages:read", "pages:write", "sites:read", "sites:write"], // Optional
});

3. Client-Side Usage

The default client automatically includes all integrations. You can use it directly:

import { client } from "integrate-sdk";

await client.authorize("webflow");
const result = await client.webflow.tokenIntrospect({});

console.log(result);

If you're using a custom client, add the integration to the integrations array:

import { createMCPClient, webflowIntegration } from "integrate-sdk";

const customClient = createMCPClient({
  integrations: [webflowIntegration()],
});