Webflow Connector for AI agents.

Q: Can I see my e-commerce orders using the AI?

Yes! Use the listecommerceorders tool with your Site ID. Your agent will retrieve all recent orders processed in your Webflow store.

Q: How do I add a new item to my blog collection?

Use the createcollectionitem action. Provide the Collection ID and a JSON object with the field values for your new blog post.

8 live capabilities

Manage your CMS content and e-commerce orders through natural conversation.

Live agent request Webflow / Connector

Waiting for input…

AI Agent

Why people use Webflow

Webflow CMS and E-commerce Management for AI Agents

With this Connector, you just ask your agent. You can pull a list of orders, check CMS entries, or list all your sites in a single chat. It turns a five-minute navigation task into a five-second question.

What Vinkius changes

You get a conversational interface for your entire Webflow ecosystem.

Use it from Claude, ChatGPT, Cursor or another AI client you already have.

One account · 5,900+ Connectors

Real-world use case 01

Quick Content Audits

A content manager needs to check if all 'Summer Sale' blog posts are live.
Real-world use case 02

Real-time Order Tracking

A store owner wants to see if a specific order shipped.
Real-world use case 03

Bulk Site Metadata Checks

A developer needs to verify the status of 20 different sites.

Complete set · 8capabilities

The complete Webflow capability set.

These are the exact actions your AI can choose when you ask it to work with Webflow.

Capability set01 / 02

01—04

4 capabilities in this set.

Part of 8 available through Webflow.

01 Capability
List cms collections
Get a full list of your CMS collections for a specific site. This helps you see your entire data structure at a glance.
02 Capability
List collection items
Pull every entry from a specific CMS collection. It's the fastest way to see your content without opening the Designer.
03 Capability
List ecommerce orders
View your recent store orders. You can quickly check status updates and customer information.
04 Capability
List sites
See every site connected to your Webflow account. Use this to get a high-level overview of your portfolio.

Capability set02 / 02

05—08

4 capabilities in this set.

Part of 8 available through Webflow.

05 Capability
List site users
Find out who's registered on your site. This is great for auditing memberships or managing user access.
06 Capability
Create collection item
Add a new entry to your CMS instantly. You can do this through a simple chat command instead of manual typing.
07 Capability
Get site details
Pull the metadata and status for a specific website. Use this to verify configurations during development.
08 Capability
List site assets
See all the images and files uploaded to your site. It helps you keep track of your media library.

Set up in minutes

One URL. Then ask Webflow to work.

Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use Webflow from the conversation.

Choose your client

Live preview

Advanced clients IDE · CLI

Claude · Web + desktop

Official guide ↗

Connector URL · ready to paste

Streamable HTTP

https://edge.vinkius.com/vk_preview_eUbmW68Uh6gsHtLZ3ws32bbp3HzxG3H7oFbd2ry6/mcp

Step 01

Open Connectors

In Claude Web or Claude Desktop, open Settings and choose Connectors.
Step 02

Add the URL

Choose Add custom connector, name it Webflow, and paste the URL above.
Step 03

Turn it on in chat

Select +, open Connectors, and enable Webflow for the conversation.

ChatGPT · Web + desktop

Official guide ↗

Connector URL · ready to paste

Streamable HTTP

https://edge.vinkius.com/vk_preview_eUbmW68Uh6gsHtLZ3ws32bbp3HzxG3H7oFbd2ry6/mcp

Step 01

Open MCP settings

On desktop, open Settings and MCP servers. On web, open your workspace app or connector settings.
Step 02

Add the URL

Choose Add server with Streamable HTTP, or create a custom MCP app, then paste the Webflow URL.
Step 03

Save and start

Save the connection and enable Webflow in your conversation. Desktop may ask you to restart once.

Cursor · IDE configuration

Official guide ↗

Advanced setup

{
  "mcpServers": {
    "webflow-alternative": {
      "url": "https://edge.vinkius.com/vk_preview_eUbmW68Uh6gsHtLZ3ws32bbp3HzxG3H7oFbd2ry6/mcp"
    }
  }
}

Step 01

Open MCP Settings

Press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux) → search "MCP Settings"
Step 02

Add the server config

Paste the JSON configuration above into the mcp.json file that opens
Step 03

Save the file

Cursor will automatically detect the new Connector
Step 04

Start using Webflow

Open Agent mode in chat and ask: "Using Webflow, help me...". 8 tools available

VS Code Copilot · IDE configuration

Official guide ↗

Advanced setup

{
  "mcpServers": {
    "webflow-alternative": {
      "url": "https://edge.vinkius.com/vk_preview_eUbmW68Uh6gsHtLZ3ws32bbp3HzxG3H7oFbd2ry6/mcp"
    }
  }
}

Step 01

Create MCP config

Create a .vscode/mcp.json file in your project root
Step 02

Add the server config

Paste the JSON configuration above
Step 03

Enable Agent mode

Open GitHub Copilot Chat and switch to Agent mode using the dropdown
Step 04

Start using Webflow

Ask Copilot: "Using Webflow, help me...". 8 tools available

Windsurf · IDE configuration

Official guide ↗

Advanced setup

{
  "mcpServers": {
    "webflow-alternative": {
      "url": "https://edge.vinkius.com/vk_preview_eUbmW68Uh6gsHtLZ3ws32bbp3HzxG3H7oFbd2ry6/mcp"
    }
  }
}

Step 01

Open MCP Settings

Go to Settings → MCP Configuration or press Cmd+Shift+P and search "MCP"
Step 02

Add the server

Paste the JSON configuration above into mcp_config.json
Step 03

Save and reload

Windsurf will detect the new server automatically
Step 04

Start using Webflow

Open Cascade and ask: "Using Webflow, help me...". 8 tools available

