¿Cómo conectar AirOps con Webflow CMS?

Respuesta rápida: puedes conectar AirOps con Webflow CMS mediante la integración nativa de AirOps con Webflow o la acción «Publish to CMS from Grid». Una vez conectado, el contenido generado con IA llega directamente a tus colecciones de Webflow CMS sin copiarlo, darle formato ni cambiar de herramienta.

El contenido generado con IA solo sirve si se publica. Si tu equipo ejecuta flujos de trabajo de AirOps y luego copia a mano los resultados en Webflow, estás añadiendo una fricción que anula por completo el sentido de la automatización.

Este tutorial te explica paso a paso cómo enviar automáticamente los resultados de AirOps a las colecciones de Webflow CMS. Al terminar, tendrás un flujo funcional que toma el contenido generado con IA y lo publica directamente en tu CMS, campo por campo, sin tocar el editor de Webflow.

Qué hace realmente la integración de AirOps con Webflow CMS

La integración de AirOps y Webflow conecta tus flujos de contenido con IA con las colecciones de Webflow CMS mediante API. En lugar de exportar un documento y reformatearlo para Webflow, AirOps asigna sus campos de salida directamente a los campos de tu colección y publica los elementos cuando lo necesites.

Esto significa que:

• Los campos de título se asignan al nombre del elemento en Webflow
• Los resultados de texto enriquecido se asignan a campos de varias líneas o de texto enriquecido de tu colección
• Las meta descripciones, los slugs y las etiquetas se asignan a sus campos correspondientes
• El estado de borrador o publicado se define dentro del propio flujo de trabajo

El propio equipo de Webflow usó esta integración con AirOps para acelerar por 5 las actualizaciones de contenido. Si estás creando un flujo de publicación escalable, también conviene entender cómo influye tu CMS en el rendimiento orgánico, sobre todo al elegir el mejor CMS para SEO.

Lo que necesitas antes de empezar

Antes de crear el flujo, asegúrate de tener lo siguiente:

• Una cuenta de AirOps activa (cualquier plan de pago incluye integraciones con CMS)
• Un sitio de Webflow con al menos una colección de CMS configurada
• Un token de API de Webflow con permisos de lectura y escritura del CMS
• Un flujo de trabajo de AirOps que genere resultados estructurados (título, cuerpo, meta, etc.)

Si tu flujo de AirOps todavía genera texto sin estructura, estructúralo primero. La integración funciona campo por campo, así que tus resultados deben coincidir con el esquema de tu colección antes de asignarlos.

Paso 1: conecta Webflow con AirOps

1. Abre AirOps y ve a Integraciones en la barra lateral izquierda
2. Selecciona Webflow en la lista de integraciones
3. Haz clic en Connect y autentícate con tu cuenta de Webflow
4. Concede a AirOps permiso para acceder a las colecciones del CMS de tu sitio
5. Selecciona el sitio de Webflow concreto en el que quieres publicar

AirOps usa OAuth para la autenticación, así que en esta fase no tendrás que pegar claves de API manualmente. Si trabajas en un espacio de trabajo de equipo, conecta la integración a nivel de espacio de trabajo para que todos los flujos compartan la misma conexión con Webflow.

Paso 2: configura el esquema de tu colección de Webflow CMS

Tu colección de Webflow debe coincidir con los resultados que genera tu flujo de AirOps. Abre Webflow y compara los campos de tu colección con los resultados de AirOps.

Un esquema de colección de blog estándar que funciona bien con AirOps tiene este aspecto:

Si a tu colección le faltan campos que genera tu flujo de AirOps, añádelos en Webflow antes de continuar. Si los campos no coinciden, la acción de publicación fallará o descartará contenido sin avisar.

Paso 3: crea o actualiza tu flujo de AirOps para que genere campos estructurados

Dentro de AirOps, tu flujo de trabajo debe generar resultados con nombre que correspondan a tus campos de Webflow. Si usas un flujo de Grid (la herramienta de contenido por lotes de AirOps), cada columna de la cuadrícula se convierte en un campo asignable.

Estructura los resultados de tu flujo así:

