Con la API del CMS de Webflow puedes crear, actualizar o eliminar contenido de tus colecciones sin tocar el editor visual. Generas un token de acceso, identificas la colección que quieres gestionar y haces llamadas para leer o escribir datos. Así puedes conectar Webflow con Notion, Airtable, un CRM o cualquier herramienta donde tengas tu contenido y mantener tu web actualizada sin copiar y pegar.
En este blog vas a aprender qué necesitas antes de empezar, cómo funciona la autenticación y cuáles son las operaciones básicas que puedes hacer. Vamos a ello.
Para usar la API del CMS de Webflow necesitas tener un plan que permita acceder a la API de datos, normalmente un plan CMS o superior. Si tienes un plan muy básico, puede que no tengas acceso completo. También necesitas un sitio con al menos una colección creada, como un blog, proyectos o productos. La API trabaja directamente sobre esas colecciones.
No es imprescindible ser desarrollador, pero sí ayuda entender la idea básica de cómo funcionan las APIs. Básicamente envías una petición y recibes una respuesta. Para hacer pruebas puedes usar herramientas como Postman, Insomnia o alguna herramienta de automatización que te permita hacer llamadas a APIs.
El proceso va desde obtener credenciales hasta hacer operaciones de lectura y escritura.
Empezamos creando un API Token. Este token es una clave que le dice a Webflow quién eres y qué permiso tienes sobre tu sitio. Puedes generarlo desde la sección de desarrolladores o integraciones, creando una nueva integración para el proyecto que quieres conectar.
Cuando lo generes, verás el token una sola vez, así que guárdalo en un lugar seguro. A partir de ese momento, será la llave que permitirá a otras herramientas interactuar con tu contenido. Piensa en él como la contraseña que conecta Webflow con el resto de tu sistema.
Una vez tienes tu token, el siguiente paso es identificar qué sitio y qué colección quieres gestionar. Para eso necesitas el Site ID (el identificador de tu proyecto) y el Collection ID (el identificador de la colección del CMS con la que vas a trabajar).
El Site ID puedes obtenerlo desde el panel de Webflow, entrando en el proyecto y fijándote en la URL del navegador. El fragmento que aparece después de /sites/ es tu Site ID. Por ejemplo, en una URL como esta: https://webflow.com/dashboard/sites/abc123def456/designer tu Site ID sería abc123def456.
El Collection ID se obtiene de forma similar. Entra en la colección que quieras gestionar desde el CMS (por ejemplo, Blog o Proyectos) y fíjate en la URL. El fragmento que aparece después de /collections/ es tu Collection ID. Por ejemplo: https://webflow.com/dashboard/sites/abc123def456/cms/collections/xyz789ghi012 tu Collection ID sería xyz789ghi012.
Esos identificadores son los que le dicen a la API dónde buscar o modificar contenido.
Con tu token, el Site ID y el Collection ID, ya puedes hacer tu primera llamada a la API para leer contenido. Esto significa que puedes pedirle a la API que te devuelva los items de una colección concreta, como por ejemplo los posts de tu blog o los proyectos de tu portfolio.
El endpoint que debes usar es GET https://api.webflow.com/v2/collections/{collection_id}/items, sustituyendo {collection_id} por el ID real de tu colección. Por ejemplo: GET https://api.webflow.com/v2/collections/xyz789ghi012/items. En cada petición debes incluir tu API Token en la cabecera de autorización: Authorization: Bearer TU_API_TOKEN.
La respuesta será un JSON con la lista de elementos que tienes en esa colección. Cada item incluirá sus campos (título, slug, contenido, etc.) junto con su ID único, que luego necesitarás si quieres actualizar o eliminar ese elemento concreto.
A partir de ahí puedes usar esa información para hacer un backup, analizarla, sincronizarla con otra herramienta o simplemente comprobar que todo está funcionando correctamente.
Una vez puedes leer los items de una colección, el siguiente paso es empezar a crear y actualizar contenido automáticamente. Con la API del CMS de Webflow puedes añadir nuevos posts, productos o proyectos sin entrar al editor, simplemente enviando los datos desde otra herramienta o sistema.
Para crear un nuevo item debes usar POST https://api.webflow.com/v2/collections/{collection_id}/items, sustituyendo {collection_id} por el ID de tu colección. Por ejemplo: POST https://api.webflow.com/v2/collections/xyz789ghi012/items. En el cuerpo de la petición envías los campos del item en formato JSON, como el título, el slug o cualquier campo personalizado que tengas en esa colección.
Para modificar un item que ya existe debes usar PATCH https://api.webflow.com/v2/collections/{collection_id}/items/{item_id}, donde {item_id} es el ID único del elemento que quieres actualizar. Esto es muy útil si quieres actualizar precios, cambiar estados, marcar contenidos como destacados o sincronizar datos desde otra plataforma. En lugar de hacerlo manualmente uno por uno, dejas que la automatización se encargue del trabajo.
Si no quieres escribir código, una forma muy sencilla de usar la API del CMS de Webflow es a través de Make. El primer paso es crear un nuevo escenario en Make y añadir Webflow como conexión. Make te pedirá un API Token, que puedes generar desde los ajustes de tu cuenta de Webflow. De esta forma, Make tendrá acceso a tus sitios y colecciones sin necesidad de configurar nada más.
Usa Airtable como trigger seleccionando el módulo "Watch Records" para detectar cuándo se crea un nuevo registro en una tabla concreta. Luego, incorpora el módulo de Webflow para crear un nuevo ítem del CMS, elige el sitio y la colección correspondiente y mapea los campos clave como título o contenido. De esta forma, cada nuevo registro se convertirá automáticamente en un nuevo contenido dentro de Webflow.
Si nunca has usado Make, te recomendamos empezar por nuestro artículo sobre cómo crear tu primera automatización.
Antes de automatizar tu contenido, es importante conocer los límites técnicos de la API y una serie de buenas prácticas para usarla correctamente. Vamos por partes.
La API del CMS de Webflow tiene un límite de 60 requests por minuto (puede variar según tu plan). Si lo superas, las peticiones se bloquean temporalmente, así que conviene evitar automatizaciones que hagan llamadas constantes o sin razón. Cuando esto ocurre, lo ideal es implementar un sistema de reintentos con backoff exponencial, es decir, esperar cada vez más tiempo antes de volver a intentarlo.
Te recomendamos apoyarte en herramientas como Make o Zapier, que ya gestionan automáticamente los reintentos cuando una petición falla. Guarda siempre el API Token como una variable segura y no lo expongas nunca en código público. Y combina la API con webhooks siempre que puedas, así reduces llamadas innecesarias y consigues una integración más estable a largo plazo.
La API del CMS de Webflow te deja gestionar el contenido sin depender del editor visual. Puedes conectar tu web con otras herramientas y automatizar la publicación de contenido que ya tienes organizado en otro sitio.
No necesitas empezar con algo complejo. Con entender cómo funciona el acceso, cómo leer contenido y cómo crear o actualizar items, ya puedes montar integraciones útiles con Make o Zapier.
Si quieres dar tus primeros pasos en la creación de sitios web, desde NocodeHackers hemos creado un curso gratuito para que lances tu primer sitio web en tiempo record.
Descubre lo que puedes crear en 7 días, sin saber programar
Cada día, un proyecto que podrás construir sin escribir una sola línea de código, directo a tu bandeja de entrada.
Empieza Gratis
Academia de herramientas no-code y low–code
.svg){kind=icon}
