Como conectar o AirOps ao Webflow CMS?

Resposta rápida: você pode conectar o AirOps ao Webflow CMS usando a integração nativa do AirOps com o Webflow ou a ação "Publish to CMS from Grid". Depois de conectado, o conteúdo gerado por AI vai direto para as collections do seu Webflow CMS, sem precisar copiar, formatar ou alternar entre ferramentas.

O conteúdo gerado por AI só é útil se for publicado. Se a sua equipe roda workflows no AirOps e depois copia manualmente as saídas para o Webflow, você está criando um atrito que anula o propósito da automação.

Este tutorial mostra exatamente como enviar as saídas do AirOps para as collections do Webflow CMS de forma automática. Ao final, você terá um pipeline funcionando que pega o conteúdo gerado por AI e o publica direto no CMS, campo por campo, sem abrir o editor do Webflow.

O que a integração do AirOps com o Webflow CMS realmente faz

A integração entre o AirOps e o Webflow conecta seus workflows de conteúdo com AI às collections do Webflow CMS via API. Em vez de exportar um documento e reformatá-lo para o Webflow, o AirOps mapeia os campos de saída diretamente para os campos da collection do CMS e publica os itens sob demanda.

Isso significa que:

• Campos de título são mapeados para o nome do item no Webflow
• Saídas em rich text são mapeadas para campos de várias linhas ou de rich text na sua collection
• Meta descriptions, slugs e tags são mapeados para os campos correspondentes
• O status de rascunho ou publicado é definido no próprio workflow

A própria equipe do Webflow usou essa integração com o AirOps para acelerar em 5x as atualizações de conteúdo. Se você está montando um workflow de publicação escalável, também ajuda entender como o CMS afeta o desempenho orgânico, especialmente na hora de escolher o melhor CMS para SEO.

O que você precisa antes de começar

Antes de montar o pipeline, confirme que você tem o seguinte:

• Uma conta ativa do AirOps (qualquer plano pago inclui integrações com CMS)
• Um site Webflow com pelo menos uma collection do CMS configurada
• Um token de API do Webflow com permissões de leitura e escrita no CMS
• Um workflow do AirOps funcionando que gere saídas estruturadas (título, corpo, meta etc.)

Se o seu workflow do AirOps ainda gera texto não estruturado, estruture-o primeiro. A integração funciona campo por campo, então as saídas precisam corresponder ao schema da collection antes de o mapeamento fazer sentido.

Passo 1: conecte o Webflow ao AirOps

1. Abra o AirOps e acesse Integrações na barra lateral esquerda
2. Selecione Webflow na lista de integrações
3. Clique em Connect e autentique-se com a sua conta do Webflow
4. Conceda ao AirOps permissão para acessar as collections do CMS do seu site
5. Selecione o site do Webflow específico no qual você quer publicar

O AirOps usa OAuth para autenticação, então você não precisa colar chaves de API manualmente nesta etapa. Se você trabalha em um workspace de equipe, conecte a integração no nível do workspace para que todos os workflows compartilhem a mesma conexão com o Webflow.

Passo 2: configure o schema da collection do Webflow CMS

A collection do Webflow precisa corresponder às saídas geradas pelo seu workflow do AirOps. Abra o Webflow e compare os campos da collection com as saídas do AirOps.

Um schema padrão de collection de blog que funciona bem com o AirOps é assim:

Se a sua collection não tiver campos que o seu workflow do AirOps gera, adicione-os no Webflow antes de continuar. Campos incompatíveis farão a ação de publicação falhar ou descartar conteúdo sem avisar.

Passo 3: crie ou atualize seu workflow do AirOps para gerar campos estruturados

No AirOps, o workflow precisa gerar saídas nomeadas que correspondam aos seus campos do Webflow. Se você usa um workflow de Grid (a ferramenta de conteúdo em lote do AirOps), cada coluna do grid se torna um campo mapeável.

Estruture as saídas do workflow assim:

