Criar um banner
Os banners do carrossel são criados no admin, com uma imagem para desktop e outra para celular, e entram no ar quando a chave "Publicar banner" está ligada.
Onde acessar
Plataforma > Configuração > Banner, botão + Adicionar banner.
O botão só aparece para administrador de plataforma. Este artigo trata dos banners do carrossel. Para a imagem isolada dentro de uma página, veja Banners: o que são e onde ficam.
Antes de começar
Tenha em mãos:
- a imagem para desktop, na proporção 2870 por 980 px
- a imagem para celular, na proporção 1600 por 1200 px
- o link de destino, se o banner for clicável
As duas imagens são obrigatórias nos tipos Imagem e GIF. Cada arquivo pode ter até 10 MB.
Passo a passo
- Clique em + Adicionar banner. Abre a janela Banners.
- Preencha o Nome do banner. Ele é obrigatório, serve para identificar o banner na lista e é usado como texto alternativo da imagem.
- Em Escolha o tipo de banner, selecione Imagem, Vídeo ou GIF. Para vídeo e GIF, veja Banner em vídeo ou GIF.
- Envie o Banner formato desktop e o Banner formato mobile. Ao escolher o arquivo, abre um recorte na proporção do campo: posicione a imagem e confirme.
- Ligue as opções que quiser:
| Opção | O que faz |
|---|---|
| Habilitar clique no banner | O banner inteiro vira um link. Preencha Link da imagem e, se quiser, ligue Abrir em nova guia |
| Utilizar bloco de conteúdo | Mostra um título e uma descrição sobre o banner |
| Utilizar imagem ao invés de título | Troca o título por uma imagem (um logotipo de campanha, por exemplo), com descrição |
| Definir período de validade da oferta | Define data e hora de início e de fim da exibição |
| Utilizar botões | Mostra um botão primário e, se quiser, um secundário |
- Ligue a chave Publicar banner, no topo da janela.
- Clique em Salvar. O aviso é "Banner criado com sucesso!".
As opções de texto e botões estão em Texto e botões do banner. O período de validade está em Período de validade do banner.
💡 "Utilizar bloco de conteúdo" e "Utilizar imagem ao invés de título" não funcionam juntas: ligar uma desliga a outra.
Ordenar, editar e excluir
- Ordenar: arraste os banners na lista. A ordem da lista é a ordem do carrossel.
- Editar: clique em Editar na linha do banner.
- Excluir: clique em Deletar na linha do banner. O botão muda para "Tem certeza?": clique de novo para confirmar. A exclusão é definitiva.
- Tirar do ar sem excluir: abra o banner, desligue Publicar banner e salve.
Onde o banner aparece
Nas páginas que têm o componente Carrossel publicado, em geral no topo da página inicial. O componente é configurado em Builder > Páginas padrão > Home, botão Editar página. É lá que você define o intervalo de rotação entre um banner e outro.
No celular o site usa a imagem mobile. No computador, a de desktop.
Erros comuns
"Salvei e o banner não aparece no site"
Confira, nesta ordem:
- A chave Publicar banner está ligada?
- O período de validade está ligado com datas que ainda não começaram ou já terminaram?
- A página inicial tem o componente Carrossel publicado no Builder?
"A janela não deixa salvar"
Falta o nome ou uma das duas imagens. Os campos com problema ficam marcados em vermelho.
"O arquivo é muito grande"
O limite é de 10 MB por imagem. Exporte de novo com mais compressão.
"O texto da imagem ficou cortado no celular"
A versão mobile tem outra proporção. Crie uma arte própria para o celular em vez de reaproveitar a de desktop. Melhor ainda: deixe a imagem sem texto e use o bloco de conteúdo para o título.