Todas as coleções
Personalizando seu layout
Edição HTML/CSS
Como inserir um código HTML/JavaScript na minha loja?
Como inserir um código HTML/JavaScript na minha loja?

[Disponível plano pago] Saiba como personalizar ou inserir um código no corpo do seu layout sem precisar acessar a codificação.

Clara Parente avatar
Escrito por Clara Parente
Atualizado há mais de uma semana

É comum algumas ferramentas externas pedirem para integrar um código HTML no corpo do layout. Em algumas ocasiões o lojista quer personalizar seu layout e ter acesso ao seu código.

Nessas duas ocasiões, não é possível ter acesso ao FTP ou código do layout para alterações ou inclusões de códigos. Contudo, existe uma parte específica dentro do seu painel onde você poderá acrescentar tais códigos.

A inserção de código HTML e CSS é um recurso disponível no plano pago, mas caso a sua loja possua um tema/serviço comprado que instrua a personalizar algo no HTML será possível ter acesso a essa página.


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 a primeira vez nessa página, você verá uma nota informativa. Leia com atenção.

📌 É importante saber: isso acontece porque qualquer código que você colocar, poderá afetar o funcionamento correto do layout se ele estiver errado. Então, é importante ter atenção em qualquer código inserido nessa página.

03 - Em seguida, clique em Modo avançado

04 - E agora, clique em Adicionar código

05 - Você visualizará a tela para inserção dos códigos.

Existem duas opções para adicionar o código: no Código no cabeçalho ou Código no rodapé. 

  • Código no cabeçalho - O código HTML inserido neste campo será adicionado dentro da tag <head> e </head> em todas as páginas da loja. 

  • Código no rodapé - O código HTML inserido neste campo será adicionado logo antes do fechamento da tag </body> em todas as páginas da loja.

06 - Selecione a página onde esse código deverá ser exibido.

07 - Após inserir todos os códigos que desejar, clique em Criar código.

É importante saber: as alterações levam até 15 minutos para serem exibidas na sua loja.

Pronto! Agora seus códigos HTML serão refletidos nas páginas e nas configurações que você realizou.

Respondeu à sua pergunta?