Os Banners são elementos importantíssimos para a sua loja virtual, afinal, através deles, você pode chamar a atenção dos seus clientes com promoções, campanhas, e quaisquer condições que deseja evidenciar.

    Sua loja Tray permite que você utilize o Banner JavaScript como forma de divulgação de seus produtos e promoções. Mas afinal, o que é um Banner JavaScript? Podemos definí-lo como banner rotativo, banner carrossel ou até mesmo, banner giratório. Ao utilizar está ferramenta, é possível adicionar até 6 imagens para a exibição rotativa entre elas. 

    Habilitar esse recurso é muito simples. Veremos abaixo como configurar o Banner JavaScript para exibição em seu e-commerce:

• Acesse: "Marketing >> Banners >> Cadastrar Banner":

• Na opção "Banner rotativo com várias promoções?", marque "Sim". Repare que, quando selecionamos sim, a plataforma já te possibilita a inclusão de 2 banners. Entretanto, ao clicar em "Incluir mais fases", poderá selecionar até 6 fases: 

Importante: Como relatamos acima, poderão ser inseridas até 6 imagens para que seja feita a troca entre elas. O tamanho máximo do arquivo é de 350 kbs. Os formatos que poderão ser utilizados para upload das imagens são: JPG, PNG e JPEG.

• Em Local de Exibição, selecione a opção "Banner Home (Exibido somente na página inicial do site. Antes dos produtos)". Via de regra, o banner principal deve ser cadastrado como Banner Home, porém, caso em sua loja não esteja sendo apresentado, valide este artigo para correção.
• No item Exibição do banner, você conseguirá selecionar uma data inicial e data final de exibição das imagens cadastradas para exibir na loja, ou se preferir, poderá habilitar a opção "por tempo indeterminado".

    Agora será necessário configurar o "Tipo de exibição", que conta com as seguintes opções:

• Blind: Troca da imagem de forma horizontal em faixas verticais, sendo o inicio do centro para as laterais do banner;
• Block: Troca da imagem de forma horizontal em faixas verticais, sendo o inicio do lado esquerdo com término no lado direito do banner;
• Cube: Troca da imagem de forma horizontal em pequenas partes da imagem no formato de cubos, sendo início do canto superior esquerdo com término no canto inferior direito;
• Cube Spread: Troca da imagem de forma aleatória em pequenas partes da imagem no formato de cubos;
• Fade (padrão): Troca de imagens por com efeito de esmaecer;
• Fade Four: Troca de imagens por com efeito de esmaecer utilizando a imagem do banner;
• Glass Cube: Troca da imagem de forma horizontal em pequenas partes da imagem no formato de cubos, sendo início do canto esquerdo com término no canto direito;
• Horizontal: Troca da imagem de forma vertical em faixas horizontal, sendo o inicio do lado direito com término no lado esquerdo;
• Tube: Troca da imagem de forma aleatória em faixas verticais:

• No item "Tipo de navegação", deverá selecionar como será a navegação entre as imagens:

• "Possibilitar play/pause no banner": É possível permitir que o cliente pause o banner, para que o cliente tenha mais tempo para analisar melhor o banner.

• Em "Pausa na apresentação ao passar o mouse", caso o cliente passe o mouse sobre o banner, se a configuração estiver "SIM" , as transições irão parar, e o cliente poderá visualizar melhor o banner:

• Na configuração "Exibir barra de progresso", mostrará uma barra de progresso até que o banner altere a imagem e em seguida inicia uma nova barra de progresso.

• Para definir a duração (permanência) de exibição de cada faixa de imagem, basta selecionar o tempo no item "Tempo de permanência do slide- intervalo de transição":

• Em "Velocidade da animação por fase do banner", você definirá o tempo da animação por fase do banner.

• Por fim, deve-se configurar onde o banner será exibido. É possível definir em categorias específicas ou em marcas específicas, para isso basta definir a opção que desejar:

    Após Salvar, você irá visualizar o banner criado e poderá "Editar" ou "Remover", clicando nos itens em Ações, conforme abaixo: 

Importante: Algumas configurações podem alterar de acordo com o tema publicado em sua loja virtual. Essas configurações se encontram em: Minha loja >> Aparência da loja >> Editar tema:

Caso queira saber mais sobre Banners da Loja, acesse este artigo.

Viu como é fácil habilitar este recurso? Agora basta criar seus banners e inserir na loja virtual.

Boas vendas!

Equipe Tray.