Os banners são utilizados para destacar uma campanha, uma promoção, novidades e também para comunicar informações importantes, como por exemplo, novas políticas de frete grátis - Como sugestão de plataforma para criar o seu Banner, veja o Canva.
Por padrão já vem ativo dois banners, que você pode editar e adicionar as informações e imagem, ou se preferir, adicione novos. As posições dos banners irão depender do tema que está utilizando.
Veja abaixo como:
- Adicionar um banner
- Gerenciar um banner (Editar, excluir, reordenar, ativar e desativar)
- Saber o tamanho padrão do banner para cada posição
- - -
Adicionar um banner
1. Na plataforma da Loja HostGator, no menu superior, clique em Aplicativos - Se necessário, veja como acessar a plataforma
2. Em seguida, clique em Aparência
3. Na opção Banners, clique em Configurar
4. Na modal que abrir, clique em Acessar Configuração
5. Na tela “Banners”, serão listadas todas as posições de banners disponíveis na plataforma - Para ver o local que o banner ficará localizado na loja, deixe o cursor do mouse sobre cada uma das opções.
Caso a posição que você deseja inserir o banner não esteja disponível, será necessário modificar o tipo do layout da sua loja - Veja como fazer
6. Para inserir um banner em sua loja, clique em Adicionar
7. Na tela "Adicionar Banner”, preencha todas as informações conforme indicado abaixo:
A) Banner visível - deixe marcada a caixa de seleção para que o banner fique visível para os clientes;
B) Posição - selecione a posição/local da loja que você deseja inserir o banner - Ao clicar na opção que deseja, no layout ao lado será mostrado uma prévia de onde será exibido;
C) Imagem - para inserir uma imagem no banner, clique em Enviar arquivo ou arraste e solte no espaço informado - Caso deseje inserir um GIF ao invés da imagem, veja como fazer
Atenção: Veja o tamanho padrão do banner para a posição que escolheu.
D) Nome do Banner - informe um nome para a identificação do banner dentro do painel administrativo - Essa informação não é exibida na loja;
E) Título - dê um título para o banner - Ele será exibido na sua loja quando o cliente posicionar o cursor do mouse sobre a imagem do banner;
F) Banner promocional - caso deseje inserir um banner por um período determinado (para promover uma promoção, novidades, entre outros), marque a caixa de seleção e escolha as datas de início e término de exibição - Se necessário, veja em detalhes como fazer.
Atenção: O banner promocional será exibido na loja durante o período que definir acima. Os banners não promocionais serão exibidos continuamente, enquanto estiverem ativos na plataforma.
G) Onde será exibido - escolha em quais páginas da loja o banner será exibido;
H) Link - você pode informar um link para ser acessado quando o cliente clicar no banner ou pode deixar sem redirecionamento - Para não redirecionar, deixe este campo em branco;
I) Link Destino - caso tenha adicionado um link no campo acima, defina se ao clicar no banner o conteúdo abrirá na mesma página ou em uma nova guia no navegador;
8. Para concluir, clique em Salvar - Veja na loja como ficou a posição do banner e caso deseje alterar ou adicionar mais um, faça o mesmo processo.
- - -
Gerenciar um banner (Editar, excluir, reordenar, ativar e desativar)
1. Na plataforma da Loja HostGator, no menu superior, clique em Aplicativos - Se necessário, veja como acessar a plataforma
2. Em seguida, clique em Aparência
3. Na opção Banners, clique em Configurar
4. Na modal que abrir, clique em Acessar Configuração
5. Na tela “Banners”, clique sobre a posição do banner que deseja gerenciar
6. Veja abaixo em detalhes as ações que você pode realizar:
A) Ativar / desativar - você pode definir se o banner ficará visível ou não em sua loja - O botão na cor “Azul”, significa que está ativo e sendo exibido;
B) Ordenar - serão listados os banners adicionados, clique no que deseja mudar a posição, arraste e solte na ordem que preferir;
C) Editar - você pode alterar a posição, nome, título, local exibido, link, redirecionamento e a imagem do banner, para isso, clique no ícone de lápis (Editar);
D) Excluir - opção para remover definitivamente o banner da sua loja e da plataforma, para isso, clique no ícone de lixeira.
- - -
Saber o tamanho padrão do banner para cada posição
Na plataforma, os banners possuem uma dimensão fixa de largura. A altura você pode definir de acordo com a sua necessidade.
Veja abaixo as dimensões padrões:
| Posição | Largura |
| Banner Principal | 1150px |
| Banner Tarja | 1150px |
| Banner Vitrine | 1150px |
| Banner Lateral | 180px |
| Banner Inferior | 1150px |
| Banner Mobile | 800px |
Banner em 100% da tela (Fullbanner)
Essa dimensão é possível apenas para os banners principal, tarja e mobile. Para isso, você precisa:
- Alterar a largura para 1920px - O banner mobile não precisa ser alterado.
- Entrar em contato com o suporte através do formulário, informando o código da loja - Pois será necessário realizar algumas configurações internas.
- - -
Veja também como inserir:
- Um banner em sua loja na versão para celular
- Um banner promocional (por tempo determinado)
- Um GIF no banner da sua loja
Caso fique com alguma dúvida, entre em contato com o suporte através deste formulário