Migração de Webflow para TYPO3

Sites em Webflow batem em limites duros quando chegam as exigências corporativas

O Webflow é excelente para protótipos, landing pages e startups com três a cinco pessoas. A partir de certo ponto, porém, a plataforma vira um problema: sem suporte a vários idiomas em nível corporativo, sem gestão granular de permissões, sem fluxos personalizados no backend, sem opção on-premise e com hospedagem apenas na infraestrutura do Webflow, um provedor americano que não documenta opção de manter os dados na UE. O TYPO3 é a evolução natural para empresas que administram centenas de páginas, precisam de um CMS com fluxos editoriais e querem decidir onde os dados ficam, seja pelas regras de transferência internacional da LGPD (PT: RGPD e o acórdão Schrems II), seja por política interna de compliance. A Gosign migra sites do Webflow para o TYPO3: o design existente (HTML/CSS) é convertido em templates Fluid, o conteúdo é transferido de forma estruturada, e as funções são complementadas com extensões do TYPO3.

Empresas em crescimento, setores regulados e expansão internacional puxam a migração

O cenário mais comum é a startup que cresceu rápido e não consegue mais escalar o site em Webflow. Com 20 pessoas e um site em um idioma, o Webflow funciona. Com 200 pessoas, cinco idiomas e um blog com 500 artigos, já não funciona. A estrutura de preços do Webflow não escala: os planos de CMS são limitados a 10.000 itens, o código personalizado é restrito e o acesso à API tem limite de requisições. A mudança para o TYPO3 dá à empresa controle total sobre hospedagem, performance e extensibilidade.

O segundo cenário são setores regulados. Uma fintech montou o site institucional no Webflow, mas o compliance exige hospedagem no Brasil (PT: na UE), logs de auditoria para mudanças de conteúdo e um fluxo de aprovação com quatro olhos para cada página. O Webflow não oferece nada disso de forma nativa. O TYPO3 oferece: Workspaces para staging e aprovação, ext:belog para logs de auditoria e hospedagem num servidor em São Paulo.

Terceiro cenário: expansão internacional. Uma indústria mantém o site principal no Webflow, em inglês. Agora quer criar sites por país em 12 idiomas. O Webflow Localization é caro e limitado. O TYPO3 oferece suporte nativo a multisite e a vários idiomas, em que cada idioma pode ter a própria estrutura de páginas, inclusive conteúdos locais que não existem em todos os idiomas.

A exportação do Webflow vira templates Fluid, e as interações são reconstruídas

A migração segue um processo definido: exportação do projeto Webflow em HTML/CSS/JS, análise da estrutura de páginas e de cada interação usada, conversão do HTML em templates Fluid e importação do conteúdo em elementos de conteúdo do TYPO3. A exportação do Webflow entrega um HTML limpo e semântico, que se traduz bem para o Fluid. O CSS é aproveitado como arquivo Sass/SCSS ou reescrito em classes utilitárias do Tailwind, conforme o setup do TYPO3.

As interações do Webflow (animações de rolagem, efeitos de hover, modais) hoje se apoiam no GSAP, a biblioteca de animação em JavaScript que o Webflow adquiriu em 2024. Não é possível levá-las 1:1. Em vez disso, elas são reconstruídas com CSS nativo (transitions, animations) ou JavaScript leve (IntersectionObserver, elemento dialog). Na maioria dos casos, isso reduz o JavaScript de 200 a 300 KB (runtime do Webflow) para menos de 20 KB.

A importação do conteúdo usa a API do Webflow ou a exportação HTML. Cada Collection do Webflow é mapeada para um elemento de conteúdo do TYPO3 ou um registro Extbase. Artigos de blog vão para o tx_news, membros da equipe para registros próprios, depoimentos para a estrutura de dados existente no TYPO3.

Recursos exclusivos do Webflow e redirecionamentos de URL são os pontos críticos

O maior problema da migração são os recursos do Webflow sem equivalente no TYPO3. Os formulários do Webflow rodam num processador de formulários integrado; no TYPO3, é preciso configurar um sistema de formulários (powermail, Form Framework). O e-commerce do Webflow roda na própria plataforma; no TYPO3, é preciso implantar um sistema de loja (nativo do TYPO3 ou integração com Shopware ou Magento). Essas lacunas precisam ser identificadas antes da migração e planejadas no projeto TYPO3.

Segundo problema: redirecionamentos de URL. As URLs do Webflow seguem um esquema próprio. Depois da migração, todas as URLs antigas precisam redirecionar para as novas URLs do TYPO3, para que o Google não indexe as páginas como 404 e os backlinks existentes sejam preservados. Com 200 páginas, são 200 redirecionamentos, configurados na tabela de redirects do TYPO3 ou via .htaccess.

Terceiro ponto: diferenças de design. O Webflow gera HTML e CSS padrão, que o navegador renderiza como qualquer outra página. Um layout perfeito no Webflow pode ainda assim renderizar um pouco diferente no TYPO3, porque faltam as folhas de estilo base do Webflow (webflow.css, normalize.css) ou porque o reset de CSS e a forma de carregar as fontes mudam. Por isso, uma rodada de QA visual depois da migração é obrigatória.

A migração não é um upgrade, e sim uma troca de plataforma

Não existe caminho automatizado de migração do Webflow para o TYPO3. Cada migração é um projeto com análise, conversão, importação e QA. A duração depende da complexidade: um site simples, com 20 páginas e um blog, é migrado em duas a três semanas. Um site complexo, com 500 páginas, e-commerce e cinco idiomas, leva de dois a três meses. A Gosign já fez migrações do Webflow para empresas com sites de 50 a 2.000 páginas e usa conversão de templates assistida por IA, que gera o código Fluid a partir do HTML do Webflow e reduz o ajuste manual ao mínimo.