• title (texto sin formato, menos de 60 caracteres para SEO)
• body (texto enriquecido o HTML, según el tipo de campo de Webflow)
• meta_description (texto sin formato, de 140 a 160 caracteres)
• slug (en minúsculas, con guiones y sin espacios)
• status (en «draft» mientras haces pruebas y en «published» cuando esté listo)

En los campos de texto enriquecido, AirOps admite entrada en HTML. Si tu campo de texto enriquecido de Webflow acepta HTML, da formato HTML al cuerpo en lugar de usar markdown simple. Así se conservan la jerarquía de encabezados, las negritas, las listas y los enlaces sin que Webflow elimine el formato al importar.

Este es el punto de fallo más habitual en las configuraciones de AirOps con Webflow CMS. Los cuerpos en texto sin formato pierden todo el formato al enviarse a un campo de texto enriquecido.

Paso 4: añade la acción «Publish to CMS» en AirOps

Aquí es donde todo el flujo encaja.

1. Dentro de tu flujo de AirOps, haz clic en Add Action
2. Selecciona Publish to CMS from Grid (para flujos por lotes) o Webflow CMS Item (para flujos de un solo elemento)
3. Elige tu sitio de Webflow conectado en el menú desplegable
4. Selecciona la colección de CMS de destino
5. Asigna cada campo de salida de AirOps al campo correspondiente de la colección de Webflow

La pantalla de asignación de campos muestra los campos de tu colección de Webflow a la derecha y los resultados de tu flujo de AirOps a la izquierda. Arrastra o selecciona para conectarlos.

En los campos de referencia (como un campo de categoría o autor en Webflow), tendrás que pasar el ID del elemento de Webflow de esa referencia, no la etiqueta de texto. Obtén esos ID desde la API del CMS de Webflow o búscalos en el gestor de colecciones de Webflow.

Paso 5: prueba con un único elemento en borrador

Antes de ejecutar una publicación por lotes, prueba la conexión con un elemento en estado de borrador.

1. Establece el resultado de estado de tu flujo en "draft"
2. Ejecuta el flujo para una sola fila o una sola entrada
3. Abre Webflow CMS y comprueba si el elemento en borrador aparece en tu colección
4. Revisa cada campo: comprueba que el formato de texto enriquecido está intacto, que el slug es correcto y que no hay campos vacíos

Problemas habituales en esta fase:

• El campo de texto enriquecido muestra etiquetas HTML sin procesar: tu campo de Webflow está configurado como texto sin formato, no como texto enriquecido. Cambia el tipo de campo en Webflow.
• El elemento aparece pero el slug está vacío: el resultado del slug contiene espacios o mayúsculas. Añade un paso de transformación de texto en AirOps para limpiarlo.
• El campo de referencia está vacío: estás pasando una etiqueta en lugar de un ID de elemento de Webflow. Cambia a una asignación basada en ID.

Corrige cualquier problema de campos antes de pasar a la publicación por lotes.

Paso 6: ejecuta la publicación por lotes desde el Grid de AirOps

Cuando tu prueba con un solo elemento sea correcta, puedes publicar a escala con los Grids de AirOps.

1. Abre tu Grid de AirOps con las filas de contenido que quieres publicar
2. Selecciona las filas que quieres enviar a Webflow (o selecciónalas todas)
3. Haz clic en Publish to CMS
4. Confirma la colección de destino y la asignación de campos
5. Ejecuta la acción por lotes

AirOps procesa cada fila de forma secuencial y crea un nuevo elemento de CMS en Webflow por cada una. Verás un indicador de estado por fila que muestra si se ha completado o ha fallado. Las filas fallidas muestran un mensaje de error que suele apuntar a un problema concreto de asignación de campos.

En los flujos de actualización de contenido (que modifican elementos existentes de Webflow en lugar de crear nuevos), AirOps puede buscar coincidencias por ID de elemento o slug para actualizar en vez de duplicar. Pasa el ID del elemento existente de Webflow como columna de salida y asígnalo a la acción de actualización en lugar de a la de creación.

Cómo gestionar el formato de texto enriquecido en Webflow

El texto enriquecido es la parte técnicamente más delicada del flujo de AirOps a Webflow CMS, así que merece su propia sección.

