Exportação de código - Ajuda do Webflow
Em planos pagos do Workspace, você pode exportar o HTML, CSS, JavaScript e ativos do seu site para fazer backup do seu código, fornecê-lo ao seu cliente ou hospedá-lo onde quiser — sem necessidade de atribuição.
Como exportar seu código
- Abra seu site no Webflow
- Vá para Menu principal > Exportação de código (clique no logotipo "W" no canto superior esquerdo para abrir o Menu principal), ou pressione Shift + E
- Clique em Preparar ZIP
- Baixe o arquivo ZIP
Como exportar HTML minimizado
Minimizar seu HTML pode ajudar a melhorar o tempo de carregamento da página removendo espaços em branco, comentários e outros elementos de código que os navegadores não precisam para carregar a página. Para exportar HTML minimizado:
- Abra seu site no Webflow
- Vá para Menu principal > Exportação de código (clique no logotipo "W" no canto superior esquerdo), ou pressione Shift + E
- Pressione Command + O (no Mac) ou Control + O (no Windows)
- Marque a caixa de seleção Minimizar HTML que aparece na janela de exportação
- Clique em Preparar ZIP
- Baixe o arquivo ZIP
O que seus arquivos exportados incluem
O arquivo ZIP baixado contém todas as páginas, estilos, scripts e imagens do seu site:
- Uma pasta CSS com todos os estilos do seu site incluídos em 3 arquivos .css: - um arquivo CSS (por exemplo,
seu-nome-de-site.css) que contém todos os estilos personalizados do seu site -webflow.cssque contém estilos base comuns para componentes de layout do Webflow -normalize.cssque faz os navegadores renderizarem todos os elementos de forma mais consistente - Uma pasta JS com todos os arquivos JavaScript do seu site. Elementos e recursos como formulários, barras de navegação, sliders, abas e interações dependem desses arquivos. Se você excluir esses arquivos, sua página pode parecer correta, mas não funcionará como esperado.
- Uma pasta de imagens com todas as imagens carregadas no painel de ativos do seu site
- Arquivos .html para todas as páginas do seu site (incluindo páginas de modelo de coleção vazias)
Bom saber
Se você gostaria de ver um exemplo do código que o Webflow exporta, veja o código-fonte da página inicial — tudo é construído no Webflow!
O que seus arquivos exportados não incluem
Os seguintes recursos e conteúdos não estão incluídos no código exportado e não funcionarão como esperado em sites exportados:
- Conteúdo e funcionalidade de CMS (incluindo itens de Coleção e listas de Coleção)
- Conteúdo e funcionalidade de Contas de Usuário (incluindo usuários e grupos de acesso)
- Conteúdo e funcionalidade de Ecommerce (incluindo produtos e checkout)
- Proteção por senha do site e/ou página
- Processamento de envio de formulários
- Envios de formulários pré-existentes (podem ser exportados separadamente)
- Elementos reCAPTCHA dentro de formulários
- Busca no site
- Conteúdo localizado (apenas páginas, elementos e conteúdo do idioma principal do seu site estão incluídos)
- Componentes de código
FAQ e dicas de solução de problemas
Por que há um prefixo “w-” na frente dos nomes das classes?
O Webflow prefixa classes específicas de componentes com “w-” para evitar conflitos com outros frameworks de código.
Posso escolher exportar apenas uma parte do código do meu site?
No momento, você não pode escolher o que será exportado. Todas as partes exportáveis do seu site serão incluídas em cada exportação.
Posso editar o código após exportá-lo?
Você pode editar o código após a exportação. Alterações manuais nos arquivos exportados podem quebrar alguns componentes do Webflow.
Posso remover as extensões .html do URL das minhas páginas exportadas?
Se você quiser remover as extensões .html das suas páginas exportadas, pode fazê-lo com um arquivo .htaccess.
Preciso fornecer atribuição ao Webflow se hospedar meu site externamente?
Não, você não precisa fornecer atribuição ao Webflow ou manter um plano do Webflow para que seu site exportado funcione no seu próprio servidor.
O código exportado inclui meu conteúdo de CMS, Assinaturas e Ecommerce?
Não. Conteúdos de CMS, Contas de Usuário e Ecommerce (bancos de dados) não estão incluídos no código exportado. Listas de Coleção mostrarão o estado vazio.
O código exportado inclui minhas páginas, elementos e conteúdo localizados?
Não. Páginas, elementos e conteúdo localizados não estão incluídos no código exportado. O código exportado inclui apenas o local principal.
As páginas protegidas por senha ainda estarão protegidas após eu exportar meu código?
Não. Qualquer página protegida por senha no seu site não estará protegida após a exportação do código. Seu site deve ser hospedado com a Webflow para que a proteção por senha funcione como esperado.
Todos os elementos funcionarão no meu site se eu hospedar o código em outro lugar?
CMS, Contas de Usuário, conteúdo e funcionalidade de Ecommerce, e páginas, elementos e conteúdo localizados não estão incluídos no código exportado. Esses recursos requerem hospedagem para funcionar como esperado. Além disso, a busca no site e os formulários (incluindo upload de arquivos e reCAPTCHA) não funcionarão em sites exportados para cumprir com o GDPR.
Por que minhas animações Lottie não funcionam localmente quando eu exporto meu site?
Por razões de segurança, arquivos JSON do Lottie não serão carregados do seu sistema de arquivos local, então as animações Lottie não aparecerão quando você carregar seu site localmente — elas precisam de um servidor web para funcionar como esperado.