Barra de anuncios y cuenta atrás de ofertas - Banner promocional, código de descuento y alerta flotante PrestaShop
Anuncie sus ofertas donde nadie pueda pasarlas por alto. Una barra a todo el ancho arriba o abajo, o una alerta flotante en cualquiera de las seis esquinas, lleva su mensaje, un código de descuento, un botón Comprar ahora y una cuenta atrás en directo. El temporizador se calcula en su servidor, así que el reloj mal ajustado de un visitante no puede estropearlo. Los visitantes pueden cerrarlo y usted decide cuánto tiempo tarda en volver. Ocho idiomas. PrestaShop 1.7 a 9.
Un solo anuncio, en el lugar donde la gente mira de verdad
Una oferta que nadie ve no es una oferta. La mayoría de las tiendas acaban escondiendo la noticia en un carrusel situado tres pantallas más abajo, o en un banner que parece un anuncio publicitario y que se ignora.
Este módulo coloca un único anuncio donde es imposible no verlo, y le da las tres cosas que convierten un aviso en un pedido: un código, un botón y un reloj que se ve agotarse.
Una barra que cruza la pantalla o una alerta en una esquina
Dos estilos, un solo ajuste. La barra a todo el ancho recorre la parte superior o inferior de cada página. La alerta flotante es una tarjeta compacta anclada a una esquina: seis posiciones, desde arriba a la izquierda hasta abajo a la derecha.
La barra es la opción que habla alto y encaja con una oferta para toda la tienda. La alerta flotante es la discreta: se mantiene apartada de su diseño y funciona muy bien para un único mensaje que quiere tener presente sin gritarlo.
Un interruptor independiente de solo página de inicio, desactivado por defecto, limita el anuncio a su página de inicio en lugar de mostrarlo en todas las páginas: práctico para un mensaje de bienvenida que no quiere que persiga a la gente hasta la caja.
Antes, una barra superior fija tapaba la parte alta de la página. Ya no lo hace: el contenido de la página baja para dejarle sitio.
Una cuenta atrás que el reloj de sus visitantes no puede estropear
La cuenta atrás muestra los días, las horas, los minutos y los segundos que faltan hasta su fecha límite, y una vez pasado ese momento se oculta en lugar de quedarse ahí.
El detalle importante es dónde se hace el cálculo. El tiempo restante se calcula en su servidor y se entrega a la página como un único número de segundos. Un visitante cuyo portátil va tres días adelantado, o que navega desde otra zona horaria, ve la misma cuenta atrás que los demás. Los temporizadores que restan dos fechas del navegador se equivocan constantemente, y el error es invisible hasta que un cliente se queja.
La fecha límite es un solo campo con el formato YYYY-MM-DD HH:MM. La página de configuración (Configurar) le avisa si ya ha pasado.
Un código de descuento y un botón
El código de descuento aparece como una etiqueta destacada junto a su mensaje: CYBERMONDAY justo al lado de la frase que lo explica, en vez de enterrado en las condiciones.
El botón Comprar ahora es un enlace opcional a donde usted quiera: la categoría de la oferta, una página de destino, un producto concreto. Ambos son opcionales: use uno, los dos o ninguno.
Sus colores, y además legibles
El color de fondo, el color del texto y la opacidad del fondo son ajustes, de modo que el anuncio combine con su tema en lugar de pelearse con él.
La opacidad está tratada con cuidado: solo el fondo se vuelve transparente, nunca el texto. Una barra translúcida con un texto ilegible encima es la forma más habitual de arruinar esta función, y el módulo compone el color de manera que eso no pueda ocurrir. Indíquele un color hexadecimal y un número del 0 al 100 y él hace el resto.
La altura de la barra es automática mientras usted no la fije, y esa es la recomendación: la altura automática se adapta a cualquier mensaje que acabe escribiendo.
Un cierre que respeta al visitante
Los visitantes pueden cerrar el anuncio. Lo que ocurre después lo decide usted: establece cuántos minutos pasan antes de que vuelva, hasta un año. Ponga 0 y volverá la próxima vez que se abra el navegador.
Ese único número marca la diferencia entre un anuncio que resulta informativo y otro que se percibe como una ventana emergente.
Le dice lo que están viendo sus visitantes
La página de configuración incluye un panel de estado que indica con claridad si el anuncio está desactivado, si tiene el mensaje vacío o si está publicado en este momento, y le avisa por separado cuando una fecha límite de cuenta atrás ya ha pasado.
Existe porque la consulta de soporte más frecuente sobre cualquier módulo de banner es "¿por qué no lo veo?", y la respuesta suele ser una de esas tres cosas aburridas. El panel la responde antes de que usted pregunte. Hay una salvedad que no puede cubrir: si fue usted quien cerró el anuncio, tampoco lo verá; compruébelo en una ventana privada.
Multiidioma, y de verdad
El mensaje se escribe idioma por idioma en el editor de texto enriquecido estándar, así que cada idioma de su tienda recibe su propia redacción en lugar de un único mensaje mostrado a todo el mundo.
En la versión 1.x esto estaba roto: en una tienda multiidioma el mensaje solo se guardaba para un idioma. Está corregido.
Lo bastante ligero como para dejarlo activado
Un archivo CSS pequeño y un archivo JavaScript pequeño en código nativo, y solo se cargan cuando el anuncio realmente se va a mostrar. Sin jQuery, sin bibliotecas externas, sin nada descargado desde otro dominio.
La versión 1.x cargaba jQuery 1.11 y jQuery UI una segunda vez en cada página, además de la copia que ya cargaba su tema. Eso ha desaparecido.
Lo que corrigió la versión 2
La versión 1.x arrastraba una serie de fallos que conviene nombrar, porque si todavía la usa, algunos los tiene:
Los visitantes veían una ventana alert("Please enter a valid date time") del navegador en todas las páginas cuando no había fecha de cuenta atrás. Una cuenta atrás caducada se reiniciaba en silencio tres meses hacia el futuro en vez de desaparecer. El código de la barra se inyectaba en el <head> de la página, lo que produce HTML no válido. La cuenta atrás podía mostrar "60" segundos y se desviaba cuanto más tiempo permanecía abierta la página. Guardar un enlace de botón con = o ?, es decir, cualquier URL con parámetros, fallaba en la validación. Y el mensaje solo se guardaba para un idioma.
La versión 2 elimina además la antigua dependencia de la ventana emergente Noty. Al actualizar, las posiciones Noty retiradas se asignan a las alertas flotantes equivalentes, el antiguo modo "Top Bar Countdown" pasa a ser la barra superior y la cuenta atrás queda disponible en todos los modos, y la fecha límite se convierte al formato ISO. Las barras que sigan mostrando el banner de demostración 1.x sin modificar se desactivan, para que una tienda actualizada no continúe anunciando el módulo a sus propios clientes.
Compatibilidad
PrestaShop 1.7 a 9, en ocho idiomas: neerlandés, inglés, francés, alemán, italiano, polaco, español y turco.
Tres hooks (puntos de enganche) estándar - displayBeforeBodyClosingTag para el anuncio en sí, más actionFrontControllerSetMedia y actionAdminControllerSetMedia para los archivos - sin overrides y sin modificar el tema. El módulo implementa además la interfaz de widget de PrestaShop, de modo que {widget name='notificationbar'} coloca el anuncio en cualquier punto de una plantilla del tema si lo quiere en un sitio concreto. Si un tema lo engancha en más de un lugar, se sigue mostrando una sola vez.
El módulo se instala con un anuncio de ejemplo desactivado, así que no aparece nada en su tienda hasta que usted escriba su propio mensaje y lo active.
Preguntas frecuentes
¿Dónde aparece el anuncio?
Donde usted elija, entre ocho posiciones: una barra a todo el ancho en la parte superior o inferior de la página, o una tarjeta de alerta flotante en una de las seis esquinas - arriba a la izquierda, arriba en el centro, arriba a la derecha, abajo a la izquierda, abajo en el centro o abajo a la derecha. La barra ocupa todo el ancho; la alerta flotante es compacta y se mantiene apartada de su diseño.
¿Un reloj mal ajustado en el ordenador del visitante puede estropear la cuenta atrás?
No. El tiempo restante se calcula en su servidor y se envía a la página como un número de segundos, así que un visitante con el reloj mal puesto o en otra zona horaria ve la cuenta atrás correcta. Una vez pasada la fecha límite, el temporizador se oculta.
¿Pueden cerrarlo los visitantes y vuelve a aparecer?
Sí a las dos cosas, en sus términos. Un visitante puede cerrar el anuncio y usted decide cuántos minutos pasan antes de que vuelva, hasta un año. Ponga el valor en 0 y volverá la próxima vez que abra su navegador.
No se ve nada en mi tienda.
Abra la página Configurar y lea el panel de estado: le dice si el anuncio está desactivado, si tiene el mensaje vacío o si está publicado. El mensaje no puede estar vacío en el idioma que se está consultando. Y recuerde que usted tampoco lo verá si lo cerró: borre la cookie notificationbar_hidden o use una ventana privada.
La cuenta atrás no aparece.
O el campo de fecha límite está vacío, o la fecha límite ya ha pasado. El panel de estado le avisa cuando ha pasado. El formato es YYYY-MM-DD HH:MM, por ejemplo 2026-11-30 09:00.
¿Ralentiza mi tienda?
Carga un archivo CSS pequeño y un archivo JavaScript pequeño, y solo cuando el anuncio realmente se va a mostrar: en las páginas donde está oculto no se carga nada en absoluto. No hay jQuery ni bibliotecas externas, y no se descarga nada desde otro dominio.
¿Puedo usar un mensaje distinto por idioma?
Sí. El mensaje se guarda por idioma y se edita en el editor de texto enriquecido estándar, de modo que cada idioma de la tienda tiene su propia redacción. La versión 1.x guardaba el mensaje solo para un idioma en tiendas multiidioma; ese fallo está corregido.
¿Puedo hacer el fondo transparente?
Sí, con el ajuste de opacidad de 0 a 100. Solo el fondo se vuelve transparente: el texto permanece totalmente opaco, así que el mensaje nunca deja de ser legible por mucha transparencia que aplique.
La barra queda detrás del menú de mi tema.
El anuncio usa un orden de apilamiento alto, z-index: 1040. Si su tema utiliza uno mayor, suba el valor en views/css/front.css.
¿Puedo mostrarlo solo en la página de inicio?
Sí. Hay un interruptor de solo página de inicio y viene desactivado por defecto, así que el anuncio aparece en todas las páginas hasta que usted lo active. Actívelo y el anuncio queda limitado a la página de inicio - muy práctico para un mensaje de bienvenida o de primer pedido que no quiere que persiga a sus clientes hasta la caja.
¿Puedo colocarlo donde mi tema no tiene un hook?
Sí. El módulo implementa la interfaz de widget de PrestaShop, así que puede colocar {widget name='notificationbar'} en cualquier punto de una plantilla del tema. Aunque el módulo acabe enganchado en varios sitios, se sigue mostrando una sola vez.
¿Qué pasa con mi configuración al actualizar desde la 1.x?
Se conservan su barra, sus colores y sus mensajes. Las posiciones Noty retiradas se corresponden con las alertas flotantes equivalentes, el antiguo modo "Top Bar Countdown" pasa a ser la barra superior y la fecha límite se convierte al formato YYYY-MM-DD HH:MM. Las barras que sigan mostrando el banner de demostración 1.x sin modificar se desactivan. Como la cookie de cierre se ha renombrado, los visitantes que habían cerrado la barra antigua verán el anuncio una vez más.
¿Qué ocurre si lo desinstalo?
El anuncio, sus mensajes y todos los datos del módulo se eliminan de la base de datos. Exporte lo que quiera conservar antes de desinstalar.
-
CompatibilidadPrestashop 1.5
Prestashop 1.6
Prestashop 1.7
Prestashop 8
Prestashop 9 -
Traducciones Disponibles del MóduloAlemán
Español
Francés
Inglés
Italiano
Neerlandés
Polaco
Turco
MEG Venture
4 productos más en la misma categoría
| Versión | 2.0.1 |
|---|---|
| Última actualización | 2026-07-30 |
| Registro de cambios | - [2026-07-30] Add missing translation keys for announcement bar in German, English, Spanish, French, Italian, Dutch, Polish, and Turkish - [2026-07-24] Add Dutch, Polish, and Turkish translations for notification bar module messages - [2026-07-23] Bump version to 2.0.1 and update changelog; fix upgrade process to prevent module disablement - [2026-07-23] Translate notification bar module strings to Polish and Turkish - [2026-07-23] Translate notification bar module strings to English in Spanish, French, Italian, Dutch, Polish, and Turkish files; update status and button labels for consistency across languages. - [2026-07-23] Populate translation files with complete translatable strings - [2026-07-23] Populate translation files with complete translatable strings - [2026-07-23] Populate translation files with complete translatable strings - [2026-07-23] Populate translation files with complete translatable strings - [2026-07-23] Populate translation files with complete translatable strings - [2026-07-23] Populate translation files with complete translatable strings - [2026-07-23] Add missing translation files (fr, de, pl, nl, tr, it, es) - [2026-07-22] Update display name format in Notificationbar class for consistency - [2026-07-14] Add Notification Bar Module: Initial implementation with upgrade and configuration files - [2026-06-21] Refactor code style for consistency and readability in notificationbar.php - [2024-09-29] Fix access permissions for PHP files and update module version to 1.1.5 - [2023-10-02] displayBackOfficeHeader fix - [2023-09-12] v1.1.6 - [2023-09-05] v1.1.5 - [2022-02-19] v1.1.4 - [2022-02-09] v1.1.3 - [2021-09-27] v1.1.1 - [2021-07-22] v1.1.0 - [2021-01-19] v1.0.6 initial - [2021-01-19] Initial commit |
Comentarios (3)
Su agradecimiento a la reseña no pudo ser enviado
Reportar comentario
Reporte enviado
Su reporte no pudo ser enviado