• title (texto simples, com menos de 60 caracteres para SEO)
• body (rich text ou HTML, dependendo do tipo de campo no Webflow)
• meta_description (texto simples, de 140 a 160 caracteres)
• slug (minúsculas, com hifens, sem espaços)
• status (defina como "draft" durante os testes e mude para "published" quando estiver pronto)

Para campos de rich text em particular, o AirOps aceita entrada em HTML. Se o seu campo de rich text do Webflow aceita HTML, formate a saída do corpo como HTML em vez de markdown simples. Assim, a hierarquia de títulos, o negrito, as listas e os links são preservados, sem que o Webflow remova a formatação na importação.

Este é o ponto de falha mais comum nas configurações entre AirOps e Webflow CMS. Saídas de corpo em texto simples perdem toda a formatação quando enviadas a um campo de rich text.

Passo 4: adicione a ação "Publish to CMS" no AirOps

É aqui que o pipeline se completa.

1. No seu workflow do AirOps, clique em Add Action
2. Selecione Publish to CMS from Grid (para workflows em lote) ou Webflow CMS Item (para workflows de item único)
3. Escolha o site do Webflow conectado no menu suspenso
4. Selecione a collection do CMS de destino
5. Mapeie cada campo de saída do AirOps para o campo correspondente da collection do Webflow

A tela de mapeamento mostra os campos da collection do Webflow à direita e as saídas do workflow do AirOps à esquerda. Arraste ou selecione para conectá-los.

Para campos de referência (como um campo de categoria ou autor no Webflow), você precisa passar o ID do item do Webflow para essa referência, não o rótulo de texto. Obtenha esses IDs pela API do Webflow CMS ou consulte-os no gerenciador de collections do Webflow.

Passo 5: teste com um único item em rascunho

Antes de rodar uma publicação em lote, teste a conexão com um item definido como rascunho.

1. Defina a saída de status do seu workflow como "draft"
2. Rode o workflow para uma única linha ou uma única entrada
3. Abra o Webflow CMS e verifique se o item em rascunho aparece na sua collection
4. Revise cada campo: confirme que a formatação do rich text está intacta, que o slug está correto e que nenhum campo está em branco

Problemas comuns nesta etapa:

• O campo de rich text mostra tags HTML sem formatação: seu campo no Webflow está definido como texto simples, não como rich text. Atualize o tipo do campo no Webflow.
• O item aparece, mas o slug está vazio: a saída do slug contém espaços ou letras maiúsculas. Adicione uma etapa de transformação de texto no AirOps para limpá-lo.
• O campo de referência está em branco: você está passando um rótulo em vez do ID do item do Webflow. Mude para o mapeamento baseado em ID.

Corrija qualquer problema nos campos antes de passar para a publicação em lote.

Passo 6: execute a publicação em lote pelo Grid do AirOps

Depois que o teste com um único item passar, você pode publicar em escala usando os Grids do AirOps.

1. Abra o seu Grid do AirOps com as linhas de conteúdo que você quer publicar
2. Selecione as linhas que deseja enviar ao Webflow (ou selecione todas)
3. Clique em Publish to CMS
4. Confirme a collection de destino e o mapeamento de campos
5. Execute a ação em lote

O AirOps processa cada linha em sequência e cria um novo item do CMS no Webflow para cada uma. Você verá um indicador de status por linha mostrando sucesso ou falha. As linhas com falha exibem uma mensagem de erro que geralmente aponta para um problema específico de mapeamento de campo.

Em workflows de atualização de conteúdo (que atualizam itens existentes do Webflow em vez de criar novos), o AirOps pode fazer a correspondência por ID do item ou por slug para atualizar em vez de duplicar. Passe o ID do item existente do Webflow como uma coluna de saída e mapeie-o para a ação de atualização em vez da ação de criação.

Como lidar com a formatação de rich text no Webflow

O rich text é a parte tecnicamente mais complicada do pipeline entre AirOps e Webflow CMS, por isso merece uma seção própria.

