Sáltate la instalación. Funcionando en menos de 2 minutos.
Inicia una prueba gratuita en cloud.anythingmcp.com, añade Webflow con un clic y apunta tu cliente de IA (Claude, ChatGPT, Copilot o Cursor) al endpoint MCP generado. Sin Docker, sin git clone, sin experiencia de desarrollo.
Resumen
Deja que tu IA trabaje en un sitio de Webflow: lee el sitio, sus páginas y ajustes SEO, colecciones e ítems del CMS, formularios y envíos, assets, y productos y pedidos de e-commerce; crea borradores y actualiza ítems del CMS, y publica ítems o el sitio entero cuando des el visto bueno. Con un token de API del sitio.
Prueba a pedir
Prompts de ejemplo para Webflow
Haz clic en un prompt para copiarlo. Pégalo en Claude, ChatGPT, Cursor, Gemini, Copilot u OpenClaw para ejecutarlo contra este conector.
Claude es IA y puede equivocarse. Verifica siempre las respuestas.
💡 ¿Sin instalación? Usa cloud.anythingmcp.com directamente. Inicia sesión, pulsa Connectors → Webflow, pega tus credenciales, genera una MCP API key y listo. Sin Docker, sin
git clone, sin servidor local.
Webflow + ChatGPT
Deja que tu IA trabaje en un sitio de Webflow: lee el sitio, sus páginas y ajustes SEO, colecciones e ítems del CMS, formularios y envíos, assets, y productos y pedidos de e-commerce; crea borradores y actualiza ítems del CMS, y publica ítems o el sitio entero cuando des el visto bueno. Con un token de API del sitio.
Requisitos previos
Las instrucciones de configuración completas están incluidas en el conector (visibles en el store al seleccionarlo). Las variables de entorno requeridas:
WEBFLOW_API_TOKEN
Paso 1 — Obtener credenciales
- Inicia sesión en https://webflow.com/dashboard, pasa el ratón por encima del sitio y haz clic en su icono de engranaje para abrir Site settings. Necesitas ser administrador del sitio.
- En la barra lateral izquierda elige Apps & integrations, baja hasta API access al final de la página y haz clic en Generate API token.
- Ponle un nombre al token (por ejemplo "AnythingMCP") y elige estos scopes:
sites:read,sites:write(para publicar el sitio)pages:read,pages:write(para los ajustes de las páginas)cms:read,cms:write(para crear, cambiar, publicar, despublicar o eliminar ítems)forms:read,assets:readecommerce:read(solo en un sitio con e-commerce)
- Haz clic en Generate token, copia el token enseguida y pégalo en
WEBFLOW_API_TOKENsin la palabra Bearer, e instala el conector. - Empieza con
webflow_get_token_info: muestra los scopes y el id del sitio al que da acceso el token. Despuéswebflow_list_sitesdevuelve los datos del sitio; suides elsite_idque usan las demás herramientas.
Scopes: a un token ya creado no se le pueden añadir scopes. Si una herramienta responde 403 missing_scopes, genera un token nuevo con el scope que falta y pégalo en WEBFLOW_API_TOKEN.
Solo lectura: marca solo los scopes :read y desactiva webflow_publish_site, webflow_update_page_settings, webflow_create_item, webflow_update_item, webflow_publish_items, webflow_create_live_item y webflow_update_live_item.
Desactivadas al instalar: webflow_delete_item, que elimina un ítem del CMS para siempre, y webflow_unpublish_live_item, que retira de la web un ítem publicado (queda en el CMS como borrador). Actívalas solo si la IA debe eliminar o despublicar ítems.
Un sitio por token: un token de sitio solo llega al sitio en el que se generó. Un sitio puede tener hasta 5 tokens, y un token caduca tras 365 días sin uso. Para varios sitios, instala el conector una vez por sitio.
Planes: la API funciona con todos los planes de sitio, incluido el plan gratuito Starter. Las herramientas del CMS necesitan un plan que lo incluya: Starter trae uno pequeño (20 colecciones, 50 ítems), Basic ninguno. En Starter, Webflow puede rechazar la publicación de ítems sueltos (webflow_publish_items, webflow_create_live_item, webflow_update_live_item, webflow_unpublish_live_item), porque la presenta como función de los planes CMS de pago: publica entonces el sitio entero. Los productos y pedidos necesitan un plan de e-commerce; los demás sitios responden 409.
Contenido staged y live: cada ítem del CMS tiene una versión staged (la que ven los editores) y, una vez publicado, una versión live en la web. webflow_create_item y webflow_update_item solo cambian el contenido staged, así que en el sitio público no cambia nada; los ítems nuevos son borradores. webflow_publish_items pone en línea los ítems elegidos y webflow_publish_site publica todos los cambios staged del sitio, páginas e ítems. webflow_create_live_item y webflow_update_live_item escriben directamente en el sitio público. Marcar como borrador un ítem publicado no lo retira de la web; archivarlo sí, en la siguiente publicación del sitio. webflow_list_items muestra los ítems staged, webflow_list_live_items lo que ven los visitantes.
Publicar es público: confirma antes. Antes de publicar el sitio o ítems, escribir ítems live o cambiar los ajustes de una página (títulos, slugs, textos SEO y Open Graph con webflow_update_page_settings), la IA te dice exactamente qué cambiará en la web y espera tu sí. Webflow acepta una publicación correcta del sitio por minuto.
Datos de los campos: el contenido de un ítem va indexado por el slug de cada campo que da webflow_get_collection, no por su nombre visible; name y slug son obligatorios en un ítem nuevo. El texto enriquecido es HTML, una referencia lleva el id de un ítem y una imagen nueva es una URL pública (4 MB como máximo) con la forma {"url": "https://..."}. Cambiar el slug de un ítem rompe los enlaces a la URL antigua.
Idiomas: en un sitio localizado, webflow_get_site lista los idiomas (locales). Si no indicas ninguno, las herramientas usan el principal.
Límites de uso: por token, 60 solicitudes por minuto en los planes de sitio Starter y Basic, 120 en los planes CMS, e-commerce y Business. Por encima del límite Webflow responde 429 con una cabecera Retry-After, normalmente de 60 segundos: espera y vuelve a intentarlo. Las herramientas de listado devuelven como máximo 100 entradas por página.
Errores frecuentes: 400 indica el campo con el problema: un slug de campo desconocido, un valor con formato incorrecto o que falta name o slug. 401 significa que el token es incorrecto, se revocó o caducó: genera uno nuevo en Site settings → Apps & integrations → API access. 403 (missing_scopes o forbidden) significa que al token le falta un scope (genera un token nuevo que lo incluya) o que el plan del sitio no incluye esa función. 404 es un id incorrecto o un id de otro sitio. 409 significa que la solicitud choca con el estado del sitio, por ejemplo llamadas de e-commerce en un sitio sin e-commerce. 429 es el límite de uso: espera el tiempo que indica Retry-After.
El conector no crea ni cambia colecciones y campos, no edita el contenido de las páginas, componentes ni custom code, no sube ni elimina assets, no cambia envíos de formularios ni edita productos y pedidos, y no gestiona webhooks, comentarios ni analíticas.
Paso 2 — Instalar el adapter
curl -fsSL https://raw.githubusercontent.com/HelpCode-ai/anythingmcp/main/docker-compose.quickstart.yml -o docker-compose.yml
printf 'JWT_SECRET=%s\nENCRYPTION_KEY=%s\n' "$(openssl rand -hex 32)" "$(openssl rand -hex 32)" > .env
docker compose up -d
Paso 3 — Añadir el conector en ChatGPT
La URL de tu servidor: en AnythingMCP abre MCP Servers → el servidor donde está este conector y copia su URL (
https://cloud.anythingmcp.com/mcp/…). Úsala donde esta guía muestraYOUR_SERVER_ID.
ChatGPT se conecta a servidores MCP como apps personalizadas en modo desarrollador (Developer mode), disponible en los planes de pago, no en el gratuito. En los espacios Business y Enterprise puede que un administrador tenga que habilitarlo antes.
- En ChatGPT, abre Settings → Security and login y activa Developer mode.
- Ve a chatgpt.com/plugins y pulsa +.
- Escribe un nombre y una descripción breve, por ejemplo Name:
Webflow. - En Connection, introduce la URL del servidor MCP
https://cloud.anythingmcp.com/mcp/YOUR_SERVER_IDy crea la conexión. - Cuando ChatGPT lo pida, inicia sesión en AnythingMCP (OAuth) y permite el acceso.
Herramientas disponibles
| Tool | What it does |
|---|---|
webflow_get_token_info | Check the connected token: its scopes (comma-separated), the site ids it is authorized for, its rate limit per minute, grant type, and when… |
webflow_list_sites | List the sites the token can reach: id, displayName, shortName, workspaceId, lastPublished, lastUpdated, timeZone, customDomains and locales |
webflow_get_site | Read one site: displayName, shortName, lastPublished, lastUpdated, timeZone, customDomains (id and url) and locales (primary and secondary… |
webflow_list_custom_domains | List the site's custom domains with id, url and lastPublished |
webflow_publish_site | Publish the site (or one page with page_id) to its custom domains and/or the webflow.io subdomain: every staged change, pages and CMS… |
webflow_list_pages | List the site's pages: id, title, slug, parentId, collectionId (set for CMS template pages), publishedPath, draft, archived, lastUpdated… |
webflow_get_page | Read one page's settings: title, slug, publishedPath, draft, archived, collectionId, lastUpdated, seo (title, description) and openGraph… |
webflow_update_page_settings | Change a page's title, slug, SEO title and description, or Open Graph title and description, optionally for one locale |
webflow_list_collections | List the site's CMS collections: id, displayName, singularName, slug, createdOn and lastUpdated |
webflow_get_collection | Read a collection's schema: displayName, singularName, slug and fields, each with id, slug, displayName, type (PlainText, RichText, Image… |
webflow_list_items | List a collection's staged items (drafts and published ones, as editors see them): id, fieldData, isDraft, isArchived, lastPublished (null… |
webflow_get_item | Read one staged item: id, fieldData (keyed by field slug), isDraft, isArchived, lastPublished, lastUpdated, createdOn and cmsLocaleId… |
webflow_create_item | Create a staged CMS item; nothing appears on the public site |
webflow_update_item | Change a staged item: only the fields in field_data change |
webflow_delete_item | Delete an item from the CMS for good (in the primary locale, or in the given locales) |
webflow_publish_items | Publish staged items to the live site without publishing the rest of it: their current staged content becomes public and drafts stop being… |
webflow_list_live_items | List a collection's published items as visitors see them: id, fieldData, lastPublished, lastUpdated, createdOn and cmsLocaleId |
webflow_get_live_item | Read the published version of one item: id, fieldData, lastPublished, lastUpdated and cmsLocaleId |
webflow_create_live_item | Create an item and publish it on the live website at once, skipping the draft stage |
webflow_update_live_item | Change a published item and push the change to the live website immediately: only the fields in field_data change |
webflow_unpublish_live_item | Take a published item off the live website (primary locale, or the given locales) |
webflow_list_forms | List the site's forms: id, displayName, pageId, pageName, formElementId, fields (name and type per field), createdOn and lastUpdated |
webflow_get_form | Read one form's schema: displayName, the page it sits on, formElementId, its fields with their types, and responseSettings (notification… |
webflow_list_form_submissions | List the site's form submissions: id, displayName (the form name), dateSubmitted, formResponse (the submitted values by field name) and… |
webflow_list_form_submissions_by_form | List the submissions of one form by its form id: id, dateSubmitted, formResponse (the submitted values by field name) and localeId |
webflow_get_form_submission | Read one form submission: form name, dateSubmitted, localeId and formResponse with every submitted value by field name |
webflow_list_assets | List the files uploaded to the site: id, displayName, originalFileName, contentType, size in bytes, hostedUrl, altText, folderId, variants… |
webflow_get_asset | Read one asset: displayName, originalFileName, contentType, size, hostedUrl (the public file URL), altText, variants and dates |
webflow_list_products | List e-commerce products, each with its product fieldData (name, slug, description, ...) and its SKUs (variants with price, SKU code and… |
webflow_get_product | Read one e-commerce product with all its SKUs: the product's fieldData and, per SKU, price, compare-at price, SKU code and option values |
webflow_list_orders | List e-commerce orders: orderId, status, acceptedOn, fulfilledOn, customerInfo, shipping and billing address, purchasedItems, totals… |
webflow_get_order | Read one e-commerce order: status, dates, customerInfo, addresses, purchasedItems, totals with taxes and shipping, payment details… |
Ejemplos de prompts
- "Enumera las páginas de nuestro sitio de Webflow a las que les falta el título SEO o la meta description."
- "¿Qué artículos del blog en el CMS siguen siendo borradores, y cuándo se actualizaron por última vez?"
- "Muéstrame los envíos del formulario de contacto de esta semana con nombre, empresa y mensaje."
- "Crea en la colección Blog un artículo nuevo titulado "Novedades de producto de primavera" con un resumen breve, solo como borrador. No lo publiques."
FAQ
¿Funciona el plan gratuito de ChatGPT con conectores MCP personalizados? No. Las conexiones MCP personalizadas necesitan el modo desarrollador, que solo está en los planes de pago.
Siguientes pasos
¿Te ha sido útil esta guía?