El campo de texto enriquecido de Webflow acepta HTML. AirOps puede generar HTML si se lo indicas en tu prompt o en la configuración del flujo. Lo más seguro es:

1. Establecer explícitamente el formato HTML para el resultado del cuerpo en tu prompt («Genera el cuerpo del artículo en HTML válido, con etiquetas de encabezado, de párrafo y de lista adecuadas»)
2. Asignar este resultado a un campo de texto enriquecido de Webflow
3. Comprobar que las etiquetas <h2>, <h3>, <ul>, <ol>, <strong> y <a> se muestran correctamente en Webflow

Las tablas y los elementos de código personalizado requieren un tratamiento adicional. El campo de texto enriquecido de Webflow no admite de forma nativa las tablas HTML como lo hace una página HTML estándar. Si tu contenido incluye tablas, conviértelas en listas estructuradas antes de publicar o usa un campo de código incrustado en Webflow en lugar del campo de texto enriquecido.

Cómo automatizar todo el ciclo: del disparador al elemento publicado en el CMS

La versión más eficiente de este flujo elimina por completo los pasos manuales. Así se configura un ciclo que va del disparador a la publicación:

1. Disparador: una fila nueva en una hoja de Google Sheets, un registro de Airtable actualizado o una ejecución programada de AirOps
2. Generación: AirOps ejecuta el flujo de contenido y genera resultados estructurados
3. Publicación: AirOps lanza automáticamente la acción de publicación en Webflow CMS sin necesidad de hacer clic
4. Aviso: AirOps envía una notificación por Slack o correo electrónico que confirma que el elemento se ha publicado

Esta configuración es especialmente útil para los flujos de actualización de contenido. Le das a AirOps una lista de ID de elementos existentes de Webflow CMS con su contenido actual, el flujo los reescribe o actualiza, y el resultado vuelve directamente a los mismos elementos del CMS.

Preguntas frecuentes

P: ¿AirOps publica directamente en Webflow CMS o requiere Zapier?

AirOps tiene una integración nativa con Webflow que publica directamente en las colecciones del CMS, sin necesidad de Zapier ni Make como capa intermedia. Conectas Webflow dentro de AirOps, asignas los campos de salida a los campos de la colección y publicas en una sola acción. No hace falta ninguna herramienta de automatización de terceros.

P: ¿Qué formato debe usar AirOps para los campos de texto enriquecido de Webflow?

Usa salida en HTML para los campos de texto enriquecido de Webflow. Indica a tu workflow de AirOps que dé al contenido del cuerpo formato HTML válido, con las etiquetas adecuadas para títulos, párrafos, negritas y listas. El texto plano o el markdown pierden el formato al importarse en un campo de texto enriquecido de Webflow.

P: ¿Puede AirOps actualizar elementos existentes del CMS de Webflow o solo crear otros nuevos?

AirOps puede actualizar elementos existentes del CMS de Webflow: pasa por el workflow el ID de Webflow del elemento y lo asigna a una acción de actualización en lugar de una de creación. Así funcionan los workflows de actualización de contenido: se identifica el elemento por su ID, se reescribe el contenido y se envía la actualización al mismo elemento del CMS.

P: ¿Cuántos elementos del CMS de Webflow puede publicar AirOps en una sola ejecución por lotes?

AirOps procesa las filas de Grid de forma secuencial, así que por parte de AirOps no hay un límite estricto para el tamaño del lote. La API del CMS de Webflow sí tiene límites de frecuencia (actualmente 60 solicitudes por minuto en los planes estándar). Para lotes grandes de más de 60 elementos, incluye un margen para el límite de frecuencia en la configuración de tu workflow de AirOps o divide el lote en ejecuciones más pequeñas.

P: ¿Es adecuada esta integración para equipos sin perfil técnico?

Sí. La interfaz de asignación de campos de AirOps es visual y no requiere conocimientos de API. El principal paso técnico es configurar la conexión OAuth de Webflow y entender el esquema de tu colección. Una vez hecho esto, los equipos de contenido pueden ejecutar y publicar workflows sin ayuda de desarrollo.