
INTEGRACIÓN WEBFLOW n8n: AUTOMATIZAR WEBFLOW CON N8N
INTEGRACIÓN WEBFLOW N8N: AUTOMATIZAR WEBFLOW CON N8N
¿Necesitas ayuda para automatizar Webflow con n8n?
Nuestro equipo te responde en minutos.
Why automate Webflow with n8n?
La integración Webflow n8n pone a tu disposición 8 triggers que monitorizan eventos clave de tu sitio (envíos de formularios, nuevos pedidos, cambios de inventario, actualizaciones de colecciones) y 5 acciones para manipular los items de tus colecciones CMS. Esta combinación te permite construir automatizaciones completas que van desde la captura de leads hasta la gestión de inventario e-commerce.
El ahorro de tiempo es considerable. Ya no necesitas revisar manualmente los formularios de contacto, exportar datos a tu CRM como HubSpot o actualizar contenido en múltiples plataformas. Configura reglas inteligentes que procesan cada interacción automáticamente: un visitante rellena un formulario → sus datos llegan a tu CRM → recibe un email de bienvenida → tu equipo comercial es notificado. Todo en segundos, 24/7, sin olvidos.
La integración Webflow n8n es especialmente potente para: sincronización CMS bidireccional (mantén tu contenido actualizado entre Webflow y otras plataformas como Airtable o Notion), automatización e-commerce (gestiona pedidos, inventario y notificaciones de cliente), captura de leads (conecta formularios Webflow a cualquier CRM o herramienta de email marketing), y publicación automatizada (dispara acciones cuando publicas cambios en tu sitio). Conecta Webflow a más de 400 aplicaciones en n8n y elimina las tareas repetitivas de tu día a día.
How to connect Webflow to n8n?
! 1 stepHow to connect Webflow to n8n?
- 01
Add the node
Configuración básica:Crear una nueva credencial: En n8n, accede a la sección de credenciales y selecciona "Webflow" como tipo de conexión.Iniciar el flujo OAuth2: Haz clic en "Connect my account" para abrir la ventana de autorización de Webflow.Autorizar el acceso: Inicia sesión en tu cuenta Webflow y autoriza a n8n a acceder a tus sitios y colecciones.Seleccionar los sitios: Durante la autorización, podrás elegir a qué sitios de Webflow quieres dar acceso desde n8n.Confirmar la conexión: Una vez autorizado, la credencial quedará guardada y disponible para todos tus workflows.
TIP💡 CONSEJO: Crea una credencial dedicada para cada proyecto o cliente si gestionas múltiples sitios Webflow. Esto te permitirá revocar accesos de forma granular y mantener un mejor control sobre los permisos de cada automatización.- 01
¿Necesitas ayuda para automatizar Webflow con n8n?
Nuestro equipo te responde en minutos.
Webflow triggers available in n8n
01 Trigger 01Collection Item Deleted
Este trigger se activa automáticamente cada vez que un elemento es eliminado de una colección CMS en tu sitio Webflow. Es especialmente útil para mantener la coherencia de datos entre Webflow y sistemas externos cuando el contenido es borrado.
Configuración del trigger:
- Credential to connect with: Selecciona tu cuenta Webflow desde el menú desplegable. Este parámetro es requerido para autenticar la conexión.
- Site Name or ID: Introduce el nombre o identificador único del sitio Webflow que quieres monitorear. Campo de texto requerido.
- Event: Fijado en "Collection Item Deleted". Este parámetro determina el evento específico que activará el workflow.
Casos de uso típicos:
- Eliminar el registro correspondiente en tu base de datos externa o CRM cuando borras un item en Webflow
- Actualizar catálogos de productos en otras plataformas cuando eliminas un artículo
- Enviar notificaciones al equipo cuando se borra contenido importante
- Mantener logs de auditoría de elementos eliminados
Cuándo usarlo: Perfecto para workflows de sincronización bidireccional donde necesitas que las eliminaciones en Webflow se reflejen automáticamente en otros sistemas.

