Site avançado: Diretrizes para código personalizado

Nosso editor é muito flexível, permitindo que você expanda a funcionalidade do seu site adicionando qualquer script ou código personalizado. No entanto, o código personalizado tende a quebrar ou desativar o editor, ou exigir etapas adicionais para funcionar. Por isso, temos algumas diretrizes que você deve seguir ao testar código personalizado.

Se você estiver trabalhando com código personalizado, é importante saber que scripts e recursos só podem ser carregados no mesmo protocolo HTTP ou HTTPS.

Por padrão, o editor é sempre carregado em HTTPS. Se você estiver usando um script HTTP no editor, ele não será visível no editor, pois é carregado por meio de uma conexão segura, mas será visível no site publicado, já que é carregado em uma conexão não segura.

Para resolver isso, é sempre melhor carregar seus recursos por meio de uma conexão segura.

Ao adicionar código personalizado a um cabeçalho, crie uma cópia do site e teste o código na cópia. Se falhar, basta excluir o site original.

Alternativamente, você pode testar o código do cabeçalho em uma página em branco separada no mesmo site. Se a página apresentar erros, basta excluí-la ou acessar o código pelo modo de desenvolvedor.

Ao adicionar código personalizado a uma página:

1. Crie uma cópia da página e, em seguida, adicione seu código personalizado.
2. Caso falhe, você pode acessar o HTML/CSS da página indo para outra página e acessando o modo de desenvolvedor a partir daí.
3. Você também pode excluir a página e começar de novo criando uma duplicata.
4. Se houver código personalizado na sua página inicial, você pode tentar acessar o editor adicionando "/contato" ou outro URL similar ao final do link do editor.

A otimização da velocidade da página afeta a forma como certos scripts são executados. Executamos a otimização do PageSpeed na maioria das páginas dos sites da Guesty, o que pode causar problemas com seu código personalizado. Ao solucionar problemas de código, você pode verificar se o problema está relacionado ao PageSpeed seguindo estas etapas:

1. Duplicando a página com seus scripts.
2. Alterando a URL para "testing_scripts".
3. Publicando e verificando a página no seu site em funcionamento.

Se você estiver usando um script, também pode tentar garantir que ele seja executado de forma assíncrona — não há garantia de que isso funcione, mas às vezes pode resolver o problema de scripts que não estão sendo executados corretamente no navegador.

Para habilitar o modo assíncrono em scripts, altere seu código da seguinte forma:

• Código antigo: <script src="https://example.com/script.js"></script>
• Novo código: <script src="https://example.com/script.js" async defer></script>

Um site que é afetado por código personalizado normalmente carrega uma página em branco no editor (ou quebra suas funcionalidades de edição). Se o código personalizado afetou seu site, existem várias opções disponíveis:

• Se você tiver um backup, no painel esquerdo, clique em Configurações, clique em Site de backup e restaure para um backup.
• Se o editor estiver com problemas, tente forçar a abertura usando o atalho de teclado para o inspetor de elementos
  • Mac. Command+Option+C
  • PC. Ctrl+Alt+C
• Entre em contato com nossa equipe para obter assistência.

Devido à natureza imprevisível do código personalizado, não podemos solucionar problemas que levem um elemento com código personalizado a não funcionar em um site.