⏱️ Tempo estimado: 5 minutos
Nível: ⭐⭐⭐☆☆ (Intermediário)
Antes de começar, você precisa:
Ter uma conta ativa na Loja Integrada
Estar em um plano pago (ou ter um tema/serviço contratado que exija personalização via HTML)
Não estar utilizando o novo tema padrão da Loja Integrada, que não conta com esse recurso
Ter em mãos o código que será inserido, já pronto e validado
Introdução
Algumas ferramentas externas podem solicitar a inserção de um código HTML no corpo do layout da loja. Também acontece de você querer personalizar algo visual e precisar de acesso ao código.
Nesses dois casos, a Loja Integrada não disponibiliza acesso ao FTP nem aos arquivos do layout para alterações. Em vez disso, existe uma área específica no painel onde você adiciona esses códigos com segurança, sem mexer na estrutura do tema.
🔑 A inserção de código HTML e CSS é um recurso disponível no plano pago. Se a sua loja tem um tema ou serviço comprado que instrua a personalizar algo no HTML, o acesso a essa página também é liberado.
🚫 O campo para adicionar códigos HTML não existe para lojas que utilizam o novo tema padrão da Loja Integrada. Se a sua loja usa esse tema, a opção não aparece no painel e a inserção de código não pode ser feita.
Como adicionar código HTML e JavaScript na minha loja?
01 - No painel da sua loja, acesse Visual > Incluir código HTML.
02 - Ao entrar pela primeira vez nessa página, leia com atenção a nota informativa exibida.
❗ Importante: qualquer código inserido pode afetar o funcionamento do layout se estiver errado. Revise o conteúdo antes de salvar.
03 - Clique em Modo avançado.
04 - Clique em Adicionar código.
05 - Na tela de inserção, escolha onde o código será carregado:
Código no cabeçalho — o código será adicionado entre as tags
<head>e</head>das páginas da loja.Código no rodapé — o código será adicionado imediatamente antes do fechamento da tag
</body>das páginas da loja.
06 - Em Página publicação, selecione onde o código deve ser exibido.
07 - Em Tipo, selecione o formato do código que está inserindo: HTML, CSS ou JavaScript.
08 - Clique em Criar código.
❗ Importante: as alterações levam até 15 minutos para aparecer na sua loja.
Pronto! O código passa a ser carregado nas páginas conforme a configuração escolhida.
Em quais páginas o código pode ser publicado?
O campo Página publicação aceita as seguintes opções:
Todas as páginas exceto checkout
Página de produto
Página de categoria
Página de carrinho
🚫 Não é possível inserir códigos HTML, CSS ou JavaScript na página de checkout nem na página de finalização de pedido. Essas etapas são um ambiente fechado, por isso não aceitam scripts ou personalizações de código.
⚠️ Atenção: se a ferramenta externa que você está integrando exigir que o código seja carregado no checkout ou na finalização do pedido, essa configuração não poderá ser feita por essa página do painel.
Dúvidas Frequentes
Não encontro a opção Incluir código HTML no meu painel. Por quê?
Se a sua loja utiliza o novo tema padrão da Loja Integrada, esse campo não existe e a opção não é exibida no painel. Também vale checar se sua loja está em um plano pago, já que o recurso não está disponível no plano gratuito.
A Loja Integrada oferece suporte para criação ou correção de códigos?
Não. A Loja Integrada não desenvolve códigos nem presta suporte técnico sobre o conteúdo inserido. A responsabilidade pelo código é de quem o criou.
Não tenho familiaridade com código. O que faço?
Recomendamos contratar um profissional de sua confiança. A Loja Integrada também tem uma Loja de Serviços com agências parceiras que podem fazer essas modificações na sua loja virtual: confira aqui.
Meu código não apareceu na loja. O que verificar?
Aguarde até 15 minutos após salvar, já que a atualização não é instantânea. Depois, confira se a página de publicação selecionada corresponde à página onde você espera ver o código e se o tipo escolhido (HTML, CSS ou JavaScript) está correto.
Posso ter acesso ao FTP para editar o layout diretamente?
Não. O acesso ao FTP e aos arquivos do layout não é disponibilizado. Todas as inclusões de código são feitas pela página Visual > Incluir código HTML.
Qual a diferença entre inserir no cabeçalho e no rodapé?
O código no cabeçalho é carregado antes do conteúdo da página, entre as tags <head>. O código no rodapé é carregado no final, antes do fechamento da tag </body>. Siga a orientação da ferramenta que forneceu o código.
Resumo dos passos principais
Acesse Visual > Incluir código HTML no painel da loja
Clique em Modo avançado e depois em Adicionar código
Escolha entre Código no cabeçalho ou Código no rodapé
Selecione a Página publicação e o Tipo de código
Clique em Criar código e aguarde até 15 minutos
Pronto! Seu código está publicado e será carregado nas páginas que você configurou.
#codigo-html #javascript #css #layout #personalizacao #visual #plano-pago #tema-padrao