02 Trigger 02Collection Item Created
Este trigger monitoriza la creación de nuevos elementos en las colecciones CMS de Webflow y activa tu workflow instantáneamente cuando se añade contenido nuevo. Ideal para automatizar la distribución de contenido recién publicado.
Configuración del trigger:
- Credential to connect with: Menú desplegable para seleccionar las credenciales de tu cuenta Webflow. Requerido para establecer la conexión.
- Site Name or ID: Campo de texto donde especificas el sitio a monitorear mediante su nombre o ID. Requerido.
- Event: Configurado en "Collection Item Created" para detectar nuevos elementos.
Casos de uso típicos:
- Publicar automáticamente nuevos artículos de blog en redes sociales
- Añadir nuevos productos a tu catálogo de e-commerce en otras plataformas
- Notificar a suscriptores cuando publicas nuevo contenido
- Sincronizar nuevos registros con tu CRM o base de datos
Cuándo usarlo: Esencial para estrategias de content marketing automatizado y para mantener múltiples canales sincronizados con tu contenido Webflow.

03 Trigger 03Ecomm New Order
Este trigger se dispara cuando se registra un nuevo pedido en tu tienda Webflow Ecommerce. Permite automatizar todo el flujo post-venta sin intervención manual.
Configuración del trigger:
- Credential to connect with: Selección de credenciales Webflow desde el desplegable. Requerido.
- Site Name or ID: Nombre o ID del sitio e-commerce a monitorear. Campo de texto opcional si solo tienes un sitio configurado.
- Event: Establecido en "Ecomm New Order" para capturar nuevos pedidos.
Casos de uso típicos:
- Enviar confirmación de pedido personalizada al cliente
- Notificar al equipo de fulfillment para preparar el envío
- Añadir el cliente a una secuencia de email post-compra
- Registrar la venta en tu sistema contable o ERP
Cuándo usarlo: Imprescindible para cualquier tienda Webflow que quiera automatizar la experiencia post-compra y optimizar operaciones logísticas.

04 Trigger 04Site Publish
Este trigger se activa cada vez que publicas cambios en tu sitio Webflow, ya sea mediante el botón "Publish" o publicaciones programadas. Perfecto para coordinar acciones cuando tu sitio se actualiza.
Configuración del trigger:
- Credential to connect with: Credenciales de Webflow a utilizar. Requerido.
- Site Name or ID: Especifica el sitio cuyas publicaciones quieres monitorear. Campo de texto opcional.
- Event: Configurado en "Site Publish" para detectar publicaciones.
Casos de uso típicos:
- Invalidar cachés de CDN externos cuando publicas cambios
- Notificar al equipo de QA para revisar el sitio actualizado
- Ejecutar tests automatizados post-publicación
- Actualizar sitemaps o notificar a motores de búsqueda
Cuándo usarlo: Ideal para equipos que necesitan coordinar acciones técnicas o de comunicación cada vez que el sitio se actualiza.

05 Trigger 05Collection Item Updated
Este trigger detecta modificaciones en elementos existentes de tus colecciones CMS. Se activa cuando cualquier campo de un item es editado, permitiendo propagar cambios automáticamente.
Configuración del trigger:
- Credential to connect with: Desplegable para seleccionar la cuenta Webflow. Requerido.
- Site Name or ID: Nombre o ID del sitio a monitorear. Campo de texto requerido.
- Event: Fijado en "Collection Item Updated" para capturar modificaciones.
Casos de uso típicos:
- Sincronizar actualizaciones de productos con marketplaces externos
- Actualizar traducciones cuando se modifica el contenido original
- Refrescar cachés de contenido en aplicaciones conectadas
- Notificar a editores cuando se modifica contenido que supervisan
Cuándo usarlo: Fundamental para mantener coherencia de datos cuando gestionas contenido que existe en múltiples plataformas simultáneamente.

