Ventanas emergentes en PrestaShop que sí convierten: estrategia y configuración

Última actualización: junio de 2026.

Las ventanas emergentes tienen mala fama por una razón: la mayoría son perezosas. Aparecen al cargar la página, cubren la pantalla y piden un correo electrónico antes de que el visitante haya visto un solo producto. Esa ventana se cierra en medio segundo y deja una mala impresión. Pero esa misma superficie, activada en el momento adecuado y con una oferta real, es una de las pocas herramientas dentro de la tienda que mueve de forma fiable las suscripciones por correo electrónico y recupera carritos que ya se estaban marchando. La diferencia nunca está en la tecnología de la ventana emergente: está en la estrategia que hay detrás de cuándo aparece, quién la ve y qué tan fácil es cerrarla.

Esta guía trata sobre la estrategia y la configuración en PrestaShop: los tipos de activadores y cuándo cada uno se gana la interrupción, dónde se insertan realmente las ventanas emergentes en el ciclo de vida de una página de PrestaShop, las normas del RGPD y de intersticiales móviles que perjudican discretamente a las tiendas que las ignoran, y cómo medir si una ventana emergente está ayudando o solo está molestando a la gente hasta hacerla rebotar. Para el caso concreto de la oferta de bienvenida en la primera visita, la ventana emergente más común y más abusada de todas, conviene un tratamiento propio, cubierto en ventanas emergentes de bienvenida bien hechas.

PrestaShop no tiene motor de ventanas emergentes: entonces, ¿dónde viven?

PrestaShop no incluye nada para ventanas emergentes de serie. No hay una pestaña de "Ventanas emergentes" en el panel de administración ni un sistema nativo de activadores. Toda ventana emergente en una tienda PrestaShop la inyecta un módulo, y la forma de inyectarla importa tanto para el rendimiento como para la fiabilidad.

La forma limpia de que un módulo añada una ventana emergente es engancharse al final de la página en lugar de reescribir el tema. PrestaShop 1.7+ expone displayBeforeBodyClosingTag, un hook que se ejecuta justo antes de la etiqueta de cierre </body>, que es exactamente donde deben ir el marcado y el script de una ventana emergente: después de que el contenido se haya renderizado, para que la ventana nunca bloquee el pintado de la página. (Nuestro módulo mprwelcomepopup usa este hook precisamente por ese motivo.) Los temas antiguos de 1.6 se apoyan en displayFooter o en un hook global. La conclusión práctica para ti: un módulo de ventanas emergentes que carga su JavaScript tarde y se engancha al cierre del body no arrastrará tu puntuación de PageSpeed como lo hará un script que carga pronto y bloquea el renderizado. Al evaluar un módulo, merece la pena preguntar por ese punto de inyección: es la diferencia entre una ventana emergente que se mantiene fuera de tus Core Web Vitals (sin bloqueo de renderizado y con desplazamiento de diseño mínimo) y una que te cuesta rendimiento en cada página.

Como la lógica del activador se ejecuta en el cliente (el navegador decide cuándo mostrar la ventana según el movimiento del ratón, el desplazamiento o un temporizador), la lógica de visualización en sí no toca la carga de tu servidor ni la lógica del carrito. Una ventana emergente bien construida y solo de presentación no debería alterar tu lógica de pedidos ni de pago: es una capa visual colocada encima. Aun así, una superposición puede interponerse cuando alguien está pagando, así que desactívala siempre en el proceso de pago.

Estrategia de activadores: el momento de aparición lo decide todo

La palanca más importante en el rendimiento de una ventana emergente no es la oferta ni el diseño: es el momento. El mismo mensaje de "10% de descuento" convierte a una fracción de punto porcentual cuando aparece al cargar la página y a varios puntos cuando aparece en la salida. Así se comparan los principales activadores y cuándo cada uno se gana la interrupción.

¿Qué significa esto en la práctica? La intención de salida es el activador agresivo más seguro porque no interrumpe a nadie que no estuviera ya marchándose: no hay nada que perder. Los activadores por tiempo y desplazamiento son más suaves, pero interrumpen a visitantes implicados, así que deben superar un umbral de relevancia más alto. Y el activador por clic apenas cuenta como ventana emergente, por eso casi nunca molesta a nadie. Una configuración seria de ventanas emergentes usa distintos activadores para distintos objetivos en distintos tipos de página, no una sola regla para toda la tienda.

