Tenho um código personalizado. Onde devo colocá-lo?

O código personalizado pode ser adicionado a várias partes do site, para realizar tarefas específicas. Se receber o código de outra fonte, será importante saber onde esse código deverá ser inserido.

Se o seu código informar que deverá ser inserido em uma parte do cabeçalho, procure as instruções sobre o "cabeçalho" (ou header) neste artigo para saber como ele deverá ser inserido.

Depois de saber onde seu código precisa ser colocado, você pode seguir este tutorial e as referências abaixo para descobrir onde e como colocar o código em seu site.

Página individual ou em todo o site

Dependendo do local onde colar o código, você poderá aplicá-lo a todo o site (aparecerá em todas as páginas) ou em somente uma página. As instruções do tutorial sobre o posicionamento do código informarão se a alteração será aplicada a todo o site ou somente a uma página individual.

Inserção do código por meio do Widget de HTML

O widget de HTML pode ser usado para adicionar código ao seu site facilmente. Se você tiver algum código que precise ser colocado no site, basta seguir as instruções abaixo.

  1. Abra o editor.
  2. No painel esquerdo, clique em Widgets.
  3. Pesquise por HTML.
  4. Arraste o widget de HTML para qualquer lugar do site.
  5. Cole o código.
  6. Concluir.

Widget de HTML em todo o site ou em uma única página

Dependendo de onde você colocar o widget de HTML, ele será exibido em todas as páginas do seu site ou somente em uma página específica.

Se você colocar o widget HTML no cabeçalho ou no rodapé, ele será colocado em todas as páginas do site ao mesmo tempo. Isso ocorre porque todo site compartilha o cabeçalho e rodapé.

Se você colocar o widget de HTML em qualquer outro lugar, ele será exibido somente no corpo.

Coloque o código no cabeçalho

No cabeçalho de todo o site

Para inserir o código no cabeçalho do site, siga as instruções abaixo.

  1. Abra o editor.
  2. Acesse Configurações no painel da esquerda.
  3. Clique no HTML do cabeçalho.
  4. Cole seu código nesse local e salve.

Cabeçalho de página individual

Para inserir o código no cabeçalho de uma única página, siga as instruções abaixo.

  1. Abra o editor.
  2. Vá para a seção de páginas.
  3. Na página em que você quiser adicioná-lo, clique no ícone de configurações.
  4. Clique em SEO.
  5. Role para baixo até Cabeçalho HTML.
  6. Cole seu código nesse local e salve.

Coloque o código após a tag de abertura do body

Atualmente, não contamos com um recurso para inserir código diretamente logo após a etiqueta do corpo de abertura.

Apesar disso, você deve poder colar seu código diretamente no arquivo body-end.html e deve funcionar da mesma forma. Veja as instruções abaixo.

Página body-end.html para todo o site

  1. Abra o editor.
  2. Abra o Modo Desenvolvedor no canto superior direito.
  3. Clique em Site HTML/CSS para expandir a seleção.
  4. Clique em body-end.html.
  5. Cole o seu código até a última linha aqui.
  6. Salve e está concluído.

Inclusão de código de acompanhamento em formulários de contato

Para adicionar um código de acompanhamento a um formulário de contato, siga as instruções abaixo.

  1. Abra o editor.
  2. Navegue até a página em que seu formulário de contato está.
  3. Clique com o botão esquerdo do mouse no formulário de contato para exibir as opções.
  4. Clique em Envio .
  5. Clique em Acompanhamento.
  6. Cole seu código de acompanhamento de conversões aqui.

Inserção de código em um widget

Para adicionar qualquer código a qualquer widget, siga as instruções abaixo.

  1. Abra o editor.
  2. Localize a página em que o seu widget está.
  3. Clique com o botão direito do mouse no widget para abrir o menu de contexto.
  4. Clique em Editar HTML/CSS.
  5. Edite ou adicione códigos aqui, conforme necessário.

Observações, considerações e resolução de problemas

Sempre crie um backup

É recomendável que você sempre crie um backup do site antes de adicionar um código personalizado. Isso porque é difícil resolver problemas no código personalizado, e eles podem derrubar um site se isso não for feito corretamente.

Meu código está desaparecendo quando o coloco na seção de cabeçalho

Isso é muito comum nos códigos de acompanhamento com pixels. A seção de cabeçalho (<head>) não aceita códigos <img>, <iframe> e outros. Normalmente aceita somente <link>,<script> e <meta>.

Se você precisar colar o código que não está sendo salvo, basta colá-lo no cabeçalho, onde estão os links e logotipos de navegação.

Caso contrário, cole na página body-end.html, de acordo com o tutorial acima.

Meu código não está funcionando

Se você tem um código que não está funcionando no site, provavelmente esse código não está formatado corretamente ou não está atuando como HTTPS.

Se você tiver algum link no seu código (http:// ou //) e seu site estiver usando HTTPS ou você estiver na visualização, será necessário alterá-lo para https://. A razão para isso é que o código não HTTPS não funcionará em uma conexão usando HTTPS (visualização do site, editor, etc.).

Esse artigo foi útil?
Usuários que acharam isso útil: 0 de 0

Feedback sobre este artigo

0 comentário

Por favor, entre para comentar.

×

Faça o login como Profissional

O Suporte prioritário por telefone está disponível exclusivamente para profissionais. Acesse a sua conta Pro agora para ver nossos números de suporte internacional.

Registre-se
Não é profissional? Adquira um plano Pro!