Webflow MCP server

Connect Webflow to Claude, ChatGPT, Cursor, Claude Code, Codex, Gemini, GitHub Copilot and any other MCP client, for your whole team. Metorial adds security, governance, and tracing, and gives everyone one Magic MCP URL to connect.

What you can do with the Webflow MCP server

Ask your agent in plain language. Each of these maps to a real tool on the server.

  • Use the list products tool in Webflow
  • Use the update page settings tool in Webflow
  • Use the publish site tool in Webflow
  • Use the publish collection items tool in Webflow
  • Use the list pages tool in Webflow
  • Use the get site tool in Webflow

Supported Tools

list_products

List Products

List ecommerce products for a Webflow site, including associated SKUs (variants). Supports pagination for sites with many products.

update_page_settings

Update Page Settings

Update a page's metadata including title, slug, SEO settings, and Open Graph properties. Only the fields you provide will be updated.

publish_site

Publish Site

Publish a Webflow site to make staged changes live. Optionally specify which custom domains to publish to, or publish to the Webflow subdomain.

publish_collection_items

Publish Collection Items

Publish one or more staged CMS collection items to make them live. This pushes draft changes to the published version of the items.

list_pages

List Pages

List all pages for a Webflow site with their metadata, including titles, slugs, SEO settings, and parent-child relationships.

get_site

Get Site

Retrieve detailed information about a specific Webflow site, including metadata, custom domains, locale settings, and publish status.

list_users

List Users

List user accounts on a membership-enabled Webflow site. Returns user details including email, status, and access group assignments.

manage_collection_item

Manage Collection Item

Create, update, or delete a CMS collection item. Provide field data as key-value pairs matching the collection's schema. Use the collection's field slugs as keys in fieldData.

list_collections

List Collections

List all CMS collections for a Webflow site. Collections define the schema/structure for CMS content. Each collection contains fields and items.

list_orders

List Orders

List ecommerce orders for a Webflow site. Optionally filter by order status. Returns order details including customer info, items, and shipping.

manage_product

Manage Product

Create or update an ecommerce product. Provide product details and optional SKU/variant data. When updating, only the fields you provide will be changed.

list_form_submissions

List Form Submissions

List forms for a site and retrieve their submissions. Provide a siteId to list all forms, or a formId to get submissions for a specific form.

manage_inventory

Manage Inventory

Get or update inventory levels for an ecommerce product SKU. Use this to check stock levels or update inventory counts.

get_collection

Get Collection

Retrieve detailed information about a CMS collection including its fields/schema. Useful for understanding the structure of a collection before creating or updating items.

list_sites

List Sites

List all Webflow sites accessible with the current authentication. Returns site metadata including names, domains, publish status, and workspace association.

list_assets

List Assets

List all assets (images, files, etc.) in a Webflow site's Assets panel, along with asset folders. Provides URLs, metadata, and folder organization.

list_collection_items

List Collection Items

List CMS collection items (staged or live). Returns items with their field data and metadata. Use the "live" flag to fetch published items instead of staged/draft items.

manage_user

Manage User

Invite, update, or remove a user account on a membership-enabled Webflow site. Manage access group assignments to control gated content access.

update_order

Update Order

Update an ecommerce order's editable details, or transition it through Webflow's supported fulfill, unfulfill, and refund endpoints.

list_custom_domains

List Custom Domains

List custom domains configured on a Webflow site. Use this before publishing a site to a selected domain.

get_collection_item

Get Collection Item

Retrieve one CMS collection item by ID from the staged or live collection item endpoint. Use this to inspect field data before updating, publishing, or deleting a CMS item.

list_components

List Components

List reusable components for a Webflow site. Use this to inspect component IDs and names before working with page content or site structure.

list_comments

List Comments

List comment threads for a Webflow site. Use this to inspect unresolved design/content feedback connected to a site.

get_product

Get Product

Retrieve one Webflow ecommerce product and its SKUs by product ID. Use this before updating a product or inspecting variant data.

manage_webhook

Manage Webhook

List, retrieve, create, or delete Webflow webhooks for a site. Creating webhooks requires an OAuth Data Client App token with sites:write scope; Site API tokens may not be accepted by Webflow for webhook creation.

get_order

Get Order

Retrieve one Webflow ecommerce order by ID, including customer, status, shipping, payment, and purchased item details.

get_page

Get Page

Retrieve metadata for a Webflow page, optionally including the page DOM content. Use this before updating page settings to inspect the current page title, slug, SEO, and Open Graph metadata.

list_custom_code

List Custom Code

List custom code scripts configured at the site or page level. This is read-only inspection coverage; it does not create, update, or delete custom code.

Connect Webflow to your AI client

