Expanda a funcionalidade do seu site adicionando HTML personalizado e links de navegação. Aprenda abaixo como adicionar código personalizado a todo o site ou a páginas específicas e como configurar menus de navegação estruturados.
Expanda a funcionalidade do site adicionando HTML e scripts personalizados. Use este widget para integrar recursos de terceiros, como vídeos, formulários ou calendários.
Dica:
Adicione apenas código de fontes confiáveis. Sempre revise e teste o código personalizado antes de publicar e faça um backup do seu site primeiro.
Para controle avançado, consulte o Modo Desenvolvedor.
Limitações
- Guesty não consegue solucionar problemas de código personalizado.
- Use HTTPS para todos os recursos externos, caso contrário, eles não carregarão.
- Não sobrescreva nem reinicialize o jQuery.
Onde adicionar código personalizado
Você tem duas opções principais para adicionar código personalizado:
Opção 1: Adicionar código para todo o site
Aplique o código globalmente em todas as páginas adicionando-o à tag de cabeçalho <head> do site ou antes da tag de fechamento <body>.
- No painel lateral, clique em SEO e Configurações.
- Clique em Cabeçalho HTML.
- HTML do cabeçalho: Adicione conteúdo ao
<head>. Use este campo para scripts globais, estilos, meta tags ou código de verificação que devem aparecer no cabeçalho de todas as páginas. - HTML do corpo da página: Adicione HTML ou JavaScript personalizado imediatamente antes do elemento de fechamento
</body>em todas as páginas.
- HTML do cabeçalho: Adicione conteúdo ao
- Cole seu código.
- Clique em Salvar.
Dica:
Coloque o código que carrega recursos (como CSS ou scripts em geral) na seção <head>. Use a seção <body> para widgets ou código de análise que precisam ser carregados após o conteúdo da página.
Para obter mais detalhes, consulte o guia de código personalizado da Duda.
Opção 2: Adicionar código por página (cabeçalho de página única)
Adicione código ao cabeçalho de uma página específica para scripts ou estilos que devem afetar apenas essa página.
- No painel lateral, clique em Páginas.
- Localize a página à qual deseja adicionar o código e clique
. - Clique em Editar SEO da página.
- Desça até o cabeçalho HTML.
- Cole o seu código no campo e clique em Salvar.
Isso adiciona código apenas ao <head> da página selecionada.
- Clique no widget HTML e selecione a guia Conteúdo.
- Cole seu HTML personalizado na caixa de texto.
- Clique em Atualizar para salvar.
Adicione dados conectados ao widget HTML
Expanda o tamanho do seu site inserindo campos dinâmicos de uma coleção no widget HTML. Isso permite exibir conteúdo personalizado, como podcasts exclusivos do SoundCloud ou calendários externos, para cada item da coleção.
Saiba mais sobre dados conectados.
Clique no widget HTML e selecione a guia Design para ajustar o layout, o estilo ou o espaçamento do widget.