Passar para o conteúdo principal

Como adicionar código personalizado ao seu site

Insira trechos de HTML, CSS e JavaScript (Google Tag Manager, pixels, widgets) no <head> ou no <body> de todas as páginas do seu site na Nova 46graus.

Quer instalar o Google Tag Manager, um pixel de anúncios, a verificação do Google ou um widget de chat? Na Nova 46graus, você cola esses trechos de código nas Configurações do site, dentro da seção Avançado, e eles passam a valer em todas as páginas do site publicado.

O Código personalizado aceita trechos de HTML, CSS e JavaScript, e você adiciona tudo uma única vez, sem mexer página por página. Veja como fazer isso.

⚠️ Atenção!
O Código personalizado é um recurso Premium, disponível para todos que possuem o Acesso do Fundador.
E adicione com cautela: um trecho com erro pode causar falhas ou até tirar seu site do ar, e a 46graus não se responsabiliza por falhas causadas por código personalizado.


Abra a seção Avançado

  1. Acesse o Painel 46graus do seu site.

  2. Clique em Configurações: é o item com a sua foto de perfil, no canto inferior do menu lateral esquerdo.

  3. Na tela Configurações, fique na aba Site e clique no card Avançado, que fica na coluna da direita, ao lado de Privacidade e políticas.

A tela Avançado será aberta, com dois campos: Código no <head> e Código no <body>.

💡 Dica!
Quer um atalho? Abrir a seção Avançado do seu site
Se você não estiver com o Painel aberto, é só entrar que a tela certa abre em seguida.


Adicione o seu código

  1. Clique no campo onde o código deve entrar: Código no <head> ou Código no <body>.

  2. Cole o trecho no editor que se abre. Cole apenas o trecho em si: tags de estrutura de página, como <html>, <head> e <body>, não são aceitas. O contador abaixo do editor mostra o tamanho usado, e cada campo aceita até 64 KB.

  3. Clique em Salvar, no canto inferior direito.

Na dúvida sobre qual campo usar:

  • Código no <head>: ideal para SEO e integrações, como meta tags de verificação (a do Google Search Console, por exemplo), Google Tag Manager e pixels de análise.

  • Código no <body>: recomendado para widgets e scripts que aparecem ou interagem com a página, como um chat.

💡 Dica!
Comece com um trecho pequeno e confira o resultado antes de adicionar códigos maiores.
Assim, se algo não funcionar, você sabe exatamente qual trecho revisar.


Confira o resultado no site publicado

O código personalizado só é executado no site publicado: ele não roda dentro do editor, para manter o editor rápido e livre de travamentos. Por isso, depois de salvar:

  1. Na própria tela Avançado, clique em Ver no site, no aviso "Este código só é executado no site publicado".

  2. Confira se a integração ou o ajuste apareceu como você esperava.

Aviso:
O time de atendimento da 46graus não cria nem corrige códigos personalizados.
Se você não tem familiaridade com HTML, CSS ou JavaScript, vale contar com um profissional de confiança para montar o trecho.
Colar e salvar fica por sua conta, e é rapidinho.


Resolvendo dúvidas comuns

  • Posso usar JavaScript no código personalizado?
    Sim. Na Nova 46graus, os campos de código personalizado aceitam HTML, CSS e JavaScript.

  • Colei o código e não vejo nada no editor. Fiz algo errado?
    Provavelmente está tudo certo. O código personalizado só é executado no site publicado: salve e abra o site publicado para conferir o resultado.

  • Onde colo o código do Google Tag Manager ou de um pixel?
    No campo Código no <head>, nas Configurações do site, seção Avançado. Widgets (como chat) ficam melhor no campo Código no <body>.

  • O código vale para uma página só?
    O código adicionado na seção Avançado é global: vale para todas as páginas do site publicado.

  • Existe limite de tamanho?
    Sim, cada campo aceita até 64 KB de código, e o contador abaixo do editor mostra quanto você já usou.


Precisa de ajuda?

Com o código personalizado, seu site vai além do editor: análise de audiência, campanhas e integrações sob medida, tudo no seu controle.

Se tiver qualquer dúvida, chame a gente no chat de atendimento. Estamos por aqui para ajudar você a deixar tudo redondo. 😊

Respondeu à sua pergunta?