Central de Ajuda Helpdesk

NuvensNuvens

Linha Be - Banners

Banners - Configurações do slide

Configuração básica como, se deseja pausar os slides e tempo de exibição.

IMPORTANTE: Os banners devem ser adicionados pelo painel da plataforma Tray. Os Fullbanners devem ser adicionados como banner home.

Untitled.png


Banners - Fullbanners

A sessão Banners é uma funcionalidade essencial para a personalização da página home em um site. Por meio dessa sessão, é possível adicionar, ajustar e configurar todos os banners da página, tanto para a versão desktop quanto para a versão mobile.

Captura de Tela 2023-04-25 às 16.15.16.png

Para adicionar os fullbanners, siga o passo a passo abaixo.

Os banners devem ser adicionados pelo painel da plataforma Tray. Os Fullbanners devem ser adicionados como banner home.

  1. Acesse a sua conta na plataforma da Tray.
  2. Na página inicial, clique na aba “Marketing, e depois "Banners" .
  3. Clique em "Cadastrar banner".
  4. Insira o nome do banner como Banner Home.
  5. Banner rotativo, selecionar a opção de Sim.
  6. No campo "Imagem do banner", insira a imagem que desejar. Para inserir mais que um banner, clique em "Incluir fases".
  7. "Local de exibição" selecione Banner Home.
  8. Role a tela até o final e clique em "Salvar".

Após inserir os banners na plataforma, devem ser habilitados no painel do tema.

  1. Na página inicial, clique na aba "Minha loja" e depois "Aparência da loja".
  2. Clique em "Editar tema" e depois "Banners".
  3. Após isso localize a opção "Banner Mobile" e habilite a exibição da seção.

Banners - Primeira Vitrine

A sessão Banners é uma funcionalidade essencial para a personalização da página home em um site. Por meio dessa sessão, é possível adicionar, ajustar e configurar todos os banners da página, tanto para a versão desktop quanto para a versão mobile.

Para adicionar os banners da primeira vitrine que serão exibidos antes da primeira vitrine, siga o passo a passo abaixo.

Captura de Tela 2023-04-25 às 15.48.16.png
Importante: só podem ser adicionados dois banners vitrines.
  1. Acesse a sua conta na plataforma da Tray.
  2. Na página inicial, clique na aba Marketing, e depois "Banners" .
  3. Clique em "Cadastrar banner".
  4. Insira o nome do banner como Vitrine 1 ou Vitrine 2.
  5. Banner rotativo, selecionar a opção de Não.
  6. No campo "Imagem do banner", insira a imagem que desejar.
  7. "Local de exibição" selecione Banner Extra 5 ou Banner Extra 6.
  8. Role a tela até o final e clique em "Salvar".

Após inserir os banners na plataforma, devem ser habilitados no painel do tema.

  1. Na página inicial, clique na aba "Minha loja" e depois "Aparência da loja".
  2. Clique em "Editar tema" e depois "Banners".
  3. Após isso, localize a opção "Primeira Vitrine" e habilite a exibição da seção.
Untitled.png

Tamanho do banner vitrine: 623x300

Banners - Segunda Vitrine

A sessão Banners é uma funcionalidade essencial para a personalização da página home em um site. Por meio dessa sessão, é possível adicionar, ajustar e configurar todos os banners da página, tanto para a versão desktop quanto para a versão mobile.

Para adicionar os banners da segunda vitrine, que serão exibidos entre as vitrines, basta seguir o passo a passo abaixo.

Captura de Tela 2023-04-25 às 15.52.15.png
Importante: só podem ser adicionados dois banners vitrines.
  1. Acesse a sua conta na plataforma da Tray.
  2. Na página inicial, clique na aba Marketing, e depois "Banners" .
  3. Clique em "Cadastrar banner".
  4. Insira o nome do banner como Vitrine 3 ou Vitrine 4.
  5. Banner rotativo, selecionar a opção de Não.
  6. No campo "Imagem do banner", insira a imagem que desejar.
  7. "Local de exibição" selecione Banner Extra 3 ou Banner Extra 4.
  8. Role a tela até o final e clique em "Salvar".

Após inserir os banners na plataforma, devem ser habilitados no painel do tema.

  1. Na página inicial, clique na aba "Minha loja" e depois "Aparência da loja".
  2. Clique em "Editar tema" e depois "Banners".
  3. Após isso, localize a opção "Segunda Vitrine" e habilite a exibição da seção.
