Configurar Full Banner na Loja Integrada

Passo a passo para cadastrar o Full Banner normal, em alta resolução e na versão mobile.

Na plataforma Loja Integrada, você pode cadastrar vários banners, de várias posições e tamanhos.

Para cadastrar um Full Banner, siga os seguintes procedimentos:

  1. Entre no seu Painel da Loja Integrada.
  2. No menu esquerdo escolha "Visual", em seguida clique em "Banners".
    Configurar Full Banner na Loja Integrada

  3. Na tela "Banners", clique no botão "Adicionar full banner" na linha correspondente a "Full Banner".
    Configurar Full Banner na Loja Integrada

  4. Preencha as informações principais conforme abaixo:
    • "Nome do banner": Será o título do banner, recomendamos utilizar palavras que são relacionadas ao banner.
    • "Página de publicação": selecione "Página inicial".
    • "Link do banner?" (opcional): URL da página que abrirá ao clicar no banner (exemplo: https://hleranetworks.com.br/).
    • Selecione o arquivo da imagem do banner (Largura recomendada: 1920 pixels) em "Upload da imagem".
    • Depois clique no botão "Salvar alterações".
    Configurar Full Banner na Loja Integrada

Pronto! Full Banner adicionado!

Note que ele não ficou com a qualidade máxima possível.


  1. No menu esquerdo escolha "Configurações", em seguida clique em "Gerenciador de arquivos".
    Configurar Full Banner na Loja Integrada

  2. Na tela "Lista de arquivos", clique no botão "Enviar arquivo".
    Configurar Full Banner na Loja Integrada

  3. Depois de enviar os arquivos das imagens dos banners em alta resolução (1920 px de largura) e na versão mobile (500px x 500px) copie a URL correspondente a cada banner para inserir em outra tela.
    Configurar Full Banner na Loja Integrada

Pronto! Arquivos do Banner em alta resolução e na versão mobile adicionados!

Agora só falta configurá-los no Javascript/HTML correspondente.


  1. No menu esquerdo escolha "Visual", em seguida clique em "Incluir código HTML".
    Configurar Full Banner na Loja Integrada

  2. Na tela "Códigos HTML", clique no botão "Banner Full" (esse nome pode variar dependendo da loja).
    Configurar Full Banner na Loja Integrada

  3. Em seguida substitua o "https://" pela URL do arquivo do banner em alta resolução na linha com o código: "document.getElementsByClassName("slides")[0].getElementsByTagName("img")[0].src = 'https://';" (Note que o "0" em negrito corresponde a posição inicial do Full Banner na página inicial. Isso é importante caso possua mais de 1 Full Banner cadastrado).
    Configurar Full Banner na Loja Integrada

  4. Um pouco mais para baixo, substitua o "https://" pela URL do arquivo do banner da versão mobile na linha com o código: "src: 'https://'," após o texto "BANNERS_MOBILE = [" (Note que a posição do Banner Mobile na página inicial é de cima pra baixo no código. Isso é importante caso possua mais de 1 Full Banner cadastrado).
    Configurar Full Banner na Loja Integrada

  5. Depois clique no botão "Salvar código HTML".

Não esqueça de conferir os banners na página inicial no computador e no celular.

Para limpar o cache, adicione 1 produto ao carrinho e retorne para a página inicial.


Suporte Técnico
Site / Loja Virtual
Imagens Aéreas