Ajusta la ventana emergente a la página de PrestaShop en la que aparece

Una ventana emergente que ignora el contexto es una ventana emergente que molesta. PrestaShop ya te dice exactamente en qué tipo de página está el visitante mediante el nombre del controlador (index, category, product, cart, order), así que un módulo competente de ventanas emergentes puede segmentar por tipo de página. Aprovéchalo:

• Página de inicio (index): una oferta de primera impresión o un anuncio, pero da a los navegadores unos segundos antes de interrumpir. La página de inicio también es el lugar natural de la ventana emergente de bienvenida; consulta ventanas emergentes de bienvenida bien hechas para esa jugada concreta.
• Páginas de categoría: un activador por profundidad de desplazamiento encaja mejor con una lista larga de productos que un temporizador. Si tus páginas de categoría no retienen la atención desde el principio, la ventana emergente está tratando un síntoma: la solución estructural está en páginas de categoría que convierten.
• Páginas de producto: reserva las ventanas emergentes para valor real: una guía de tallas, una sugerencia de "los clientes también compraron" al añadir al carrito, un aviso de stock o de envío. Una ventana de captación de correos electrónicos sin más, encima de un producto que el visitante está estudiando, es fricción pura.
• Página del carrito: un momento de alto valor para una venta cruzada o un empujón de "completa tu pedido": el visitante ha mostrado una intención clara.
• Pago (controlador order): no muestres nada. No interrumpas a alguien que ya está pagando. Una ventana emergente aquí es el error más caro de esta lista.

Añade segmentación de visitantes encima de la segmentación por página: nuevos frente a recurrentes (un cliente recurrente no necesita un descuento de "primer pedido"), valor del carrito y dispositivo. La cookie o marca en sessionStorage que registra "este visitante ya vio la ventana emergente de bienvenida" es lo que evita volver a mostrar la misma oferta a alguien que la descartó ayer.

Tipos de ventanas emergentes que merece la pena usar en una tienda PrestaShop

• Captación de correos electrónicos / oferta de bienvenida. La jugada de primera visita "consigue un 10% de descuento". Efectiva, pero fácil de hacer mal: estrategia completa, incluida la frecuencia de visualización y a quién mostrarla, en ventanas emergentes de bienvenida bien hechas.
• Rescate por intención de salida. Una oferta por tiempo limitado mostrada solo cuando el visitante se va. La ventana emergente más limpia que existe, porque no interrumpe a nadie que se estuviera quedando.
• Empujón de recuperación de carrito. El mismo activador de salida, pero haciendo referencia al carrito concreto ("No dejes atrás tus artículos"). Acompaña, y nunca sustituye, a una secuencia adecuada de correos electrónicos de carrito abandonado para los visitantes que se marchen de todas formas.
• Venta adicional / venta cruzada al añadir al carrito. "Añade una funda a juego por 5 € más", activada en el momento en que un producto entra en el carrito. Esto aumenta el valor medio del pedido sin enviar al cliente a otra página.
• Notificación de prueba social. Una pequeña notificación no bloqueante en una esquina ("alguien en Berlín acaba de pedir esto") que genera confianza mediante actividad en vivo en lugar de pedir algo. Es una superficie fundamentalmente distinta de una modal centrada en la pantalla: no interrumpe, tranquiliza. Nuestro módulo mprsalespopup las genera a partir de pedidos recientes reales, de modo que la prueba es auténtica, no inventada.
• Estacional / promocional. Un anuncio de rebajas, a menudo con cuenta atrás. Funciona mejor cuando se limita a páginas relevantes y a una ventana de fechas razonable.

Diseño y cierre: la parte que decide entre "eficaz" y "molesta"

Las reglas visuales son breves y no negociables:

