Central de Ajuda Ir para o site da Olist Meus chamados

Guia Prático: Como cadastrar e editar seus banners

Agora que você conhece os banners e onde eles aparecem, saiba como publicá-los. Siga o passo a passo para criar, editar ou organizar o visual da sua loja.

Antes de começar:

Para otimizar a velocidade de carregamento do site e auxiliar nas vendas, as imagens devem ser leves.

Recomendações:

  • Utilize sites como o TinyPNG ou o JPEGmini para reduzir o peso da imagem antes de realizar o upload no painel.
  • Mantenha cada arquivo com menos de 1MB.
 

1. Criando ou editando um banner

Para gerenciar seus banners, acesse o admin e siga o caminho: Banners > clique em Adicionar banner (ícone + no canto superior direito).

Caso queira editar um banner existente, utilize os filtros para localizá-lo e clique no ícone de lápis (editar).


Preenchimento dos Campos

Siga as orientações abaixo para configurar cada item:

1. Imagem: clique ou arraste o arquivo. Confira as medidas na Documentação da sua loja antes de subir.

2. Titulo: campo de organização interna no admin. Este texto não aparece para o usuário do site.

3 e 4. Subtítulo e Descrição: preencha conforme as orientações de cadastro do seu site.

5. URL: Indica o destino do clique do cliente:

  • Categoria: Digite /nome-da-tag (ex: /promocao).
  • Produto: Digite /produto/nome-do-produto.
  • Página Interna: Digite /p/nome-da-pagina.
  • Site Externo: Cole o link completo (ex: https://google.com.br).

Dica: sugerimos marcar a opção Externo. Isso faz com que o link abra em uma nova aba, mantendo o cliente no seu site.

 

6. Período de Validade: define quando o banner estará ativo:

  • Data futura: Banner programado.
  • Data passada: Banner desativado.
  • Sem expiração: Selecione a opção Não expira.
  • Período determinado: Insira as datas e mantenha a caixa Não expira desmarcada.

7. Posição: define o local de exibição. Se a posição necessária não existir, digite o nome no campo Adicionar nova posição.

8. Cor: caso a documentação permita alterar a cor do texto ou botão, preencha com o código hexadecimal. Veja no artigo Seleção de RGB como localizar esse código.

 
 

2. Como mudar a ordem dos banners

Se você possui vários banners configurados para a mesma posição, pode definir a sequência de exibição seguindo estes passos:

  • No menu Banners, clique no botão Reordenar Banners (localizado no canto superior direito).
  • Na tela seguinte, os banners estarão agrupados por Posição. Localize o grupo que deseja organizar.
  • Clique e arraste os banners para a ordem de sua preferência.
  • Após finalizar o ajuste, clique em Salvar para aplicar as alterações.

 
 

3. Ações rápidas: Duplicar e Excluir

Ao passar o mouse sobre um item na listagem de Banners, você verá ícones de atalho para facilitar sua gestão:

  • Duplicar: ótimo para criar um banner novo aproveitando todas as configurações e posição de um antigo. Só precisará trocar a imagem e/ou texto!
  • Editar: abre as configurações para alterações.
  • Excluir: remove o banner permanentemente. Use para limpar o painel de conteúdos que não farão mais sentido no futuro. Caso contrário, veja acima como alterar a data de expiração do banner para que possa reativar ele no futuro!

 
 


Importante: 

Documentação e Medidas

Para que o banner fique perfeito no site, confira sempre as medidas sugeridas antes de subir o arquivo. Você encontra essas orientações no botão Documentações da sua loja, localizado no topo do seu painel.

Dicas de Ajuste e Visualização

Se o banner não estiver aparecendo como esperado, verifique:

  • Medidas da Imagem: banners cortados ou distorcidos geralmente estão fora das dimensões especificadas na sua documentação.
  • Posição: verifique se o nome da posição foi digitado exatamente como orientado.
  • Cache do Navegador: se você salvou e não viu a mudança, tente abrir o site em uma aba anônima ou limpe o cache do seu navegador para ver a versão mais recente.
 

Veja também:

Aprenda mais sobre como turbinar sua loja nos artigos abaixo:

Este artigo foi útil para você?