06 Trigger 06Form Submission
Este trigger captura los envíos de formularios nativos de Webflow en tiempo real. Cada vez que un visitante completa un formulario, el workflow se activa con todos los datos del envío.
Configuración del trigger:
- Credential to connect with: Credenciales de tu cuenta Webflow. Requerido para la autenticación API.
- Site Name or ID: Sitio donde están los formularios a monitorear. Campo de texto requerido.
- Event: Establecido en "Form Submission" para capturar envíos.
Casos de uso típicos:
- Añadir leads automáticamente a tu CRM (HubSpot, Pipedrive, Salesforce...)
- Enviar notificaciones instantáneas a tu equipo comercial
- Iniciar secuencias de email marketing personalizadas
- Registrar contactos en tu herramienta de soporte
Cuándo usarlo: El trigger más popular para generación de leads. Conecta cualquier formulario de contacto, suscripción o solicitud de demo directamente a tu stack de ventas.

07 Trigger 07Ecomm Inventory Changed
Este trigger monitoriza cambios en el inventario de tu tienda Webflow Ecommerce. Se activa cuando las cantidades de stock varían, permitiendo automatizar la gestión de inventario.
Configuración del trigger:
- Credential to connect with: Selección de credenciales Webflow. Requerido.
- Site Name or ID: Sitio e-commerce a monitorear. Campo de texto opcional.
- Event: Configurado en "Ecomm Inventory Changed" para detectar variaciones de stock.
Casos de uso típicos:
- Alertar cuando un producto está próximo a agotarse
- Sincronizar niveles de stock con otros canales de venta
- Actualizar disponibilidad en marketplaces externos
- Desactivar campañas publicitarias de productos sin stock
Cuándo usarlo: Esencial para e-commerce multicanal donde necesitas mantener inventarios sincronizados y evitar sobreventa.

08 Trigger 08Ecomm Order Changed
Este trigger se activa cuando un pedido existente en Webflow Ecommerce sufre modificaciones en su estado, datos o cualquier otro campo. Permite reaccionar a la evolución del ciclo de vida del pedido.
Configuración del trigger:
- Credential to connect with: Credenciales de Webflow para autenticación. Requerido.
- Site Name or ID: Sitio e-commerce objetivo. Campo de texto requerido.
- Event: Establecido en "Ecomm Order Changed" para capturar actualizaciones de pedidos.
Casos de uso típicos:
- Notificar al cliente cuando su pedido cambia de estado (enviado, entregado...)
- Actualizar el estado en tu sistema de gestión de pedidos
- Sincronizar información con servicios de envío
- Generar reportes de cambios para análisis operativo
Cuándo usarlo: Complementa el trigger de nuevo pedido para automatizar todo el ciclo de vida post-venta, desde la creación hasta la entrega.

Webflow actions available in n8n
01 Acción 01Get many items
Esta acción recupera múltiples elementos de una colección CMS de Webflow de una sola vez. Perfecta para extracciones masivas de datos, sincronizaciones periódicas o para alimentar otras aplicaciones con el contenido de tu sitio.
Parámetros clave:
- Credential to connect with: Cuenta Webflow a utilizar. Desplegable requerido.
- Site Name or ID: Sitio del que extraer datos. Campo de texto u numérico opcional.
- Collection Name or ID: Colección específica a consultar. Opcional.
- Return All: Interruptor para devolver todos los items sin límite. Opcional.
- Limit: Número máximo de items a recuperar, por defecto 100. Campo numérico opcional.
Casos de uso:
- Exportar todo el catálogo de productos a una hoja de cálculo
- Sincronizar artículos de blog con una plataforma de newsletter
- Alimentar dashboards de analytics con datos de contenido

02 Acción 02Create an item
Esta acción crea un nuevo elemento en una colección CMS de Webflow directamente desde n8n. Esencial para automatizar la publicación de contenido proveniente de fuentes externas.
Parámetros clave:
- Credential to connect with: Credenciales Webflow. Desplegable requerido.
- Site Name or ID: Sitio destino. Campo de texto requerido.
- Collection Name or ID: Colección donde crear el item. Requerido.
- Live: Interruptor para publicar inmediatamente o guardar como borrador. Opcional.
- Fields: Campos del item a crear (título, contenido, imágenes...). Configuración dinámica.
Casos de uso:
- Publicar automáticamente contenido generado por IA
- Crear productos desde un ERP o sistema de gestión
- Importar artículos desde feeds RSS o APIs externas

