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

[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

É possível ter acesso ao FTP?

É comum algumas ferramentas externas pedirem para integrar um código HTML no corpo do layout. Ou até mesmo, você 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.


Como adicionar código HTML e JavaScript na minha loja?

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.

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 - Em Página publicação, você deve selecionar a página onde esse código deverá ser exibido.

07 - E em Tipo, você irá selecionar qual tipo de código que você está inserindo: HTML, CSS ou JavaScript.

08 - 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.

Atenção!

A Loja Integrada não desenvolve códigos ou fornece suporte para códigos.

Mas reunimos alguns códigos divulgados na Comunidade e validados pelo time da Loja Integrada: Confira aqui todos os scripts validados. 👈🏽

Caso você não possua familiaridade com a criação de códigos e precisa de alguma customização via CSS, recomendamos que contate um profissional da sua confiança pra realizar essas modificações.


A Loja Integrada possui Loja de Serviços com agências parceiras que podem te ajudar a realizar as modificações em sua loja virtual. Confira aqui 👈🏽

Respondeu à sua pergunta?