• Empieza por el valor, no por la petición. "Consigue un 10% de descuento" antes que "introduce tu correo electrónico", nunca al revés. "Suscríbete a nuestro boletín" no es una propuesta de valor.
• Un único botón de cierre claramente visible, arriba a la derecha, de al menos 44×44 px para que se pueda tocar en un teléfono. Ocultar o retrasar el control de cierre para comprar unos segundos más de atención es la forma más rápida de quemar confianza y, como se explica más abajo, implica un riesgo directo de penalización por parte de Google.
• Nada de textos de cierre culpabilizadores. "No, gracias, prefiero pagar el precio completo" es manipulador; un simple "Quizá más tarde" o una X clara respeta al visitante.
• Respeta la marca de tu tienda: colores, tipografías, una imagen de producto relevante. Una ventana emergente que parece venir de otro sitio web se percibe como una superposición sospechosa.
• Mantenla en 3-5 líneas. Si necesitas más palabras, la oferta aún no está lo bastante clara.

La regla móvil que cuesta posicionamiento a muchas tiendas sin que lo noten

Aquí es donde la mayoría de configuraciones de ventanas emergentes pierden sin hacer ruido. Google trata un intersticial intrusivo que cubre el contenido principal inmediatamente después de que un visitante llegue desde la búsqueda como una señal de posicionamiento negativa para la página en móvil. El consentimiento de cookies, las verificaciones de edad y los diálogos de inicio de sesión están exentos; una superposición de "10% de descuento" estampada en un teléfono al cargar la página no lo está, y puede arrastrar hacia abajo el posicionamiento de las mismas páginas que intentas monetizar.

Qué se mantiene seguro en móvil: ventanas emergentes activadas por una acción del usuario (un toque), ventanas que aparecen solo después de una interacción significativa (tiempo o desplazamiento, no al llegar) y pequeños avisos que ocupan una parte razonable de la pantalla en lugar de toda el área visible. Como la intención de salida no tiene ratón que leer en un teléfono, las alternativas seguras para móvil son la detección de desplazamiento hacia arriba, un retraso temporal generoso o un activador por cambio de pestaña. Trata el móvil como el caso predeterminado, no como una ocurrencia tardía: en la mayoría de tiendas, una parte grande y creciente del tráfico y de los pagos ya empieza en un teléfono, un cambio cubierto en comercio móvil.

RGPD: la capa de cumplimiento que las tiendas de la UE no pueden saltarse

Si vendes en la UE, una ventana emergente que captura correos electrónicos es un evento de recogida de datos y las reglas son concretas:

• Consentimiento explícito. Una casilla marcada previamente no es consentimiento válido. Indica con claridad a qué se está suscribiendo el visitante ("ofertas semanales y anuncios de nuevos productos") y enlaza tu política de privacidad junto al campo.
• Doble confirmación. Tras el envío, manda un correo electrónico de confirmación en el que el visitante deba hacer clic. Es obligatorio legalmente en algunos países de la UE (notablemente Alemania) y es una buena práctica en todas partes; además, mantiene limpia tu lista.
• Orden de cookies. Si la ventana emergente establece una cookie no esencial para recordar que ya se ha mostrado, esa cookie queda condicionada al consentimiento. Algunos módulos evitan esto usando sessionStorage en lugar de una cookie de seguimiento. En cualquier caso, nunca lances una ventana emergente promocional al mismo tiempo que tu aviso de consentimiento de cookies: apilar dos interrupciones significa que el visitante no puede evaluar correctamente ninguna de las dos.

Una ventana emergente por visita: la regla de frecuencia que protege toda la estrategia

La forma más rápida de deshacer un buen trabajo con ventanas emergentes es apilarlas. Un visitante que se encuentra con tu ventana de bienvenida no debería recibir también una ventana de salida, una ventana de boletín y tres notificaciones de prueba social en la misma sesión. Elige la superficie más relevante para su comportamiento y suprime el resto. Registra qué ha visto y descartado cada visitante (cookie o sessionStorage) y espera, al menos una semana, antes de volver a mostrar una oferta descartada, o muestra una completamente distinta. El control de frecuencia es exactamente la función que separa un módulo de ventanas emergentes que puedes usar en una tienda real de uno que espanta clientes.

Cómo medir si una ventana emergente ayuda o perjudica

La tasa de conversión de la ventana emergente, por sí sola, es una métrica de vanidad. Una ventana puede registrar una tasa saludable de suscripción mientras reduce discretamente los ingresos si molesta a visitantes implicados hasta hacerlos rebotar. Sigue cuatro cifras y sopésalas juntas:

• Tasa de conversión de la ventana emergente: proporción de visualizaciones que realizan la acción (correo electrónico, reclamación de código).
• Tasa de cierre inmediato: qué tan rápido la descarta la gente; una tasa alta de cierre instantáneo significa mal momento u oferta irrelevante.
• Conversión posterior: ¿las personas que interactuaron con la ventana realmente compran? Una suscripción que nunca compra es ruido.
• Ingresos por visitante, con la ventana activada frente a desactivada: la métrica decisiva. Si suben las suscripciones pero baja el RPV, la ventana emergente es una pérdida neta y debe retirarse o reajustarse.

Prueba una variable cada vez: importe de la oferta, momento del activador, formato de diseño, texto de la llamada a la acción, y da a cada variante tráfico suficiente para superar el ruido de una semana a otra antes de declarar una ganadora. Las cifras publicadas de comercio electrónico para ventanas emergentes bien ejecutadas (tasas de captación de un dígito bajo a un dígito alto, y tasas de recuperación de carrito de decenas de puntos porcentuales en ofertas de salida) son orientativas, no promesas: los números reales dependen de tu tráfico, tu oferta y tus márgenes, así que mide en tu propia tienda en lugar de confiar en una referencia externa.

Configurar ventanas emergentes en PrestaShop

Como la plataforma no te da nada nativo, el trabajo se reduce a elegir el módulo adecuado y configurarlo con la estrategia anterior. Al evaluar un módulo de ventanas emergentes para PrestaShop, la lista de comprobación que de verdad importa es esta:

• Varios tipos de activador (salida, temporizador, desplazamiento, clic), no solo al cargar
• Segmentación por página mediante controlador (inicio / categoría / producto / carrito) y segmentación de visitantes (nuevo frente a recurrente, dispositivo, valor del carrito)
• Controles de frecuencia y supresión, incluido un retraso de visualización
• Comportamiento específico para móvil, para mantenerte lejos de la penalización de Google por intersticiales
• Funciones de RGPD: texto de consentimiento, enlace a la política de privacidad, doble confirmación
• Inyección tardía del script (el hook displayBeforeBodyClosingTag) para reducir el riesgo de bloqueo de renderizado; aun así, audita la carga del script, el desplazamiento de diseño (CLS) y cualquier solicitud de terceros que arrastre
• Analítica por ventana emergente: visualizaciones, conversiones, tasa de cierre

Nuestros dos módulos de ventanas emergentes en mypresta.rocks dividen el trabajo de forma limpia. mprwelcomepopup se encarga de las ofertas de entrada y de la captación de correos electrónicos: se engancha al cierre del body para no bloquear nunca el renderizado y lleva un retraso de visualización configurable, de modo que controlas el momento en lugar de dispararlo al llegar. mprsalespopup cubre la parte de prueba social: pequeñas notificaciones en esquina creadas a partir de pedidos recientes reales, para que la prueba que muestras sea auténtica. Ambos se instalan y configuran desde el panel de administración: sin editar el tema, sin factura de desarrollador, y ambos se mantienen fuera del proceso de pago. El objetivo de cualquiera de los dos no es "añadir una ventana emergente"; es mostrar la superficie adecuada en el momento adecuado al visitante adecuado, que es la única versión de las ventanas emergentes que convierte en lugar de molestar.

Dónde encajan las ventanas emergentes en el panorama general de UX

Una ventana emergente es una táctica, no una estrategia. Se gana su lugar cuando empuja una decisión que el resto de la tienda ya ha preparado bien: navegación clara, páginas de categoría que retienen la atención, una página de inicio que orienta al visitante en segundos. Si una ventana emergente está haciendo el trabajo pesado porque la experiencia de base es débil, arregla primero la experiencia: empieza por diseño de página de inicio y páginas de categoría que convierten. Haz bien eso, y la ventana emergente se convierte en lo que debe ser: una pequeña ayuda, bien sincronizada, en el momento en que el visitante está listo para actuar.

Preguntas frecuentes

¿Dónde se engancha realmente una ventana emergente en PrestaShop?