03 Acción 03Update an item
Esta acción modifica un elemento existente en una colección CMS de Webflow. Permite actualizar cualquier campo de un item identificado por su ID único.
Parámetros clave:
- Credential to connect with: Cuenta Webflow. Requerido.
- Site Name or ID: Sitio que contiene el item. Requerido.
- Collection Name or ID: Colección del item. Requerido.
- Item ID: Identificador único del elemento a actualizar. Campo de texto requerido.
- Live: Publicar cambios inmediatamente o mantener como borrador. Opcional.
- Fields: Campos específicos a modificar. Configuración dinámica.
Casos de uso:
- Actualizar precios de productos desde un sistema externo
- Modificar estados de artículos (destacado, archivado...)
- Sincronizar traducciones desde herramientas de localización

04 Acción 04Get an item
Esta acción recupera un elemento específico de una colección CMS mediante su identificador único. Útil cuando necesitas los datos completos de un item concreto.
Parámetros clave:
- Credential to connect with: Credenciales de conexión. Requerido.
- Site Name or ID: Sitio origen. Campo de texto requerido.
- Collection Name or ID: Colección que contiene el item. Requerido.
- Item ID: Identificador del elemento a recuperar. Campo de texto requerido.
Casos de uso:
- Obtener detalles de un producto para generar una factura
- Recuperar información de un artículo para compartir en redes sociales
- Verificar datos de un item antes de actualizarlo

05 Acción 05Delete an item
Esta acción elimina permanentemente un elemento de una colección CMS de Webflow. La eliminación es irreversible, por lo que se recomienda usar con precaución o implementar confirmaciones previas en tu workflow n8n.
Parámetros clave:
- Credential to connect with: Cuenta Webflow autorizada. Requerido.
- Site Name or ID: Sitio que contiene el elemento. Campo de texto requerido.
- Collection Name or ID: Colección del item a eliminar. Requerido.
- Item ID: Identificador único del elemento a borrar. Requerido.
Casos de uso:
- Eliminar productos descatalogados automáticamente
- Limpiar contenido antiguo según reglas de retención
- Sincronizar eliminaciones desde sistemas externos

Construye tu primer workflow con nuestro equipo
Deja tu email y te enviamos el catálogo de automatizaciones listo para enviar hoy.
- Escenarios n8n & Make gratis para importar
- Docs de configuración paso a paso
- Cohorte en vivo + soporte de la comunidad
Preguntas frecuentes
¿La integración Webflow n8n es gratuita?
Sí, la integración nativa entre Webflow y n8n está incluida sin coste adicional en todas las versiones de n8n, tanto la versión self-hosted (gratuita) como n8n Cloud. Sin embargo, necesitarás una cuenta Webflow con un plan que incluya acceso a la API y webhooks para utilizar los triggers. Los planes Site y superiores de Webflow incluyen estas funcionalidades. En n8n, los nodos de Webflow no consumen créditos adicionales más allá de las ejecuciones estándar de tu plan.¿Qué datos puedo sincronizar entre Webflow y n8n?
Puedes sincronizar prácticamente cualquier dato de tus colecciones CMS: artículos de blog, productos, miembros del equipo, testimonios, FAQs, o cualquier colección personalizada. Los 8 triggers capturan eventos como envíos de formularios, nuevos pedidos, cambios de inventario y modificaciones en colecciones. Las 5 acciones te permiten crear, leer, actualizar y eliminar items programáticamente. Para e-commerce, puedes acceder a datos de pedidos, clientes e inventario. La integración también captura metadatos como fechas de publicación, estados y campos personalizados que puedes enviar a otras aplicaciones conectadas.¿Cuánto tiempo lleva configurar la integración Webflow n8n?
La configuración inicial toma entre 5 y 10 minutos. El proceso de autenticación OAuth2 es guiado y no requiere manipular claves API manualmente. Una vez conectada tu cuenta, crear un workflow básico (por ejemplo, enviar leads de formulario a un CRM) puede hacerse en menos de 15 minutos. Para automatizaciones más complejas con múltiples triggers y acciones encadenadas, calcula entre 30 minutos y una hora dependiendo de tu familiaridad con n8n y la complejidad de la lógica de negocio. Si necesitas ayuda, nuestra agencia de automatización puede configurarlo por ti.



