otheroauth2

Webflow

Webflow is a no-code website design and hosting platform, letting users build responsive sites, launch online stores, and maintain content without coding

Verdict

The Webflow MCP lets your team manage site content, collections, and e-commerce orders directly from Switchy. @mention it to create or delete collection items, check inventory, fulfill orders, or pull site details without opening the Webflow dashboard. Designers and content editors get the fastest value — they can draft blog posts, update product listings, or triage order fulfillment from inside a Space. Setup requires OAuth with full site access, so you'll grant read-write permissions across collections and commerce data. If you only need read-only reporting, this integration is heavier than you need.

Common use cases

  • Publish blog posts from meeting notes
  • Update product inventory after stock checks
  • Fulfill orders flagged in support chat
  • Draft landing page content collaboratively
  • Pull site analytics for weekly reports

Integration

Vendor
Webflow
Category
other
Auth
OAUTH2
Tools
21
Composio slug
webflow

Tools

  • Create Webflow Collection Item

    This tool creates a new item in a specified webflow collection. it requires the collection id and field data parameters (including required name and slug) and optionally accepts an is draft flag. authentication is assumed to be provided, an

  • Delete Webflow Collection Item
    destructive

    This tool allows you to delete a specific item from a collection in webflow. it permanently removes the item from the specified collection and complements existing collection management tools. the tool requires a collection id to identify t

  • Fulfill Order

    This tool allows you to mark an order as fulfilled in webflow's e-commerce system. it's essential for managing order fulfillment in webflow stores.

  • Get Collection Details

    Retrieves a specific collection by its id from a webflow site. this endpoint returns detailed information about the collection, including its name, slug, and schema. it requires a valid collection id as a parameter and complements the webfl

  • Get Collection Item

    This tool retrieves a specific item from a webflow collection. it allows users to fetch detailed information about a single collection item using its unique identifier. the tool is used to get an item's details such as its id, timestamps (l

  • Get Item Inventory

    This tool retrieves the current inventory levels for a specific item in a webflow collection. it provides information about the item's inventory quantity and type (finite or infinite) and complements the webflow update item inventory action

  • Get Order Details

    This tool retrieves detailed information about a specific order in webflow. it allows users to fetch comprehensive order details including customer information, items purchased, payment status, and shipping details. the response includes or

  • Get Webflow Site Information

    This tool retrieves detailed information about a specific webflow site. it includes site id, workspaceid, creation and update dates, display names, and other settings like previewurl, timezone, customdomains, and locale settings. it require

  • List Collection Items

    This tool retrieves a list of items from a specified collection in webflow. it supports pagination and filtering, and is essential for fetching multiple items from a collection, such as blog posts, products, or any content stored in collect

  • List Form Submissions

    This tool retrieves a list of form submissions for a specific webflow site. it allows users to fetch form submission data with pagination support and optional filtering by form element id.

  • List Pages

    This tool retrieves a list of all pages for a specified webflow site. it can access both static and cms-driven pages and provides information such as the page's unique identifier, name, url slug, creation and update timestamps, and publicat

  • List Webflow Collections

    This tool retrieves a list of all collections for a given webflow site. it uses the site id (obtained from webflow list webflow sites) to return a list of collections, each with properties such as id, name, slug, singularname, lastupdated,

  • List Webflow Orders

    This tool retrieves a list of all orders for a specified webflow site using the get /sites/{site id}/orders endpoint. it accepts a required site id parameter and optional parameters such as status (to filter orders by their status), offset

  • List Webflow Sites

    This tool retrieves a list of all webflow sites accessible to the authenticated user. it is a fundamental and independent action which only requires an authentication token and returns details for each site including site id, name, shortnam

  • Publish Webflow Site

    This tool publishes a webflow site, making all staged changes live. it uses the post /sites/{site id}/publish api endpoint and requires a valid site id, with an optional domains array to specify custom domains. it is essential for deploying

  • Refund Order

    This tool allows you to refund a webflow e-commerce order. when executed, it reverses the stripe charge and sets the order's status to 'refunded'. it handles customer returns or order cancellations.

  • Unfulfill Order

    This tool allows you to mark a previously fulfilled order as unfulfilled in webflow. it is useful for reversing a fulfillment action when an order was mistakenly marked as fulfilled or if there are issues with shipment.

  • Update Item Inventory

    This tool allows you to update the inventory levels of a specific sku item in your webflow e-commerce site by either setting the inventory quantity directly or updating it incrementally. it updates the inventory status using the patch /coll

  • Update Order

    This tool allows updating specific fields of an existing order in webflow. it's particularly useful for managing order fulfillment details and adding internal notes.

  • Update Webflow Collection Item

    This tool allows updating an existing item in a webflow collection using the patch /collections/{collection id}/items/{item id} endpoint. it accepts required parameters such as collection id, item id, and fields, and optional 'live' flag an

  • Upload Asset to Webflow

    This tool allows users to upload assets (files, images, etc.) to a webflow site. it involves a two-step process: first, generating a pre-signed amazon s3 upload url by calling the webflow api, and second, uploading the file to that s3 url.