O campo de rich text do Webflow aceita HTML. O AirOps pode gerar HTML se você instruir isso no prompt ou nas configurações do workflow. A abordagem mais segura é:

1. Definir explicitamente a saída do corpo no AirOps como HTML no seu prompt ("Output the article body as valid HTML with proper heading tags, paragraph tags, and list tags")
2. Mapear essa saída para um campo de rich text do Webflow
3. Testar se as <h2>, <h3>, <ul>, <ol>, <strong>, e <a> tags são renderizadas corretamente no Webflow

Tabelas e elementos de código personalizado exigem um tratamento extra. O campo de rich text do Webflow não oferece suporte nativo a tabelas HTML como uma página HTML comum. Se o seu conteúdo inclui tabelas, converta-as em listas estruturadas antes de publicar ou use um campo de embed personalizado no Webflow em vez do campo de rich text.

Automatizando o ciclo completo: do gatilho ao item publicado no CMS

A versão mais eficiente deste workflow elimina totalmente as etapas manuais. Veja como configurar um ciclo do gatilho à publicação:

1. Gatilho: uma nova linha adicionada a uma Google Sheet, um registro do Airtable atualizado ou uma execução agendada do AirOps
2. Geração: o AirOps roda o workflow de conteúdo e produz saídas estruturadas
3. Publicação: o AirOps dispara automaticamente a ação de publicação no Webflow CMS, sem clique manual
4. Notificação: o AirOps envia uma notificação por Slack ou e-mail confirmando que o item foi publicado

Essa configuração é especialmente útil em workflows de atualização de conteúdo. Você fornece ao AirOps uma lista de IDs de itens do Webflow CMS e o conteúdo atual deles, o workflow os reescreve ou atualiza, e a saída volta direto para os mesmos itens do CMS.

Perguntas frequentes

P: O AirOps publica diretamente no Webflow CMS ou exige o Zapier?

O AirOps tem uma integração nativa com o Webflow que publica direto nas coleções do CMS, sem precisar do Zapier ou do Make como camada intermediária. Você conecta o Webflow dentro do AirOps, mapeia os campos de saída para os campos da coleção e publica em uma única ação. Não é necessária nenhuma ferramenta de automação de terceiros.

P: Qual formato o AirOps deve usar para os campos de rich text do Webflow?

Use saída em HTML para os campos de rich text do Webflow. Instrua seu workflow do AirOps a formatar o corpo do conteúdo como HTML válido, com as tags corretas para títulos, parágrafos, negrito e listas. Texto simples ou markdown perde a formatação quando é importado para um campo de rich text do Webflow.

P: O AirOps pode atualizar itens existentes do CMS do Webflow ou só criar novos?

O AirOps pode atualizar itens existentes do CMS do Webflow: basta passar o ID do item no Webflow pelo workflow e mapeá-lo para uma ação de atualização, em vez de uma ação de criação. É assim que funcionam os workflows de atualização de conteúdo: você identifica o item pelo ID, reescreve o conteúdo e envia a atualização de volta ao mesmo item do CMS.

P: Quantos itens do CMS do Webflow o AirOps consegue publicar em uma única execução em lote?

O AirOps processa as linhas do Grid em sequência, então não há um limite rígido de tamanho de lote do lado do AirOps. A API do CMS do Webflow, porém, tem limites de requisições (atualmente 60 por minuto nos planos padrão). Para lotes grandes, com mais de 60 itens, inclua uma margem de segurança para o limite de requisições nas configurações do workflow no AirOps ou divida o lote em execuções menores.

P: Essa integração é adequada para equipes não técnicas?

Sim. A interface de mapeamento de campos do AirOps é visual e não exige conhecimento de API. A principal etapa técnica é configurar a conexão OAuth com o Webflow e entender o esquema da sua coleção. Com isso pronto, as equipes de conteúdo podem executar e publicar workflows sem suporte de desenvolvedores.