Cline · IDE configuration

Official guide ↗

Advanced setup

{
  "mcpServers": {
    "webflow-alternative": {
      "url": "https://edge.vinkius.com/vk_preview_eUbmW68Uh6gsHtLZ3ws32bbp3HzxG3H7oFbd2ry6/mcp"
    }
  }
}

Step 01

Open Cline MCP Settings

Click the Connectors icon in the Cline sidebar panel
Step 02

Add remote server

Click "Add Connector" and paste the configuration above
Step 03

Enable the server

Toggle the server switch to ON
Step 04

Start using Webflow

Ask Cline: "Using Webflow, help me...". 8 tools available

Claude Code · Terminal command

Official guide ↗

Advanced setup

claude mcp add webflow-alternative --transport http "https://edge.vinkius.com/vk_preview_eUbmW68Uh6gsHtLZ3ws32bbp3HzxG3H7oFbd2ry6/mcp"

Step 01

Install Claude Code

Run npm install -g @anthropic-ai/claude-code if not already installed
Step 02

Add the Connector

Run the command above in your terminal
Step 03

Verify the connection

Run claude mcp to list connected servers, or type /mcp inside a session
Step 04

Start using Webflow

Ask Claude: "Using Webflow, show me...". 8 tools are ready

Where the request belongs

Work Webflow can move forward.

Built around the request

This is for the content manager who's tired of manual data entry, the dev who needs to audit site metadata fast, and the store owner who wants to monitor sales without constant dashboard hopping.

Content Manager

Updates blog posts and product listings by telling the agent to create new CMS items or verify existing ones.

Web Developer

Verifies site configurations and CMS structures during the build process without leaving their code editor.

E-commerce Store Owner

Monitors daily sales and checks order statuses through a quick chat instead of logging into the store backend.

Build the capability set

Each Connector adds new actions and data without changing how you work.

Browse Connectors

01 8 capabilities

Webflow

Design and build professional websites visually with a no-code platform that generates clean, production-ready HTML and CSS.

View Connector

02 10 capabilities

Makeswift

Build stunning Next.js websites with a visual editor that lets marketers update pages without touching code or deployments.

View Connector

03 10 capabilities

Builder

Automate Builder.io headless CMS workflows. generate content blocks, update models, and orchestrate visual components directly from any AI agent.

View Connector

04 10 capabilities

Builder.io

Manage your visual CMS via Builder.io. track content entries, models, and symbols directly from any AI agent.

View Connector

05 9 capabilities

Netlify

Modern web development platform. manage sites, deploys, and forms via AI.

View Connector

06 10 capabilities

Duda

Equip your AI agent to manage websites, track templates, and monitor client accounts via the Duda API.

View Connector

Bring your own AI

Change the model, client or framework. Keep Webflow connected.

Claude
ChatGPT
Gemini
Cursor
VS Code
Windsurf
ZCode
Cline
Zed
Continue
Kiro
Roo Code
Zencoder
Goose
Void
Augment Code
Amp
Qodo
Tabnine
Pieces
Sourcegraph Cody
JetBrains
Warp
Amazon Q
Antigravity
BoltAI
Raycast
Jan
LM Studio
AnythingLLM
Open WebUI
Msty
Cherry Studio
LibreChat
TypingMind
Chorus
5ire
n8n
LangChain
LlamaIndex
CrewAI
Vercel AI SDK

Before you connect

Questions about Webflow.

The practical details behind the request, access and result.

Can I use the Webflow MCP to design my website?

No, this Connector is for managing your data and content. You still need the Webflow Designer for visual layout and styling.

Does the Webflow MCP work with my store?

Yes, it can list and inspect your recent e-commerce orders and customer data so you can track sales via your agent.

Can I add new items to my CMS using this?

Yes, you can use the agent to create new CMS items directly through a chat command, skipping the manual form entry.

How do I connect my Webflow account?

You'll need your Webflow API Access Token, which you can find in your site or workspace settings.

Can it see my images?

Yes, it can list the assets uploaded to your site so you can keep track of your media library.

Can I manage my users with this?

Yes, it lets your agent list the registered users on your site for easier membership coordination.

Can I see my e-commerce orders using the AI?

Yes! Use the list_ecommerce_orders capability with your Site ID. Your agent will retrieve all recent orders processed in your Webflow store.

How do I add a new item to my blog collection?

Use the create_collection_item action. Provide the Collection ID and a JSON object with the field values for your new blog post.

Is it possible to list all images uploaded to a site?

Absolutely. Use the list_site_assets query to retrieve a complete list of uploaded images, files, and media available in your site's library.

One connection away

Give your agent a direct line to Webflow.

Connect Webflow once. Keep it beside 5,900+ managed Connectors when the next task needs more.

Explore every Connector No credit card required · Free tier available

Webflow CMS and E-commerce Management for AI Agents

You get a conversational interface for your entire Webflow ecosystem.

Quick Content Audits

Real-time Order Tracking

Bulk Site Metadata Checks

List cms collections

List collection items

List ecommerce orders

List sites

List site users

Create collection item

Get site details

List site assets

Open Connectors

Add the URL

Turn it on in chat

Open MCP settings

Add the URL

Save and start

Open MCP Settings

Add the server config

Save the file

Start using Webflow

Create MCP config

Add the server config

Enable Agent mode

Start using Webflow

Open MCP Settings

Add the server

Save and reload

Start using Webflow

Open Cline MCP Settings

Add remote server

Enable the server

Start using Webflow

Install Claude Code

Add the Connector

Verify the connection

Start using Webflow

Content Manager

Web Developer

E-commerce Store Owner

Webflow

Makeswift

Builder

Builder.io

Netlify

Duda

Give your agent a direct line to Webflow.