Una barra de anuncio en la parte superior de la página es el medio más directo de comunicar una oferta limitada. Es también uno de los elementos más fáciles de implementar mal: zona horaria equivocada, desplazamiento de maquetación, o cuenta atrás congelada por la caché.
Lo que la barra debe decir
Un mensaje, una acción, un plazo. Tres elementos y no más.
El mensaje cabe en una línea en móvil, unos cuarenta caracteres. «Envío gratis desde 49 €» funciona, «Aproveche nuestra oferta excepcional de envío» no dice nada.
La acción es un enlace a la página afectada. Una barra que anuncia una promoción sin llevar a ella obliga al visitante a buscar.
El plazo, si existe, en forma de cuenta atrás o de fecha. Solo tiene sentido si es real.
Punto importante: la cuenta atrás debe corresponder a un fin de oferta efectivo. Un contador que vuelve a cero a cada visita es una práctica comercial engañosa, y un visitante que vuelve la detecta inmediatamente.
El problema de la zona horaria
Es el error técnico más frecuente, y produce desviaciones de una a dos horas según la estación.
Tres relojes entran en juego: el del servidor, el configurado en PrestaShop, y el del navegador del visitante.
La regla que evita los problemas: calcule el plazo del lado del servidor, transmítalo en tiempo universal, y deje que el navegador haga la conversión. El visitante ve entonces el contador en su hora local, que es el comportamiento esperado.
Dos verificaciones complementarias. El cambio a horario de verano o de invierno, si su oferta cruza un cambio: un plazo calculado sin tener en cuenta el desfase salta una hora. Y el caso de los visitantes extranjeros: una oferta que termina a medianoche hora de Madrid termina a las 23 h para un cliente portugués, lo que es correcto pero debe asumirse.
La cuenta atrás y la caché
Problema clásico: la barra muestra «quedan 3 horas» a todos los visitantes durante dos días, porque la página se sirve desde la caché.
La causa es simple: el contador se calculó del lado del servidor en el momento de la generación de la página, y después se congeló con ella.
La solución: el servidor transmite la fecha de fin, no la duración restante. Un script del lado del navegador calcula la diferencia con la hora actual y actualiza la visualización cada segundo. La fecha de fin puede cachearse sin daño, la duración no.
Dos puntos complementarios. Prevea el comportamiento al expirar: la barra desaparece, o muestra un mensaje de fin. Un contador a cero que sigue mostrado da una impresión de abandono. Y si su página está en caché larga, la barra misma puede cargarse por separado para mantenerse al día.
Barra de anuncios & Cuenta atrás — Banner promocional PrestaShop 8 & 9El banner promocional que crea urgencia sin sobrecargar tu tema€59,00
El desplazamiento de maquetación
Punto técnico que afecta a sus indicadores de rendimiento y que a menudo se descubre a posteriori.
Una barra insertada después de la carga de la página empuja todo el contenido hacia abajo. El visitante que iba a hacer clic en un elemento hace clic en otro, y su medición de estabilidad visual se degrada.
Tres formas de evitarlo.
Reservar el espacio desde el renderizado inicial, con una altura fija, aunque el contenido llegue después.
Mostrar la barra en superposición en lugar de en el flujo, lo que no desplaza nada pero oculta una parte del contenido.
Servir la barra con la página, no en carga diferida. Es la solución más simple cuando el contenido de la barra cambia poco.
Atención también a la altura variable: un mensaje que pasa a dos líneas en móvil y una sola en ordenador produce un desplazamiento si el espacio se reservó sobre el valor equivocado.
La segmentación
Una barra mostrada en todas partes y a todo el mundo pierde su eficacia en unos días. Cuatro ejes de segmentación.
Por página. Un anuncio de envío gratis tiene sentido en las fichas de producto y el carrito, menos en las páginas de contenido.
Por idioma y por país. Una oferta limitada a España no debe mostrarse a los visitantes extranjeros. Es una cuestión de pertinencia y a veces de conformidad, si las condiciones difieren.
Por grupo de clientes. Una oferta reservada a los profesionales no concierne a los particulares.
Por comportamiento. Una barra mostrada solo a los nuevos visitantes, o solo tras una primera visita, según lo que comunique.
La segmentación por idioma es la más a menudo descuidada, y produce el resultado más visible: un mensaje en español en una versión alemana de su tienda.
El cierre
Tres reglas.
La barra debe poder cerrarse. Un banner que no se puede retirar y que ocupa una décima parte de la pantalla en móvil es una molestia.
El cierre debe memorizarse, durante un tiempo razonable: la sesión, o unos días. Reabrir la barra en cada página es agresivo.
La memorización debe tener en cuenta el mensaje. Si cambia de anuncio, el nuevo debe mostrarse incluso a quienes habían cerrado el anterior. Eso supone un identificador de versión en la memorización.
Este tercer punto es el que se descubre al constatar que una nueva campaña no la ve nadie.
La accesibilidad
Dos puntos, rápidos de tratar.
El contraste del texto sobre el fondo de la barra debe respetar la relación mínima. Las barras promocionales usan gustosamente blanco sobre colores vivos, que a menudo quedan por debajo del umbral.
El botón de cierre debe ser alcanzable con el teclado y llevar una etiqueta explícita para los lectores de pantalla. Una cruz sin texto alternativo es un botón mudo.
Añada un punto sobre la cuenta atrás: una actualización cada segundo anunciada a las tecnologías de asistencia produce un flujo verbal insoportable. El elemento no debe declararse como una región de anuncio continuo.
Medir
Tres indicadores.
La tasa de clic en la barra, relativa a las impresiones. Por debajo del 1 %, su mensaje o su segmentación deben revisarse.
La tasa de cierre. Una tasa elevada señala un mensaje percibido como intrusivo o fuera de tema.
El volumen de negocio atribuido a las sesiones que hicieron clic en la barra, a comparar con las otras. Es la única cifra que justifica mantenerla.
Un cuarto punto, a vigilar en el tiempo: el efecto de desgaste. Una barra permanente se vuelve invisible en unas semanas. Alternar los mensajes, o mostrar la barra solo durante las operaciones reales, conserva su eficacia.
El módulo Barra de Anuncio y Cuenta Atrás para PrestaShop pone en marcha este dispositivo en PrestaShop 8 y 9: cuenta atrás calculada del lado del navegador a partir de una fecha de fin para mantenerse justa a pesar de la caché, segmentación por página, idioma, país y grupo de clientes, reserva del espacio para evitar el desplazamiento de maquetación, y memorización del cierre por versión de mensaje.
