Comment ajouter une barre d'annonce avec compte à rebours sur PrestaShop ?
Conversão e UX

Como acrescentar uma barra de anúncio com contagem decrescente no PrestaShop?

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.

Barra de Anúncio e Contagem Decrescente: Faixa Promocional PrestaShop 8 e 9A faixa promocional que cria urgência, sem pesar no seu tema59,00€

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 Barra de Anúncio e Contagem Decrescente para PrestaShop 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.

Continuar a ler

Artigos relacionados