PromoBar – Barra de anuncios personalizable para PrestaShop

PromoBar – Banner de anuncio personalizable para PrestaShop

PromoBar es un módulo de PrestaShop pensado para mostrar un banner de anuncio elegante y eficaz en la parte superior de tu tienda. Comunica tus promociones, eventos e información clave con una presentación sobria, multilingüe, personalizable y respetuosa con las buenas prácticas de accesibilidad.

Desde el back‑office, activa/desactiva el banner, elige su posición, programa el periodo de visualización (fecha de inicio/fin), personaliza los colores y la fuente, añade una cuenta regresiva (si se define una fecha de fin) y ofrece un botón de acción que lleve a la página que elijas. Todo ello sin dependencias externas, para una integración ligera, segura y eficiente.

¿Por qué elegir PromoBar?

En e‑commerce, la visibilidad importa. Un banner de anuncio claro y discreto mejora el descubrimiento de tus ofertas sin interrumpir la navegación (a diferencia de los pop‑ups intrusivos). PromoBar atrae la atención en el momento adecuado y se mantiene alineado con tu identidad: mensaje conciso, opciones visuales controladas y botón “cerrar” para no sobresolicitar a tus visitantes.

Funciones principales

• Activación / desactivación del banner desde el back‑office.
• Posición de visualización: después de la apertura de (recomendado) o displayTop.
• Mensaje multilingüe con mini‑markup seguro: **negrita**, [texte](https://url), saltos de línea, enlace automático de URL.
• Programación por fechas: fecha de inicio y/o fin (opcionales).
• Cuenta regresiva (opcional): se activa si se define una fecha de fin y se detiene automáticamente al vencimiento.
• Botón de acción: activable, texto multilingüe, URL (http/https), colores (fondo, texto, borde).
• Botón “cerrar” con duración de la cookie configurable: 1, 3, 7, 15, 30, 90, 365 días.
• Personalización visual: color de fondo, color del texto, fuente mediante lista blanca local (ningún recurso externo).
• Animaciones de texto: Ninguna, Desplazamiento horizontal (marquee), Pulsación suave, Parpadeo ligero.
• Accesibilidad: respeta la preferencia del sistema “movimientos reducidos”.
• Sin dependencias externas (JS/CSS integrados, fuentes no cargadas externamente).

Compatibilidad

• PrestaShop 1.7.x → 9.x
• Temas modernos (integración no intrusiva, hooks estándar)
• Compatible con Creative Elements (Elementor para PrestaShop)
• PHP: probado de 7.4 a 8.3

Nota: el módulo no añade ninguna dependencia externa y se integra en los hooks proporcionados sin modificar el tema.

Personalización y apariencia

• Colores: fondo y texto del banner + estilos del botón (fondo, texto, borde).
• Fuente: selección en una lista blanca local (whitelist). No se carga ninguna fuente externa.
• Animaciones:
  • Ninguna (estático)
  • Desplazamiento horizontal (tipo “marquee”)
  • Pulsación suave
  • Parpadeo ligero
• Accesibilidad: si el usuario ha activado “reducir animaciones”, PromoBar reduce automáticamente los efectos.

Mensaje y mini‑markup

El contenido del mensaje admite un mini‑markup seguro para un resultado expresivo y accesible:

• **negrita** → negrita
• [texte](https://tu-url) → enlace clicable

El renderizado se sanea en el servidor, para evitar cualquier inyección y producir solo un HTML mínimo y seguro.

Fechas y cuenta regresiva

• Fecha de inicio (opcional): el banner se muestra a partir de esa fecha.
• Fecha de fin (opcional): detención automática al vencimiento.
• Cuenta regresiva: muestra un temporizador simple y legible cuando se indica la fecha de fin.

Botón “cerrar” y duración de la cookie

Para una experiencia más cómoda, el usuario puede ocultar el banner mediante un botón “cerrar”. La duración de memorización es ajustable:

• 1 día
• 3 días
• 7 días
• 15 días
• 30 días
• 90 días
• 365 días

Instalación

1. Descarga el archivo promobar.zip.
2. En tu back‑office de PrestaShop: Módulos > Gestor de módulos > Subir un módulo, y luego importa el ZIP.
3. Instala el módulo y abre la página de configuración “PromoBar”.

Importante: la carpeta raíz dentro del ZIP debe llamarse promobar/, de acuerdo con el nombre técnico del módulo ($this->name='promobar').

Configuración (paso a paso)

1. Activa el banner y elige la posición (tras recomendado, o displayTop).
2. Introduce el mensaje multilingüe (se admiten negrita, enlaces y saltos de línea).
3. Define las fechas: inicio (opcional) y fin (opcional). Activa la cuenta regresiva si lo deseas.
4. Estilo: colores del banner y del texto, fuente (lista blanca), animación del texto.
5. Botón de acción: activar, indicar el texto (multilingüe), la URL (http/https) y personalizar sus colores.
6. Botón “cerrar”: activar y ajustar la duración de la cookie (1 → 365 días).
7. Guardar. El banner está listo.

Seguridad y rendimiento

• Ningún recurso externo: sin scripts ni fuentes remotas (mejor privacidad, estabilidad y velocidad).
• Saneado en servidor del mensaje → HTML mínimo, reducción de riesgos de inyección.
• CSS/JS compactos, cargados solo para el componente.

Casos de uso

• Promociones: rebajas, ventas flash, código promocional.
• Operaciones estacionales: fiestas, Black Friday, vuelta al cole, etc.
• Información logística: plazos de envío, cierre excepcional, cambio de transportista.
• Lanzamiento de producto: “Novedad disponible”, redirección a la ficha.
• Mensaje de confianza: envío gratuito, devoluciones en X días, hotline, etc.

Buenas prácticas de contenido

• Claridad: una idea por mensaje.
• Legibilidad: frase corta, palabras clave en negrita.
• Acción: botón con verbo (“Descubrir”, “Aprovechar”, “Más información”).
• Temporalidad: fecha de fin + cuenta regresiva para marcar el vencimiento.
• Accesibilidad: animaciones ligeras + respeto a las preferencias del usuario.

Preguntas frecuentes

¿El banner se muestra en todas las páginas?

Sí, el banner se integra a través de los hooks del tema y permanece visible globalmente según la posición elegida.

¿La cuenta regresiva funciona sin fecha de fin?

No. La cuenta regresiva se activa únicamente si se define una fecha de fin y se detiene automáticamente al vencimiento.

¿Puedo desactivar las animaciones?

Sí, selecciona “Ninguna”. El módulo también respeta la preferencia del sistema “movimientos reducidos”.

¿El botón puede ser multilingüe?

Sí, el texto del botón es multilingüe y la URL se puede personalizar (http/https).

¿El módulo carga fuentes externas?

No. PromoBar utiliza una lista blanca de fuentes locales y no importa ningún recurso externo.

Registro de versiones

v1.0.0 — Primera versión estable

• Visualización de un banner de anuncio configurable (mensaje multilingüe, mini‑markup seguro).
• Programación por fechas (inicio/fin) + cuenta regresiva opcional.
• Personalización visual: colores, fuente (lista blanca), animaciones ligeras.
• Botón de acción: texto multilingüe, URL http/https, colores del botón.
• Botón “cerrar” con duración de la cookie (1 → 365 días).
• Hooks: after (recomendado) y displayTop.
• Integración ligera, ninguna dependencia externa, respeto a la accesibilidad.

Licencia

Distribuido bajo licencia MIT: uso, modificación y redistribución permitidos manteniendo los créditos.

Autor y soporte

BeDOM – Solutions Web
Sitio: https://bedom.fr/es/
Soporte: https://bedom.fr/es/support?rewrite=support
LinkedIn: BeDOM – LinkedIn
Facebook: agencebedom
Instagram: @bedom_web

Da visibilidad a tus mensajes sin sobrecargar la experiencia. Instala PromoBar, configura tu primer banner en unos clics y destaca lo esencial en tu tienda PrestaShop.