Banners: o slider de destaque no topo do site

Os banners são aquele slider de destaque que aparece no topo do site, com imagens grandes que vão passando. É a primeira coisa que o visitante vê, então é um espaço nobre pra mostrar seus destaques, promoções ou chamadas principais. O gerenciador de Banners deixa você criar, ordenar e configurar esse slider do seu jeito.

Você encontra o gerenciador no menu Banners, à esquerda. Ele tem três abas no topo: Banners (a lista), Cadastrar Banner e Configurações.

A lista de banners

Na aba Banners ficam os banners cadastrados, na ordem em que aparecem no slider. Cada linha mostra a imagem, o título, a landing page e a URL de destino.

Cada banner tem os botões Editar e Excluir. E aqui tem um detalhe importante: você arrasta as linhas pra mudar a ordem e clica em Salvar Ordem, e é essa ordem que define a sequência em que os banners passam no slider.

Cadastrando um banner

Na aba Cadastrar Banner você monta um banner novo. Para editar um já existente é o mesmo formulário, com os dados preenchidos.

1. Imagem do banner. Arraste a imagem ou clique pra selecionar. A tela indica o tamanho recomendado (1920 por 500 pixels), uma faixa horizontal larga.
2. Landing Page. Em qual página o banner vai aparecer. Isso permite ter sliders diferentes em páginas diferentes.
3. Título e Sub-Título. Textos opcionais que aparecem sobre o banner.
4. URL de destino. Pra onde o banner leva quando alguém clica, com a opção de abrir o link em uma nova janela.
5. Efeito de movimento. Uma chave que dá um movimento suave ao banner, deixando o slider mais vivo. Com ela ligada, é esse o efeito usado.

É só clicar em Cadastrar. Pra alterar um banner, você abre pela edição e muda as mesmas informações.

As configurações do slider

A aba Configurações ajusta o comportamento geral do slider de banners.

1. Tempo de transição. De quanto em quanto tempo o banner troca automaticamente.
2. Altura do banner. A altura do slider em pixels, com valores separados pra PC, Tablet e Mobile, pra ficar bem ajustado em cada tela.
3. Tipo do slider e Tipo de legenda. O estilo do slider e como o título aparece sobre a imagem (por exemplo uma tarja no rodapé).
4. Data limite de exibição. Permite programar até quando os banners aparecem, útil pra campanhas com prazo.
5. Versão mobile do banner. Quando ligada, abre a opção de cadastrar uma imagem separada pro celular, pra usar uma arte ajustada ao formato vertical do mobile em vez de cortar a imagem do computador.
6. Exibir marcadores. Mostra as bolinhas de navegação embaixo do slider.

Passo a passo: criando um banner