Setup

Setup guide

  1. 11. In Switchy, open your workspace settings and click 'Add Integration' under the MCP section. 2. Select Webflow from the list and click 'Connect'. 3. You'll land on Webflow's OAuth consent screen — sign in with an account that has site admin permissions. 4. Grant access to the requested scopes: sites, collections, and e-commerce (Switchy needs these to read and write collection items and manage orders). 5. After you authorize, Switchy redirects you back and confirms the connection. 6. Open any Space, type '@Webflow get site information' and send — if the MCP returns your site name and ID, you're live. 7. To invoke a tool, @mention Webflow and describe the task in plain language (e.g. '@Webflow create a blog post in the Articles collection with title X and slug Y').

What teammates see: by default, memories from Webflow are scoped to the Space (PROJECT visibility) - you can mark any memory PRIVATE or share it ORG-wide.

Works well with

Top models

Compatibility data appears once enough Spaces have used this MCP together with a given model.

How Switchy teams use it

Not enough Spaces yet to publish anonymised usage stats (we require ≥ 50 Spaces per week).

Starter prompts

Create Blog Post

@Webflow create a collection item in the Blog collection with name 'Q2 Product Roadmap' and slug 'q2-roadmap', set it as draft
Open in a Space →

Check Product Inventory

@Webflow get inventory for the item with ID abc123 so we can decide if we need to reorder
Open in a Space →

Fulfill Pending Order

@Webflow fulfill order ID xyz789 and confirm the shipment status is updated
Open in a Space →

Fetch Site Details

@Webflow get site information for site ID def456 and show me the display name and timezone
Open in a Space →

Delete Draft Item

@Webflow delete the collection item with ID ghi012 from the Articles collection
Open in a Space →

Example outputs

Illustrative - representative of the model's voice and quality, not literal recordings.

Prompt

@Webflow show me all collection items in our 'Blog Posts' collection that are currently in draft status

Output

I found 7 draft blog posts in your collection. Here's a summary: 'Q4 Product Roadmap' (created Jan 15), 'Customer Success Stories' (created Jan 12), 'API Integration Guide' (created Jan 10), 'Team Expansion Announcement' (created Jan 8), and three untitled drafts from last week. Each entry includes the item ID, slug, author field, and last modified timestamp. Would you like me to help publish any of these or retrieve the full content of a specific post?

Notes

This example demonstrates read-access to Webflow's CMS collections. Requires OAuth scope for reading collection items. The MCP returns structured data about each item's fields — the actual field schema varies by your collection setup, so responses will differ based on your custom fields (author, category, featured image, etc.).

Prompt

@Webflow create a new blog post titled 'Introducing Our New Dashboard' with slug 'new-dashboard-2024' and set it as draft

Output

I've created the new collection item in your Blog Posts collection. The post 'Introducing Our New Dashboard' is now saved as a draft with slug 'new-dashboard-2024'. Item ID: 65a7f3b2c1d4e5f6a7b8c9d0. The name and slug fields are populated as requested. You'll need to edit the item in Webflow's CMS to add body content, featured images, author attribution, and other custom fields before publishing. The draft status means it won't appear on your live site until you mark it as published.

Notes

This write operation creates a collection item but only populates required fields (name, slug). Your collection likely has additional custom fields (rich text body, images, categories) that must be populated separately — either through additional MCP calls with field data or directly in Webflow's editor. Requires OAuth write scope for the collection.

Prompt

@Webflow check inventory levels for all products in our store and flag any items below 10 units

Output

