O ponto principal: traduzir uma coleção do Webflow CMS manualmente consome tempo demais: o único fluxo de trabalho escalável é exportar sua coleção como CSV, usar um motor de IA especializado para localizar seu rich text e campos de SEO, ignorando slugs e IDs de referência, e reimportar os dados para atualizar centenas de itens em minutos.
Este guia mostrará como traduzir uma coleção inteira do Webflow CMS, da exportação à reimportação, em menos de 10 minutos, indicando as colunas corretas em uma instrução simples em inglês para o AI Glot.
Se você leu nossa visão geral sobre como funciona a Localização do Webflow, sabe que o Editor nativo é ótimo para páginas estáticas, mas torna-se dolorosamente lento para coleções grandes de CMS. Traduzir 200 posts de blog campo por campo não é um fluxo de trabalho realista para a maioria das equipes.
A solução é simples: exporte a coleção do CMS como CSV, traduza apenas as colunas de texto e reimporte o resultado. Este guia cobre cada etapa com detalhes suficientes para que você possa acompanhar com seu próprio projeto no Webflow.
Pré-requisitos
Antes de começar, certifique-se de ter:
- Um site Webflow com pelo menos uma coleção de CMS que contenha o conteúdo que você deseja traduzir.
- Uma conta no AI Glot (o plano gratuito oferece 2.000 créditos mensais, além de um bônus de 5.000 créditos no cadastro, o que é suficiente para uma coleção de tamanho médio).
- Familiaridade básica com arquivos CSV. Se você consegue abrir uma planilha, está pronto.
Passo 1: Exporte sua coleção de CMS do Webflow
Abra seu projeto no Webflow e navegue até o painel do CMS (o ícone de banco de dados na barra lateral esquerda). Selecione a coleção que deseja traduzir. Para este exemplo, usaremos uma coleção de “Blog Posts”, mas o processo é idêntico para páginas de produtos, estudos de caso, membros da equipe ou qualquer outro tipo de coleção.
Clique no ícone de engrenagem de configurações da coleção e selecione “Export CSV.” O Webflow baixará um arquivo contendo todos os itens da coleção, com cada campo representado por uma coluna.
Abra o arquivo em qualquer aplicativo de planilha (Google Sheets, Excel, Numbers) para entender a estrutura. Uma exportação típica de coleção de blog parece com isto:
| Name | Slug | Post Body | Post Summary | Main Image | Category | SEO Title | SEO Description | Published On |
|---|---|---|---|---|---|---|---|---|
| Building our API | building-our-api | <rich text> |
A technical deep dive… | uploads/api.webp | Engineering | Building our API - Blog | Learn how we… | 2026-01-15 |
Reserve um momento para identificar quais colunas são de “conteúdo” e quais são de “estrutura”. Essa distinção é toda a base do fluxo de trabalho.
Colunas de conteúdo (traduza estas):
NamePost BodyPost SummarySEO TitleSEO Description
Colunas de estrutura (não mexa nestas):
Slug(seu caminho de URL)Main Image(uma referência de arquivo)Category(um ID de referência de coleção)Published On(uma data)
Esta é uma regra de ouro para qualquer tradução de exportação de CMS: se o campo contém dados que outro sistema lê programaticamente (URLs, IDs, datas, nomes de arquivos), ele não deve ser traduzido. Apenas campos de texto legíveis por humanos recebem a tradução para evitar quebrar sua importação.
Passo 2: Faça o upload para o AI Glot e descreva o trabalho
Faça login no AI Glot e envie o arquivo CSV que você acabou de exportar. A plataforma analisará automaticamente a estrutura do arquivo, detectando o número de colunas, linhas e o provável idioma de origem.
Aqui é onde a instrução faz a diferença. Para exportações do CMS do Webflow, nomeie exatamente quais colunas devem ser traduzidas em uma única frase. Isso informa ao AI Glot quais colunas traduzir e quais deixar intactas.
Quando a análise for concluída, você escreve sua instrução. Para cada coluna, você decide:
- Traduzir: mencione-a em sua instrução e o AI Glot processará seu conteúdo.
- Ignorar: deixe-a de fora e ela passará inalterada.
Para o nosso exemplo de blog, a instrução cobriria:
| Coluna | Ação | Motivo |
|---|---|---|
| Name | ✅ Traduzir | Título do artigo, visível para o leitor |
| Slug | ❌ Ignorar | Caminho da URL, deve permanecer em inglês |
| Post Body | ✅ Traduzir | Conteúdo principal, a maior parte do trabalho |
| Post Summary | ✅ Traduzir | Resumo exibido nas páginas de listagem |
| Main Image | ❌ Ignorar | Referência de arquivo, não é texto |
| Category | ❌ Ignorar | ID de referência da coleção |
| SEO Title | ✅ Traduzir | Exibido nos resultados de busca |
| SEO Description | ✅ Traduzir | Exibido nos resultados de busca |
| Published On | ❌ Ignorar | Data, não traduzível |
Essa instrução explícita é o que separa um fluxo de trabalho de tradução estruturado da abordagem de “colar tudo no ChatGPT e torcer pelo melhor”. Você está dizendo à IA exatamente onde estão os limites, e esses limites são definidos antes que a primeira palavra seja processada.
Passo 3: Configure o idioma e o glossário
Após confirmar seu plano, defina o idioma de destino. O AI Glot suporta uma ampla gama de pares de idiomas, e o idioma de origem geralmente é detectado automaticamente a partir do conteúdo.
Este também é o momento certo para adicionar termos ao glossário se você tiver um vocabulário específico da marca. Por exemplo:
- O nome da sua empresa nunca deve ser traduzido.
- Nomes de produtos técnicos como “FlowEngine” ou “DataSync Pro” devem permanecer em inglês.
- Termos do setor podem ter traduções preferenciais em seu mercado de destino.
Se você estiver traduzindo um blog, poderá adicionar entradas como:
| Termo de origem | Termo de destino (Francês) | Notas |
|---|---|---|
| AI Glot | AI Glot | Nome da marca, nunca traduzir |
| no-code | no-code | Termo do setor, manter em inglês |
| CMS | CMS | Abreviação técnica |
| API | API | Termo universal |
Os glossários tornam-se cada vez mais valiosos à medida que sua coleção cresce. Traduzir 10 artigos sem um glossário pode produzir resultados aceitáveis. Traduzir 300 artigos sem um produzirá inconsistências perceptíveis, onde o mesmo termo é traduzido de formas diferentes entre as postagens. É por isso que você deve criar um glossário de tradução antes de iniciar seu primeiro lote principal.
Passo 4: Revise e inicie a tradução
Antes que o AI Glot consuma qualquer crédito, você terá uma prévia completa do trabalho. Esta tela de revisão mostra:
- O número total de palavras sendo traduzidas.
- O custo estimado em créditos.
- Quais colunas estão incluídas e quais estão excluídas.
- Uma amostra do conteúdo de origem.
Reserve alguns segundos para revisar isso. É muito melhor corrigir um erro agora (como incluir acidentalmente a coluna Slug) do que descobri-lo após a conclusão da tradução.
Quando tudo estiver correto, clique em “Translate”. O AI Glot processa o conteúdo em segundo plano. Você não precisa manter a aba do navegador aberta. Para uma coleção de blog com 200 itens, isso geralmente leva alguns minutos.
Passo 5: Baixar e reimportar no Webflow
Quando a tradução for concluída, baixe o CSV traduzido. Abra-o em um aplicativo de planilha para fazer uma verificação rápida: certifique-se de que o texto traduzido parece correto, que os slugs permanecem inalterados e que a contagem de linhas corresponde ao original.
Para reimportar no Webflow:
- Vá para as configurações da sua coleção CMS.
- Clique em “Import CSV.”
- Faça o upload do arquivo traduzido.
- O Webflow pedirá que você mapeie as colunas do CSV para os campos da sua coleção. Faça a correspondência e confirme.
Importante: O Webflow associa os itens pelo campo Slug durante a importação. Desde que você tenha mantido os slugs inalterados (o que é garantido ao nomear suas colunas explicitamente), o conteúdo traduzido será aplicado aos itens corretos.
Se você estiver trabalhando com o recurso de Localização nativo do Webflow, poderá ser necessário importar o conteúdo traduzido para a variante de localidade específica de cada item. Algumas equipes utilizam a API do Webflow para esta etapa ao lidar com coleções muito grandes.
Lidando com campos de texto rico
O campo Post Body do Webflow (ou qualquer campo de Rich Text) é exportado como HTML no CSV. Isso é, na verdade, positivo para fins de tradução, pois a IA consegue entender a estrutura semântica do conteúdo: títulos, parágrafos, listas e links.
O AI Glot processa o conteúdo HTML preservando a marcação. Assim, um parágrafo como:
<p>Our <strong>new API</strong> supports <a href="/docs">full documentation</a>.</p>
É traduzido para algo como:
<p>Notre <strong>nouvelle API</strong> prend en charge <a href="/docs">la documentation complète</a>.</p>
Note que as tags HTML, os atributos href dos links e os elementos estruturais permanecem intactos. Apenas o conteúdo de texto visível muda. Isso significa que o conteúdo reimportado terá a mesma aparência do original no Webflow Designer, apenas no idioma de destino.
E quanto ao conteúdo contínuo?
Este fluxo de trabalho via CSV é mais poderoso para a tradução inicial em massa, como pegar o seu histórico de 200 posts de blog e torná-lo disponível em francês.
Para conteúdo contínuo (novos posts publicados semanalmente), você tem duas opções práticas:
- Traduzir novos posts nativamente no Editor do Webflow conforme são publicados. Se forem 1 ou 2 posts por semana, o fluxo manual é gerenciável.
- Agrupar novos posts mensalmente, exportando a coleção, filtrando os itens não traduzidos, processando-os no AI Glot e reimportando.
A maioria das equipes descobre que uma abordagem híbrida funciona melhor: localização nativa para necessidades editoriais em tempo real e execuções periódicas de lotes via CSV para todo o restante.
Conclusão
Traduzir uma coleção do CMS do Webflow não precisa significar semanas de copiar e colar manualmente no Editor. O caminho de exportação via CSV oferece um fluxo de trabalho controlado e repetível que processa centenas de itens no tempo que levaria para traduzir dez manualmente.
A chave é nomear exatamente quais colunas traduzir para proteger seus dados estruturais enquanto deixa a IA cuidar do conteúdo. Combinado com um glossário para consistência de marca, este fluxo transforma a localização do Webflow de um gargalo em uma operação rotineira.
Pronto para traduzir sua primeira coleção do Webflow? Inscreva-se no AI Glot e execute um lote de teste em sua menor coleção para ver o fluxo de trabalho em ação.