Untitled.png

Tamanho do banner vitrine: 623x300

Banners - Rodapé

A sessão Banners é uma funcionalidade essencial para a personalização da página home em um site. Por meio dessa sessão, é possível adicionar, ajustar e configurar todos os banners da página, tanto para a versão desktop quanto para a versão mobile.

Para adicionar o banner rodapé, que será exibido antes das notícias da loja , basta seguir o passo a passo abaixo.

Captura de Tela 2023-04-25 às 15.55.20.png

Importante: só podem ser adicionados dois banners rodapé, um para ser exibido no desktop e outro no mobile.

  1. Acesse a sua conta na plataforma da Tray.
  2. Na página inicial, clique na aba Marketing, e depois "Banners" .
  3. Clique em "Cadastrar banner".
  4. Insira o nome do banner como Banner Rodape Desktop , para ser exibido na tela desktop ou Banner Rodape Mobile, para ser exibido em mobile**.**
  5. Banner rotativo, selecionar a opção de Não.
  6. No campo "Imagem do banner", insira a imagem que desejar.
  7. "Local de exibição" selecione Banner Extra 2, para desktop.
  8. "Local de exibição" selecione Banner Extra 7, para mobile.
  9. Role a tela até o final e clique em "Salvar".

Após inserir os banners na plataforma, devem ser habilitados no painel do tema.

  1. Na página inicial, clique na aba "Minha loja" e depois "Aparência da loja".
  2. Clique em "Editar tema" e depois "Banners".
  3. Após isso, localize a opção "Banner Rodapé" e habilite a exibição da seção.
Untitled.png


Tamanho do banner rodapé: 1180x384

Banners - Mobile

A sessão Banners é uma funcionalidade essencial para a personalização da página home em um site. Por meio dessa sessão, é possível adicionar, ajustar e configurar todos os banners da página, tanto para a versão desktop quanto para a versão mobile.

Os banners mobile são exibidos apenas na versão mobile

Para adicionar o banner mobile, siga o passo a passo abaixo.

  1. Acesse a sua conta na plataforma da Tray.
  2. Na página inicial, clique na aba Marketing”, e depois "Banners" .
  3. Clique em "Cadastrar banner".
  4. Insira o nome do banner como Banner Mobile.
  5. Banner rotativo, selecionar a opção de Sim.
  6. No campo "Imagem do banner", insira a imagem que desejar. Para inserir mais que um banner, clique em "Incluir fases".
  7. "Local de exibição" selecione Banner Extra 1, para desktop.
  8. Role a tela até o final e clique em "Salvar".

Após inserir os banners na plataforma, devem ser habilitados no painel do tema.

  1. Na página inicial, clique na aba "Minha loja" e depois "Aparência da loja".
  2. Clique em "Editar tema" e depois "Banners".
  3. Após isso, localize a opção "Banner Mobile" e habilite a exibição da seção.
Untitled.png

Tamanho do banner full no mobile: 700x400

Tamanho do banner rodapé no mobile: 348x384

Banner Categoria

A sessão Banners é uma funcionalidade essencial para a personalização da página home em um site. Por meio dessa sessão, é possível adicionar, ajustar e configurar todos os banners da página, tanto para a versão desktop quanto para a versão mobile.

Captura de Tela 2023-04-25 às 16.05.07.png
O banner categoria é exibido em todas as pagina de categorias, apenas na versão desktop

Para adicionar o banner categoria, siga o passo a passo abaixo.

  1. Acesse a sua conta na plataforma da Tray.
  2. Na página inicial, clique na aba Marketing, e depois "Banners" .
  3. Clique em "Cadastrar banner".
  4. Insira o nome do banner como Banner Categoria.
  5. Banner rotativo, selecionar a opção de Não.
  6. No campo "Imagem do banner", insira a imagem que desejar.
  7. "Local de exibição" selecione Banner Extra 9.
  8. Role a tela até o final e clique em "Salvar".

Tarja Informativa

Mostre alguns avisos para seus clientes, abaixo do fullbanner. No mobile, ele é exibido em slide. Pode ser adicionado até 4 informações com uma imagem, uma frase e um link para onde seu cliente vai ser redirecionado.

Untitled.png

O tamanho correto de ícones é: 30x30

Como será exibido na sua loja na versão desktop:

tarja.png

Como será exibido na sua loja na versão mobile em slide:

image.png



Gabarito

Abaixo temos as dimensões recomendas para cada banners.

linhabetray.png