I've scanned your store's product collection and found 4 items with low inventory: 'Starter Kit' (6 units remaining), 'Pro Bundle' (3 units), 'Limited Edition Tee - Size M' (8 units), and 'USB-C Cable - Black' (5 units). All other products either have sufficient stock or are set to infinite inventory. The 'Pro Bundle' is particularly low and might need restocking soon. Would you like me to retrieve order history for these items to help forecast restock timing?

Notes

This synthesis example combines the Get Item Inventory tool with AI reasoning to surface actionable insights. Useful for e-commerce sites managing physical inventory in Webflow. Note that inventory updates happen in real-time as orders are placed, so this snapshot reflects the moment of the query. Requires read access to both collection items and inventory data.

Use-case deep-dives

E-commerce order fulfillment workflow

When Webflow MCP makes sense for small shop operations

A 3-person Shopify alternative running their store on Webflow needs to sync order status into Slack and update inventory in real-time during fulfillment. The Webflow MCP handles this cleanly: the Fulfill Order and Get Item Inventory tools let you mark orders complete and check stock levels without leaving your workspace. OAuth2 setup takes 10 minutes, then your team can run fulfillment scripts from shared prompts. The threshold: if you're processing more than 50 orders per day, you'll want a dedicated fulfillment platform with batch operations. Below that, this MCP keeps your workflow in one place and cuts the tab-switching that kills momentum during morning order runs.

Marketing site content publishing

Why this MCP wins for blog and landing page updates

A 5-person marketing team publishes case studies and blog posts to a Webflow CMS twice a week. The Create and Delete Collection Item tools let you draft, review, and publish content directly from Switchy without opening the Webflow editor. Your copywriter writes in the workspace, the designer approves, and the MCP pushes it live with the is_draft flag toggled. This works because Webflow collections map cleanly to structured content—title, slug, body, meta fields. The trade-off: if your content workflow involves heavy image editing or layout changes, you'll still need the Webflow UI for those steps. But for text-first publishing at 2-10 posts per week, this MCP keeps the team in sync and cuts the handoff friction between draft and live.

Client site audit and reporting

When this MCP fits agency site management at scale

A 6-person agency manages 15 client Webflow sites and needs to pull site metadata and collection schemas for monthly health checks. The Get Webflow Site Information and Get Collection Details tools let you script these audits from Switchy and surface issues like missing slugs or outdated timezones across all sites in one pass. OAuth2 means each client authorizes once, then your team runs the same audit prompt every month. The limit: if you're managing 50+ sites or need to compare site performance metrics, you'll want a dedicated monitoring tool. Below 20 sites, this MCP gives you enough visibility to catch config drift and report back to clients without building custom integrations or logging into 15 separate dashboards.

Frequently asked

What can the Webflow MCP do in Switchy?

The Webflow MCP lets your team manage CMS collections, e-commerce orders, and inventory directly from Switchy's AI workspace. You can create or delete collection items, fulfill orders, check inventory levels, and pull site configuration details without opening Webflow's dashboard. It's built for teams running content sites or stores on Webflow who want AI-assisted workflows for publishing and order management.

Do I need admin access to connect Webflow via OAuth?

Yes. Webflow's OAuth flow requires workspace-level permissions to authorize the MCP. The person connecting it needs admin or owner access to the Webflow workspace containing the sites you want to manage. Once connected, Switchy can act on any site within that workspace, so choose carefully which workspace you authorize during setup.

Can the Webflow MCP publish collection items directly to my live site?

Yes, but only if you pass the is_draft flag as false when creating items. By default, new collection items are created as drafts. Your team can use Switchy to stage content as drafts, review it, then publish by updating the item's draft status. The MCP doesn't auto-publish on creation unless you explicitly tell it to.

How does this compare to using Webflow's API directly?

The MCP wraps Webflow's REST API in natural language. Instead of writing POST requests with JSON payloads, your team asks Switchy to create a collection item or fulfill an order. The trade-off: you get 21 pre-built tools, not the full API surface. If you need advanced features like form submissions or site publishing triggers, you'll still need custom API calls.

Who on my team should connect the Webflow MCP?

Whoever owns your Webflow workspace and trusts Switchy with write access to your CMS and e-commerce data. Once connected, any Switchy user in your workspace can trigger Webflow actions through the MCP. If your team has separate staging and production Webflow sites, connect the workspace containing both so you can test workflows before touching live content.

Data last verified 607 hours ago.Sources aggregated hourly to weekly. See docs/architecture/model-directory.md.