Central de Ajuda Ir para o site da Olist Meus chamados

Guia Prático: Como cadastrar e editar seus banners

Agora que você já sabe o que são os banners e onde eles aparecem, vamos aprender a colocá-los no ar! Siga este passo a passo para criar, editar ou organizar o visual da sua loja.

Antes de começar: dica valiosa!
Para que seu site carregue rápido (o que ajuda nas vendas!), suas fotos devem ser leves.
Dica: Use sites gratuitos como o TinyPNG ou o https://www.jpegmini.com/  para reduzir o peso da imagem antes de subir no painel. Tente manter cada foto com menos de 1MB.

 

1. Criando um novo banner ou editando um existente

Para adicionar um novo banner, acesse o admin e siga o caminho: Banners > clique em adicionar banner (ícone + no canto superior direito do painel).

Caso queira editar um banner existente, utilize os filtros para localizá-lo e clique em editar:

Os campos devem ser preenchidos da seguinte maneira:

  • 1 - Imagem: Clique para subir o arquivo do seu computador. Lembre-se de conferir as medidas na Documentação da sua loja.
  • 2 - Título: campo de organização interna. Não aparecerá para o usuário do site.
  • 3 e 4 - Subtítulo e Descrição: preencha de acordo com a documentação de cadastro do seu site.

  • 5 - URL: indica para onde o cliente será direcionado ao clicar.
    • Para uma Categoria: Digite /nome-da-tag (ex: /promocao).
    • Para um Produto: Digite /produto/nome-do-produto.
    • Para uma Página Interna: Digite /p/nome-da-pagina
    • Para um Site Externo: Cole o link completo (ex: https://google.com.br).

Dica: sugerimos que você deixe marcada a opção Externo. Assim, quando o cliente clicar, abrirá uma nova aba dentro do navegador dele.

 
  • 6 - Período de Validade: define se o banner está ativo.
  • Data passada: banner desativado.
  • Data futura: banner ativo.
  • Indeterminado: selecione a opção Não expira.
  • Período determinado: insira as datas e não marque a caixa Não expira.
  • 7 - Posição: define o local de exibição. Preencha conforme as orientações de cadastro da sua loja. 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ê tem, por exemplo, três banners na mesma posição, você pode alterar a ordem na qual eles aparecem:

  • No menu Banners, clique no botão Reordenar Banners (canto superior direito).
  • Você verá os banners separados por "Posição".
  • Basta clicar e arrastar para a ordem que você preferir e salvar.

 
 

3. Como excluir ou duplicar um banner

Na listagem de banners, ao passar o mouse sobre um item, você verá ícones rápidos:

  • 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! 

 
 

⚠️ Lembrete de Ouro: A Documentação

Para que fique com as configurações corretas, o banner deverá seguir as medidas ou orientações indicadas na documentação da loja, encontrada no canto superior direito do seu admin:

  • Se o banner aparecer cortado ou "borrado", o problema quase sempre é o tamanho da imagem. Sempre consulte o botão Documentações no seu Admin para confirmar se você está usando a largura e altura corretas para aquela posição específica.
  • Adicionou um banner e ele não está aparecendo no site? Confira se cadastrou a posição do banner exatamente como orientado na sua Documentação! Ou ainda, tente limpar o cache do seu navegador ou testar em uma janela anônima! 

Veja também:


Ficou com alguma dúvida? É só entrar em contato com a gente pelos nossos canais de atendimento 😉

Este artigo foi útil para você?