A Barra de anúncios é uma faixa fina, normalmente no topo da página, para mensagens curtas como "Entrega grátis esta semana" ou "Pagamento na entrega disponível". Pode mostrar uma mensagem ou alternar entre várias.
Adicionar uma barra de anúncios
- Abra o construtor e vá à página que quer.
- No separador Secções, clique em Adicionar nova secção e escolha Barra de anúncios no grupo Disposição.
- Arraste-a para cima do cabeçalho se a quiser mesmo no topo.
- Selecione um bloco Anúncio e escreva a sua mensagem em Texto do anúncio.
- Clique em Publicar.
Pode adicionar até 2 barras de anúncios por página, em qualquer página. Cada página guarda a sua própria cópia. Para mostrar a mesma barra em todo o lado, use Aplicar a todas as páginas, veja Secções e blocos.
Mensagens
Cada mensagem é um bloco Anúncio. Clique em Adicionar novo bloco para adicionar um, até 7 por barra. Arraste-os para mudar a ordem. As mensagens ocultas e vazias são ignoradas. Com uma só mensagem, ela fica parada e centrada.
Configurações de animação
As configurações de Animação só aparecem quando a barra tem duas ou mais mensagens visíveis.
- Modo: Carrossel mostra uma mensagem de cada vez, com pequenas setas para recuar e avançar. Ticker faz deslizar todas as mensagens numa linha contínua.
- Direção: Esquerda ou Direita, o sentido em que as mensagens se movem.
- Tempo até ao próximo anúncio: de 2 a 10 segundos. No modo Carrossel, é o tempo que cada mensagem fica visível. No modo Ticker, define a velocidade: o tempo que a linha demora a atravessar o ecrã, por isso um número maior desliza mais devagar.
- Separador: um caráter curto ou um emoji colocado entre as mensagens, por exemplo um ponto ou uma estrela. Só no modo Ticker.
O ticker para enquanto um cliente aponta para ele, lhe toca ou chega a ele com o teclado, para o poder ler. Os clientes que ativaram a redução de movimento no dispositivo veem-no parado.
Disposição e aspeto
- Largura da secção: Página mantém as mensagens dentro da largura da página, Completo usa toda a largura do ecrã.
- Esquema de cores: as cores do fundo e do texto da barra. Um contraste forte com o cabeçalho ajuda a barra a destacar-se. Os esquemas editam-se em Esquemas de cores.
- Tamanho da letra: de 10 a 30 píxeis.
- Preenchimento: espaço acima, abaixo e dos lados do texto.
- Separador CSS personalizado: os seus próprios estilos, só para esta barra.
Ideias
- Duas barras: uma mensagem fixa (por exemplo a sua promessa de entrega) e uma segunda barra que alterna ofertas.
- Mensagens curtas funcionam melhor nos telemóveis, onde o ecrã é estreito.
- Mensagem sazonal: oculte a barra com o ícone do olho quando a oferta terminar e mostre-a de novo da próxima vez. As mensagens são mantidas.
Bom saber
- Não encontro Modo nem Separador: adicione primeiro uma segunda mensagem. O Separador também precisa que o Modo esteja em Ticker.
- A barra não aparece nas outras páginas: cada página tem as suas próprias secções. Adicione-a lá, ou use Aplicar a todas as páginas nas páginas que já têm uma barra.