Nosso editor é muito flexível: ele permite adicionar qualquer script ou código personalizado para ampliar a funcionalidade do seu site. No entanto, os códigos personalizados costumam se romper, desativar o editor ou exigir outras etapas. Por isso, temos algumas orientações que você deve seguir sempre que for testar códigos personalizados.
HTTP X HTTPS
Se você estiver trabalhando com código personalizado, é importante saber que scripts e recursos só podem ser carregados no mesmo HTTP ou HTTPS.
Por padrão, o editor é sempre carregado em HTTPS. Se estiver usando scripts de HTTP no editor, eles não ficarão visíveis no editor, pois são carregados em uma conexão segura, mas ficarão visíveis no site publicado, que é carregado em conexão insegura.
Para corrigir isso, é sempre melhor carregar seus recursos em uma conexão segura.
Código de cabeçalho personalizado
Quando adicionar um código personalizado a um cabeçalho, crie uma duplicata do site e teste o código no site duplicado. Se não der certo, basta excluir o site.
Como alternativa, você pode testar o código do cabeçalho em uma página em branco e separada no mesmo site. Se a página travar, basta excluir a página ou acessar o código pelo Modo Desenvolvedor.
Código de página personalizado
Quando adicionar um código personalizado a uma página:
- Crie uma cópia da página, depois adicione o código personalizado.
- Se falhar, é possível navegar para o HTML/CSS da página acessando o Modo Desenvolvedor a partir de outra página.
- Você também pode excluir a página e começar de novo ao duplicá-la.
- Se o código personalizado estiver na página inicial, você pode tentar acessar o editor adicionando um /contato ou algum outro URL no final do link do seu editor.
Otimização da velocidade da página
A otimização da velocidade da página afeta a maneira como certos scripts são executados. Executamos a otimização de PageSpeed na maioria das páginas no Construtor de sites, o que pode causar problemas com seu código personalizado. Ao solucionar problemas de código, você pode verificar se é um problema com o PageSpeed realizando as seguintes ações:
- Duplicar a página com seus scripts.
- Alterar o URL para "testing_scripts".
- Publicar e verificar a página em seu site ativo.
Se o código funcionar nessa página, entre em contato com o suporte para desativar a otimização PageSpeed para o seu site.
Se estiver usando um script, certifique-se de que ele esteja sendo executado de forma assíncrona. Não é garantido, mas às vezes isso pode resolver o problema com scripts que não estão sendo executados corretamente no navegador.
Para ativar a assincronização em scripts, altere seu código fazendo o seguinte:
- Código antigo: <script src="https://example.com/script.js"></script>
- Novo código: <script src="https://example.com/script.js" async defer></script>
Desativar a navegação animada
O recurso de navegação animada do Construtor de sites, geralmente interfere na forma como o código personalizado é carregado. Você pode desativar a navegação animada em sites responsivos clicando com o botão direito do mouse no seu elemento de navegação no seu editor, clique em Editar, e clique Desativar a navegação animada.
Solução de problemas
Um site quebrado por código personalizado normalmente carrega uma página em branco no editor (ou quebra seus recursos de edição). Se um código personalizado quebrou seu site, há várias opções disponíveis para você.
- Se você tiver um backup, clique em Configurações no painel esquerdo, clique em Backup do site e restaure-o para um backup.
- Faça login em http://my.Website Builder.co?nossl, que é uma versão da nossa plataforma mais compatível com códigos.
- Se não conseguir acessá-lo no seu editor ao carregar, você pode tentar carregar uma nova página.
Para corrigir esse problema, tente acessar seu editor em uma nova página. Você pode fazer isso inserindo um URL diferente no link do editor. Este é um link que acessa a página “Sobre nós” de um site, por exemplo: https://my.Website Builder.co/home/site/XXXXXXX/about
- Se o editor estiver quebrado, tente forçar a abertura do editor por meio do atalho de teclado do inspetor de elementos
- Mac: Command+Option+C
- PC: Ctrl+Alt+C
Política de código personalizado do Construtor de sites
Devido à natureza imprevisível do código personalizado, não podemos solucionar o motivo pelo qual um elemento codificado personalizado pode não estar funcionando em um site.
No momento, nós não temos desenvolvedores disponíveis para solucionar problemas de código personalizado. Portanto, siga as diretrizes acima ao usar códigos personalizados em seu site.