Every client uses the same Magic MCP URL, and so does any other MCP client. Add it once and sign in with SSO.

  1. Enable Webflow in Metorial. In your Metorial portal, enable the Webflow MCP server and sign in with the account that owns the data. Access stays governed by your team policies.
  2. Add a custom connector. Open Customize, then Connectors. Select Add, then Custom, then Web.
  3. Paste your Metorial MCP URL. Name it Metorial, paste your Magic MCP URL (<your-magic-mcp-url>) and continue.
  4. Sign in. Select Add and sign in to load Webflow tools.

Run Webflow through the Metorial gateway

One governed layer for every app your agents reach, not a separate connector per tool.

  • Give Webflow and every other app to your whole team through one MCP gateway, behind your SSO.
  • Scope which teams and agents can use Webflow tools with role-based access control, and trace every call.
  • Prefer to run it yourself? Metorial is open source and self-hostable.

More integrations teams use with Webflow

Notion

Create, read, update, and archive pages and databases in a Notion workspace. Manage blocks (paragraphs, lists, headings, embeds, etc.) within pages. Query databases with filters and sorts across rich property types including text, numbers, dates, selects, relations, and formulas. Search across pages and databases by title. Add and read comments on pages and blocks. Upload files to pages. Manage workspace users and retrieve user profiles.

Sharepoint

Manage SharePoint sites, document libraries, lists, and files. Create, read, update, and delete lists and list items with custom columns. Resolve site users to numeric Person/Group LookupId values. Upload, download, move, copy, and version files in document libraries. Search across sites, files, folders, lists, and list items using Microsoft Search. Manage permissions at site, list, and item levels with granular access control. Define and manage content types and site columns. Retrieve site properties and search for sites across Microsoft 365.

Confluence

Create, read, update, and delete pages, blog posts, comments, and attachments in Confluence spaces. Manage spaces, permissions, labels, and content restrictions. Search content using Confluence Query Language (CQL). Upload and download file attachments with versioning. Manage users, groups, and group memberships. Create and manage whiteboards, databases, folders, and templates. View and update inline tasks. Access audit logs.

Mailchimp

Manage email marketing audiences, campaigns, and automations. Create, send, schedule, and track email campaigns with detailed reporting on opens, clicks, and bounces. Add, update, and organize audience contacts with tags, segments, and interest groups. Set up and manage automation workflows triggered by subscriber activity or events. Connect e-commerce stores to manage customers, products, orders, and carts. Create and manage reusable email templates and landing pages. Upload and organize files for use in campaigns. Send transactional emails via the Mandrill API. Post custom events to trigger targeted automations. Configure webhooks to track subscribe, unsubscribe, profile updates, and email delivery events.

Netlify

Manage web application sites, deploys, builds, build hooks, deployed files, metadata, and hosting on Netlify. Create, update, configure, list, and delete sites. Manage environment variables with per-context values and scopes. Access and manage form submissions, including spam filtering. Configure DNS zones and records. Inject JavaScript or HTML snippets into site pages. Create and manage split tests (A/B testing) for traffic routing between branches. Set up notification hooks for deploy and form submission events. Purge CDN cached content by site or cache tag.

Square

Process payments, manage orders, and handle invoices for online, in-app, and in-person commerce. Create and manage customer profiles, catalog items, inventory counts, and locations. Issue refunds, manage disputes, and track payouts. Create bookings and appointments, manage team members and timecards, handle gift cards and loyalty programs, and manage subscriptions. Save cards on file, generate checkout links, connect and control Square Terminal devices, and manage vendor/supplier information. Extend Square objects with custom attributes. Receive webhook notifications for payments, orders, customers, inventory, invoices, bookings, disputes, team changes, and more.

Technical notes for Webflow

Manage Webflow sites, CMS content, ecommerce, and more programmatically. Create, read, update, and delete CMS collection items and collections. Manage ecommerce products, orders, and inventory. Publish sites, manage pages and components, upload and organize assets, retrieve form submissions, manage user accounts and access groups, and add custom code to sites and pages. Receive webhooks for form submissions, site publishes, page changes, ecommerce events, user account changes, and CMS item updates.

Frequently asked questions

Common questions about connecting Webflow to AI agents with Metorial.

  1. How many tools does the Webflow MCP server have?
    The Webflow MCP server exposes 28 tools, including List Products, Update Page Settings, Publish Site. Each one is governed and traced through Metorial.
  2. Webflow exposes tools your agents call on demand; it does not publish event triggers yet. Everything still runs through one governed MCP URL.
  3. Any MCP client, including VS Code, Windsurf, Zed, OpenCode and Grok. Each one reaches the Webflow MCP server through the same Metorial URL.
  4. Use role-based access control to decide which teams, users, and agents can use Webflow and which of its tools they can call.
  5. Yes. Metorial is open source, so you can run the Webflow MCP server yourself or use the hosted gateway.

Connect Webflow to production AI agents

See how Metorial gives your team governed access to Webflow, with tracing and security controls built in.