O banner é a “cara” do seu e-commerce, dependendo do banner que você coloca você muda totalmente a estética do seu site. Ele é a primeira coisa que a pessoa vê em seu site, por isso você deve caprichar tanto no layout quanto na mensagem a ser passada.

Você pode trocar o banner quantas vezes forem necessárias, na iShopOnline não há limites de banner mas é claro que muitos banners seus clientes não vão ter paciência de ver, por isso foque em em mensagens estratégicas, descontos, vantagens como por exemplo frete grátis, peças em promoção, campanhas sazonais como dia das mães, dia dos pais, natal entre outros. Abuse da sua criatividade!

Na iShopOnline você precisa sempre colocar 2 banners, um é da loja em desktop e o outro é da versão mobile.

Banner para Desktop

Para a versão desktop você deve acessar o seu dashboard e ir até o menu lateral em Ferramentas > Banner do Topo

Nesse momento será listado todos os banners conforme tela abaixo:

Na opção 1 você inclui novos banners
Na opção 2 você pode ativar ou desativar o banner ele ficará verde quando estiver ativo e cinza quando estiver inativo
Na opção 3 você pode editar ou excluir um banner

Recomendamos que Banners não utilizados sejam excluídos, pois quando a lista de banner começa a ficar muito grande esse menu fica pesado para carregar e listar todos os banners.

Dentro do menu que se abre você terá as seguintes opções:
Título: Esse é um título apenas para controle interno seu, não aparecerá ao usuário
Link: Caso você queira que o banner direcione o usuário para alguma página quanto ele clicar
Data de início e Término: Você pode programar banners para entrar e sair do site automaticamente, essa função é útil por exemplo para uma mensagem de feliz natal.
Abrir o link: Você pode escolher se será na mesma janela ou em uma nova aba
Posição: Aquele você pode colocar números e escolher a ordem que você quer que seus banners apareça no site, deixe sem preencher para que o site coloque por ordem de inclusão.
Banner: Por fim o campo onde você deve enviar sua imagem.

Para o banner do desktop o tamanho recomendado é 1800 x 421 pixels, sempre faça a imagem com 72 dpis em RGB e nos formatos JPG, GIF ou PNG. Não recomendamos fazer com textos muito próximos as bordas pois podem ser cortados.

Download do Gabarito Desktop:
Se você preferir clique aqui e baixe o gabarito em Photoshop do Banner Desktop clicando aqui.

Banner para Mobile

Para a versão desktop você deve acessar o seu dashboard e ir até o menu lateral em Personalizar Mobile > Banners

As opções que você tem dentro desse menu são bem semelhantes com as da versão desktop.

Para o banner do desktop o tamanho recomendado é 915 x 506 pixels, sempre faça a imagem com 72 dpis em RGB e nos formatos JPG, GIF ou PNG. Não recomendamos fazer com textos muito próximos as bordas pois podem ser cortados.

Download do Gabarito Mobile:
Se você preferir clique aqui e baixe o gabarito em Photoshop do Banner Mobile clicando aqui.

Banner para Lateral

Os banners laterais tem a mesma dinâmica, eles podem ser acessado no menu lateral em Ferramentas > Banner do lateral.

As opções dele são praticamente as mesmas dos demais banners, com apenas uma diferença, você pode escolher se o banner será exibido do lado direito ou do lado esquerdo.

Para o banner do desktop o tamanho recomendado é 158 pixels de largura pela altura que você quiser, sempre faça a imagem com 72 dpis em RGB e nos formatos JPG, GIF ou PNG.

Cabe lembrar que para que o banner lateral seja exibido vou tem que ativar a exibição dele no menu lateral Personalizar a Loja > Estrutura da loja

Marque se você quer o banner do lado direito ou esquerdo, você ainda pode mover ele para cima ou para baixo. Se por exemplo você criar um banner do lado direito mas na estrutura do layout ele estiver marcado para exibir do lado esquerdo ele não será exibido.

Espero que essas dicas possam ter lhe ajudado.
Qualquer dúvida entre em contato através dos nossos canais de atendimento.