Popup para PrestaShop sin cookies, en cada idioma y en las páginas que elijas

VEO Popup pone un popup en PrestaShop para avisar de lo que quieras: rebajas, envío gratis a partir de cierto importe, vacaciones del almacén, un código de descuento. Es gratis y funciona de PrestaShop 1.7.0 a 9.2.

El problema: un popup que molesta, rastrea o no se puede cerrar

Muchos popups guardan una cookie para recordar que el visitante ya lo cerró. Esa cookie tiene que aparecer en el aviso de cookies y, según cómo se clasifique, esperar al consentimiento. Otros se rompen con la caché de página porque deciden en el servidor a quién se enseñan. Y hay configuraciones que dejan el popup sin X y sin poder cerrarlo al pulsar fuera, con el visitante atrapado delante de la tienda.

Cómo lo resuelve

El popup se recuerda en el localStorage del navegador, no en una cookie. No viaja al servidor en cada página, no necesita consentimiento y la decisión de mostrarlo la toma el navegador, así que la misma página cacheada sirve para todos. Escribes el contenido con el editor del back office, añades una imagen si quieres y eliges cuándo sale. Al guardar cambios, el popup vuelve a salir a todos, también a quien ya cerró el anterior.

Pensado para el móvil y para el teclado

Es una ventana <dialog> nativa del navegador. Se cierra con la tecla Esc, el foco se queda dentro mientras está abierta y los lectores de pantalla la anuncian. La X siempre está: puedes ponerla dentro o fuera de la ventana, pero no quitarla. Cerrar al pulsar fuera es opcional; la X y Esc funcionan siempre.

En el móvil la ventana se ajusta a la pantalla y, si el contenido es largo, se desplaza por dentro sin que la X se salga de la vista.

Funciones

• Contenido con el editor del back office, distinto en cada idioma: negritas, listas, enlaces, alineación.
• Imagen opcional encima del texto, JPG, PNG, GIF o WebP de hasta 5 MB. Si pasa de 1200 px de ancho, se reduce al subirla.
• La imagen sale con su ancho y alto, para que la ventana no salte mientras carga.
• Descripción de la imagen (alt) y enlace de la imagen por idioma: en español puede llevar a una categoría y en inglés a otra.
• Páginas donde sale: todas, o las que marques entre inicio, categorías, fichas de producto, páginas CMS, carrito, pedido, confirmación de pedido, inicio de sesión, crear cuenta, contacto y resultados de búsqueda.
• Frecuencia: una vez por visita, una vez al día, a la semana, al mes o solo una vez. «Una vez por visita» vale para todas las pestañas hasta que pasan 30 minutos sin abrir páginas.
• Retardo de 0 a 120 segundos antes de que aparezca.
• Aspecto: ancho máximo de 280 a 1200 px, esquinas redondeadas, modo oscuro, color y posición de la X, color y opacidad del fondo.
• En modo oscuro el texto se lee bien con cualquier tema, y si la X queda del mismo tono que la ventana, el módulo la cambia para que se vea.
• El CSS y el JavaScript solo se cargan en las páginas donde sale el popup. En las demás, el módulo no añade nada. El JavaScript va con defer.

Es un único popup, que sale a todos los visitantes por igual. Para intención de salida, fechas de inicio y fin, segmentación, suscripción al boletín, varios popups y estadísticas está la versión Pro, en preparación.

Compatibilidad

Compatible con PrestaShop 1.7.0 a 9.2 y PHP 5.6 a 8.3. Probado en PrestaShop 1.7.0.6, 1.7.5.2, 1.7.6.9, 1.7.8.11, 8.2.7, 9.1.4 y 9.2.0. No usa overrides ni modifica el núcleo: el popup se pinta en el gancho estándar displayBeforeBodyClosingTag.

Instalación

Sube el ZIP desde Módulos > Gestor de módulos y pulsa Configurar. El popup se instala desactivado, con un texto de ejemplo: escribe el tuyo, activa el interruptor y guarda. Todas las opciones están explicadas en el manual en PDF.

Si lo que necesitas es un aviso de cookies que bloquee los scripts hasta el consentimiento, mira VEO GDPR Cookies. Para un aviso fijo dentro de la página, sin ventana, VEO Simple HTML pone un bloque de HTML en el gancho que elijas.

Preguntas frecuentes

¿Tengo que añadir el popup al aviso de cookies?

No. El módulo no crea ninguna cookie. Guarda en el localStorage del navegador cuándo vio el visitante el popup, solo para no repetirlo antes de tiempo, y ese dato no se envía al servidor.

¿Funciona con la caché de página o con un CDN?

Sí. El servidor genera el mismo HTML para todos y es el navegador quien decide si abre la ventana, así que una página cacheada no deja el popup fijo ni lo oculta a quien no lo ha visto.

He cambiado el texto y el popup no vuelve a salir. ¿Por qué?

Sí vuelve: cada vez que guardas la configuración, el popup sale de nuevo a todos los visitantes. Si no lo ves, revisa que la caché de página se haya vaciado después de guardar, y que estés en una de las páginas marcadas.

¿Puedo poner un popup distinto en cada idioma?

El texto, la descripción de la imagen y su enlace se escriben por separado en cada idioma. La imagen es la misma en todos. Si un idioma no tiene ni texto ni imagen, en ese idioma no sale.

¿Puedo quitar la X para obligar a leerlo?

No. La X siempre está y la tecla Esc siempre cierra. Una ventana que no se puede cerrar hace que la gente se vaya de la tienda, y además es un fallo de accesibilidad.

¿Sale en todos los navegadores?

Sale en los navegadores actuales, que tienen la ventana <dialog>. En uno muy antiguo que no la tenga, el popup simplemente no aparece y la página funciona con normalidad.

¿Qué pasa si lo desinstalo?

Se borran la configuración y la imagen subida. Si solo quieres dejar de mostrarlo un tiempo, desactívalo desde la configuración y conservas el contenido.