PrestaShop no incluye motor de ventanas emergentes, así que todas las ventanas las inyecta un módulo. La forma limpia es el hook displayBeforeBodyClosingTag (PrestaShop 1.7+), que se ejecuta justo antes del cierre </body>, después de que el contenido se haya renderizado, para que la ventana nunca bloquee el pintado de la página. Los temas antiguos de 1.6 se apoyan en displayFooter. Al evaluar un módulo, ese punto de inyección importa: una ventana que se engancha al cierre del body y carga su script tarde se mantiene fuera de tus Core Web Vitals, mientras que un script temprano que bloquea el renderizado te cuesta rendimiento en cada página.

¿Qué activador convierte mejor?

La intención de salida es el activador agresivo más seguro porque solo interrumpe a personas que ya se van: no hay nada que perder. Los activadores por tiempo y desplazamiento son más suaves, pero interrumpen a visitantes implicados, así que deben superar un umbral de relevancia más alto (nunca lances un temporizador por debajo de unos 10 segundos). Un activador por clic/toque apenas cuenta como ventana emergente porque el usuario lo pidió, y por eso casi nunca molesta a nadie. La respuesta correcta no es un activador en todas partes: son activadores distintos para objetivos distintos en tipos de página distintos.

¿Una ventana emergente perjudicará mi posicionamiento móvil?

Puede hacerlo. Google trata un intersticial intrusivo que cubre el contenido principal inmediatamente después de que un visitante llegue desde la búsqueda como una señal de posicionamiento negativa para la página en móvil. El consentimiento de cookies, las verificaciones de edad y los diálogos de inicio de sesión están exentos; una superposición de "10% de descuento" estampada en un teléfono al cargar la página no lo está. Qué se mantiene seguro: ventanas activadas por un toque, ventanas que aparecen solo después de interacción real (tiempo o desplazamiento, no al llegar) y pequeños avisos que ocupan una parte razonable de la pantalla. Como la intención de salida no tiene ratón que leer en un teléfono, usa detección de desplazamiento hacia arriba, un retraso temporal generoso o un activador por cambio de pestaña como alternativa móvil.

¿Cuáles son las reglas del RGPD para una ventana de captación de correos electrónicos?

Si vendes en la UE y la ventana captura correos electrónicos, es un evento de recogida de datos: nada de casillas de consentimiento marcadas previamente, indica con claridad a qué se está suscribiendo el visitante y enlaza tu política de privacidad junto al campo. La doble confirmación (un correo electrónico de confirmación en el que el visitante debe hacer clic) es obligatoria legalmente en algunos países de la UE, notablemente Alemania, y es una buena práctica en todas partes. Si la ventana establece una cookie no esencial para recordar que ya se ha mostrado, esa cookie queda condicionada al consentimiento; algunos módulos lo evitan con sessionStorage. Y nunca lances una ventana emergente promocional al mismo tiempo que tu aviso de consentimiento de cookies: apilar dos interrupciones significa que el visitante no puede evaluar ninguna de las dos.

¿Cómo sé si una ventana emergente ayuda o perjudica?

La tasa de conversión de la ventana emergente por sí sola es una métrica de vanidad: una ventana puede registrar una tasa saludable de suscripción mientras reduce discretamente los ingresos al molestar a visitantes implicados hasta hacerlos rebotar. Sigue cuatro cifras juntas: tasa de conversión de la ventana, tasa de cierre inmediato (alta = mal momento u oferta irrelevante), conversión posterior (¿los usuarios que interactúan realmente compran?) y la decisiva: ingresos por visitante con la ventana activada frente a desactivada. Si suben las suscripciones pero baja el RPV, la ventana emergente es una pérdida neta; retírala o reajústala. Prueba una variable cada vez y da a cada variante tráfico suficiente para superar el ruido de una semana a otra.

¿Debería usar más de una ventana emergente por visita?

No. Apilar ventanas emergentes es la forma más rápida de deshacer un buen trabajo: un visitante que se encuentra con tu ventana de bienvenida no debería recibir también una ventana de salida, una ventana de boletín y tres notificaciones de prueba social en la misma sesión. Elige la superficie más relevante para su comportamiento y suprime el resto, registra qué ha visto y descartado cada visitante (cookie o sessionStorage), y espera al menos una semana antes de volver a mostrar una oferta descartada o muestra una distinta. El control de frecuencia es exactamente lo que separa un módulo de ventanas emergentes que puedes usar en una tienda real de uno que espanta clientes.