# Como acrescentar uma barra de anúncio com contagem decrescente no PrestaShop? > O servidor tem de transmitir a data de fim, não o tempo restante: é isso que evita uma contagem congelada pela cache. Fusos horários, deslocamento da maquete, segmentação por idioma e memorização do fecho por versão. - Página: - Idioma: pt - Publicado em: 2026-10-01 - Atualizado em: 2026-10-01 - Outros idiomas: [fr](https://www.datafirefly.com/2026/10/01/barre-annonce-compte-a-rebours-prestashop/index.md), [en](https://www.datafirefly.com/en/2026/10/01/announcement-bar-countdown-prestashop/index.md), [es](https://www.datafirefly.com/es/2026/10/01/barra-anuncio-cuenta-atras-prestashop/index.md), [de](https://www.datafirefly.com/de/2026/10/01/ankuendigungsleiste-countdown-prestashop/index.md), [it](https://www.datafirefly.com/it/2026/10/01/barra-annuncio-conto-alla-rovescia-prestashop/index.md), [pl](https://www.datafirefly.com/pl/2026/10/01/pasek-ogloszen-odliczanie-prestashop/index.md), [nl](https://www.datafirefly.com/nl/2026/10/01/aankondigingsbalk-aftelklok-prestashop/index.md) - Índice: Uma barra de anúncio no topo da página é a forma mais direta de comunicar uma oferta limitada. É também um dos elementos mais fáceis de implementar mal: fuso horário errado, deslocamento da maquete, ou contagem decrescente congelada pela cache. ## O que a barra deve dizer Uma mensagem, uma ação, um prazo. Três elementos e nada mais. A **mensagem** cabe numa linha em mobile, ou seja cerca de quarenta caracteres. «Entrega grátis a partir de 49 €» funciona, «Aproveite a nossa oferta excecional de entrega» não diz nada. A **ação** é uma ligação para a página em causa. Uma barra que anuncia uma promoção sem levar lá obriga o visitante a procurar. O **prazo**, se existir, sob a forma de contagem decrescente ou de data. Só faz sentido se for real. Ponto importante: a contagem decrescente tem de corresponder a um fim de oferta efetivo. Um contador que recomeça do zero em cada visita é uma prática comercial enganosa na aceção do Decreto-Lei n.º 57/2008, fiscalizado pela ASAE, e nota-se de imediato por um visitante que volta. ## O problema do fuso horário É o erro técnico mais frequente, e produz desvios de uma a duas horas consoante a época. Entram em jogo três relógios: o do servidor, o configurado no PrestaShop, e o do navegador do visitante. A regra que evita problemas: **calcule o prazo do lado do servidor, transmita-o em tempo universal, e deixe o navegador fazer a conversão**. O visitante vê então a contagem na sua hora local, que é o comportamento esperado. Duas verificações complementares. A mudança para a hora de verão ou de inverno, se a oferta atravessar uma mudança: um prazo calculado sem ter em conta o desvio salta uma hora. E o caso dos visitantes noutro fuso: uma oferta que termina à meia-noite em Portugal continental termina às 23 horas nos Açores, o que está correto mas tem de ser assumido. ## A contagem decrescente e a cache Problema clássico: a barra mostra «faltam 3 horas» a todos os visitantes durante dois dias, porque a página é servida da cache. A causa é simples: a contagem foi calculada do lado do servidor no momento de gerar a página, e depois congelou com ela. A solução: **o servidor transmite a data de fim, não o tempo restante**. Um script do lado do navegador calcula a diferença para a hora atual e atualiza a apresentação a cada segundo. A data de fim pode ir para cache sem dano, o tempo restante não. Dois pontos complementares. Preveja o comportamento **na expiração**: a barra desaparece, ou mostra uma mensagem de fim. Um contador a zero que fica à vista dá impressão de abandono. E se a sua página tiver cache longa, a própria barra pode ser carregada à parte para se manter atualizada. ## O deslocamento da maquete Ponto técnico que afeta os seus indicadores de desempenho e que é muitas vezes descoberto depois. Uma barra inserida depois do carregamento da página empurra todo o conteúdo para baixo. O visitante que ia clicar num elemento clica noutro, e a sua medição de estabilidade visual degrada-se. Três formas de o evitar. **Reservar o espaço** logo na apresentação inicial, com uma altura fixa, mesmo que o conteúdo chegue depois. **Mostrar a barra em sobreposição** em vez de no fluxo, o que não desloca nada mas tapa uma parte do conteúdo. **Servir a barra com a página**, não em carregamento diferido. É a solução mais simples quando o conteúdo da barra muda pouco. Atenção também à altura variável: uma mensagem que passa para duas linhas em mobile e cabe numa em computador produz um deslocamento se o espaço foi reservado pelo valor errado. ## A segmentação Uma barra mostrada em todo o lado e a toda a gente perde eficácia em poucos dias. Quatro eixos de segmentação. **Por página.** Um anúncio de entrega grátis faz sentido nas fichas de produto e no carrinho, menos nas páginas de conteúdo. **Por idioma e por país.** Uma oferta limitada a Portugal continental não deve aparecer a visitantes estrangeiros. É uma questão de pertinência e por vezes de conformidade, se as condições diferirem. **Por grupo de clientes.** Uma oferta reservada a profissionais não diz respeito aos particulares. **Por comportamento.** Uma barra mostrada só aos visitantes novos, ou só depois de uma primeira visita, consoante o que comunica. A segmentação por idioma é a mais descurada, e produz o resultado mais visível: uma mensagem em português numa versão alemã da sua loja. ## O fecho Três regras. **A barra tem de poder ser fechada.** Uma faixa que não se consegue retirar e que ocupa um décimo do ecrã em mobile é um incómodo. **O fecho tem de ser memorizado**, por uma duração razoável: a sessão, ou alguns dias. Reabrir a barra em cada página é agressivo. **A memorização tem de ter em conta a mensagem.** Se mudar de anúncio, o novo tem de aparecer mesmo a quem tinha fechado o anterior. Isso pressupõe um identificador de versão na memorização. Este terceiro ponto é aquele que se descobre ao constatar que uma campanha nova não é vista por ninguém. ## A acessibilidade Dois pontos, rápidos de tratar. O **contraste** do texto sobre o fundo da barra tem de respeitar o rácio mínimo. As barras promocionais usam de bom grado branco sobre cores vivas, que ficam muitas vezes abaixo do limiar. O **botão de fecho** tem de ser alcançável por teclado e ter um rótulo explícito para os leitores de ecrã. Uma cruz sem texto alternativo é um botão mudo. Acrescente um ponto sobre a contagem decrescente: uma atualização a cada segundo anunciada às tecnologias de apoio produz um fluxo verbal insuportável. O elemento não deve ser declarado como região de anúncio contínuo. ## Medir Três indicadores. A **taxa de clique** na barra, sobre as apresentações. Abaixo de 1 %, a mensagem ou a segmentação precisam de revisão. A **taxa de fecho**. Uma taxa alta assinala uma mensagem percebida como intrusiva ou fora de assunto. A **faturação atribuída** às sessões que clicaram na barra, a comparar com as outras. É o único número que justifica mantê-la. Um quarto ponto, a vigiar ao longo do tempo: o efeito de desgaste. Uma barra permanente torna-se invisível em poucas semanas. Alternar as mensagens, ou mostrar a barra apenas durante as operações reais, conserva a eficácia. A implementa este dispositivo no PrestaShop 8 e 9: contagem calculada do lado do navegador a partir de uma data de fim para se manter certa apesar da cache, segmentação por página, idioma, país e grupo de clientes, reserva do espaço para evitar o deslocamento da maquete, e memorização do fecho por versão de mensagem.