Creative Popup

¿Quieres mostrar el mensaje adecuado al visitante adecuado sin ralentizar tu tienda: una oferta de bienvenida, un código de descuento cuando un cliente duda, información sobre el envío o una venta flash? Creative Popup te permite diseñar estos popups en un editor visual, decidir con precisión cuándo y a quién se muestran, y medir las suscripciones, los códigos utilizados y los pedidos que generan.

Ver Creative Popup y las ofertas de licencia

Elige entre 22 plantillas: sus textos se rellenan en todos los idiomas de tu tienda.

Presentación

Creative Popup es un módulo de popups para PrestaShop pensado para crear campañas de marketing eficaces sin escribir una sola línea de código. En lugar de un simple editor de texto, incluye un verdadero constructor visual drag & drop (GrapesJS, integrado en el módulo): compones tu popup, ajustas cada estilo (tipografía, colores, espaciados, fondos) y controlas con precisión cuándo, dónde y a quién se muestra. El objetivo es claro: aumentar las suscripciones a la newsletter, mejorar la conversión, reducir el abandono del carrito y destacar tus promociones con popups rápidos, adaptables y bien segmentados.

Puntos fuertes:

• Editor drag & drop en el back-office, con un diseño por idioma
• 22 plantillas traducidas al español, inglés, francés, italiano y polaco
• 8 disparadores: tiempo, intención de salida, desplazamiento, inactividad, clic, añadir al carrito, páginas vistas y tiempo en la tienda
• Segmentación con reglas «es / no es»: páginas, categorías, productos, clientes, dispositivos, procedencia, campañas y contenido del carrito
• Códigos de descuento únicos para cada visitante, con atribución de pedidos
• Estadísticas de conversión: suscripciones, códigos copiados, pedidos e ingresos
• Vista previa en la tienda y estado Prueba antes de publicar
• Ningún archivo cargado en una página sin popup previsto

¿Por qué elegir este módulo?

Los módulos de popups clásicos suelen quedarse cortos: diseños rígidos, pocos disparadores, poca segmentación, scripts cargados en todas partes y ninguna forma de medir lo que el popup aporta realmente. Creative Popup responde a estos problemas: un editor visual completo para crear cualquier diseño, un motor de reglas preciso para mostrar el popup adecuado a cada visitante, códigos de descuento y estadísticas que relacionan el popup con las ventas, y una arquitectura pensada para el rendimiento. Tu tienda sigue siendo rápida mientras añades una palanca de captación (e-mails), de conversión (códigos, llamadas a la acción) y de confianza (envío, devoluciones, pago).

Funcionalidades

Editor visual drag-and-drop

El editor es el corazón del módulo. Arrastras y sueltas bloques, editas los textos directamente, ajustas los estilos y previsualizas el resultado en ordenador, tableta y móvil. El panel Capas muestra la estructura del popup, el panel Estilo regula tipografía, fondos, bordes, márgenes y sombras, y el panel Ajustes gestiona las propiedades de cada elemento (enlace de un botón, texto de una imagen, etc.). Deshacer y rehacer están siempre disponibles.

Bloques disponibles:

• Título
• Párrafo
• Imagen (JPEG, PNG, GIF o WebP)
• Botón
• Suscripción a la newsletter
• Código de descuento (con botón Copiar)
• Cuenta atrás
• Enlace «No, gracias»
• Separador
• Elementos de formulario

Cada idioma tiene su propio diseño. Unas etiquetas indican los idiomas ya diseñados y el botón Copiar este diseño a los idiomas vacíos te evita empezar de cero. Un visitante cuyo idioma no se ha diseñado ve la versión del idioma por defecto, nunca un popup vacío.

Disparadores inteligentes

Creative Popup ofrece 8 disparadores para mostrar el popup en el momento justo:

• Tras un tiempo en la página, en segundos.
• Intención de salida: en ordenador, cuando el ratón sale de la página; en móvil, al volver a subir rápidamente.
• Desplazamiento: tras un porcentaje o un número de píxeles.
• Inactividad: tras un periodo sin interacción.
• Clic en un elemento de tu página (selector CSS), en cada clic.
• Añadir al carrito: justo después de añadir un producto.
• Número de páginas vistas durante la visita.
• Tiempo en la tienda.

Estos disparadores cubren los escenarios clave del comercio electrónico: captar e-mails en el buen momento, recordatorios discretos, recuperación del carrito, venta adicional y ofertas contextuales.

Segmentación de la audiencia

La segmentación muestra un popup solo en el contexto adecuado. Cada regla puede incluir («es») o excluir («no es»); deben cumplirse todas las reglas y, dentro de una regla, basta con un valor. Una frase de resumen en la parte superior del editor indica en todo momento quién verá el popup.

• Tipo de página: inicio, categorías, productos, CMS, carrito, pedido, búsqueda, marcas, cuenta de cliente, etc.
• Categorías (con o sin subcategorías) y productos, elegidos por búsqueda
• Grupos de clientes, cliente conectado o no
• Dispositivo: ordenador, tableta, móvil
• Visitante nuevo o recurrente
• Dirección de la página (contiene, empieza por, es exactamente)
• Procedencia: buscador, red social o un sitio concreto
• Campaña (parámetro UTM)
• Páginas vistas durante la visita
• Carrito: importe, vacío o con productos, producto o categoría en el carrito

Combina reglas de audiencia: el resumen indica en una frase quién verá el popup.

Frecuencia, programación y prioridad

Para evitar el cansancio y respetar la experiencia de tus visitantes, controlas:

• Frecuencia: en cada página vista, una vez por visita, una vez cada X días o una sola vez.
• Parada tras la conversión: el popup deja de mostrarse a quien se ha suscrito o ha copiado su código.
• Programación: fecha y hora de inicio y de fin, en la hora de la tienda.
• Prioridad: si varios popups son elegibles, solo se abre uno a la vez, el más prioritario primero.
• Límites globales: popups por página, por visita y tiempo mínimo entre dos popups.

Visualización, móvil y buscadores

• Posiciones: ventana centrada, barra superior, barra inferior, esquina inferior izquierda, esquina inferior derecha y pantalla completa.
• Animaciones de apertura y cierre: fundido, zoom, rebote o deslizamiento.
• Fondo oscurecido y cierre al hacer clic fuera del popup.
• Variante móvil: misma visualización, panel que se desliza desde abajo, barra inferior o popup oculto en teléfonos.
• Compatible con los buscadores en móvil: un popup centrado o a pantalla completa no se muestra en la primera página de un visitante móvil que llega desde un buscador, como recomienda Google.
• Accesibilidad: ventana de diálogo anunciada a los lectores de pantalla, foco de teclado, cierre con la tecla Escape y animaciones reducidas si el visitante lo solicita.

Códigos de descuento

El bloque Código de descuento muestra un código con un botón Copiar. En la pestaña Código de descuento eliges:

• ningún código (texto libre en el diseño);
• el mismo código para todos, seleccionando una regla de carrito existente;
• un código único para cada visitante, generado automáticamente: porcentaje, importe o envío gratuito, pedido mínimo, validez y prefijo.

El código se revela al abrirse el popup, al hacer clic en «Obtener mi código» o tras una suscripción a la newsletter. Cada código único se usa una sola vez, en las tiendas del popup; un visitante (o una dirección de e-mail) recibe siempre el mismo código y un límite diario evita abusos. Los códigos caducados y no utilizados se eliminan automáticamente. Cuando un pedido usa un código del popup, se le atribuye en las estadísticas.

Carrito y envío gratuito

Muestra una oferta justo después de añadir un producto o reserva un popup a los carritos a partir de un importe o con un producto concreto. Escribe {free_shipping_remaining} en un texto del popup para mostrar el importe que falta para el envío gratuito, en la divisa del visitante; se actualiza con cada adición al carrito. El importe usa el umbral de envío gratuito definido en Transporte > Preferencias; no se tienen en cuenta los umbrales propios de cada transportista.

Cuenta atrás

La cuenta atrás funciona:

• por duración (horas, minutos, segundos): cada visitante dispone del mismo tiempo desde su primera visualización;
• hasta una fecha, en la hora de la tienda: un plazo común, por ejemplo el fin de las rebajas. El popup deja de mostrarse una vez pasado el plazo.

Pestaña recordatoria

Tras un cierre sin conversión, una pequeña pestaña (por ejemplo «-10 % para ti») queda visible en un lateral de la pantalla y vuelve a abrir el popup. Eliges su texto en cada idioma, su lado, sus colores y su duración; el visitante puede ocultarla definitivamente.

Plantillas prediseñadas

El módulo incluye 22 plantillas listas para personalizar, traducidas al español, inglés, francés, italiano y polaco:

• De temporada: Black Friday, Cyber Monday, Navidad, Halloween, San Valentín, Pascua, Día de la Madre, Día del Padre, Rebajas de verano, Rebajas de invierno, Rebajas de Año Nuevo, Carnaval, Singles' Day, Vuelta al cole.
• Prácticas: suscripción a la newsletter, código de descuento, recuperación del carrito por intención de salida, banda informativa (envío, devoluciones, pago), bienvenida a pantalla completa, redes sociales, banner de aplicación móvil, venta flash con cuenta atrás.

Elegir una plantilla rellena todos los idiomas de tu tienda; un idioma no incluido recibe la versión en inglés. Todas las plantillas son totalmente editables.

Estadísticas y conversiones

Para cada popup y cada tienda, el módulo cuenta:

• las visualizaciones, cierres y clics;
• las suscripciones a la newsletter, códigos copiados y códigos generados;
• los pedidos y los ingresos atribuidos;
• los clics en la pestaña recordatoria.

El panel muestra estas cifras para el periodo elegido, comparadas con el periodo anterior, con un gráfico diario, una tabla por popup y una exportación CSV. No se cuentan las visitas de los empleados que han abierto el back-office en su navegador ni las de los robots de los buscadores.

Vista previa y modo prueba

El botón Vista previa en la tienda abre tu tienda con el popup visible al instante, sin esperar a su disparador y sean cuales sean sus reglas. El estado Prueba hace que un popup solo sea visible en tu navegador durante 12 horas, con su comportamiento real: ideal para comprobar una campaña antes de activarla para todos.

Eventos de Google Tag Manager / GA4

Si lo activas en los ajustes, el módulo envía los eventos wp_popup_view, wp_popup_click, wp_popup_close, wp_popup_conversion y wp_popup_teaser al dataLayer de la página. También emite eventos JavaScript wpPopup:* para tus desarrolladores.

Administración, multitienda y multidioma

• Lista de popups con estado (Activo, Prueba, Programado, Caducado, Borrador), disparador, programación, visualizaciones, tasa de clics y conversiones; filtros, vista previa, duplicado y eliminación
• Multitienda: cada popup se asocia a una o varias tiendas
• Multidioma: diseño, nombre y texto de la pestaña recordatoria por idioma, ajustes comunes
• Permisos de los empleados respetados: un empleado de solo lectura consulta los popups sin poder modificarlos
• Sin override de los archivos de PrestaShop

Requisitos

• PrestaShop 1.7.8, 8.2 o posterior, 9.1 o posterior (8.0, 8.1 y 9.0 no compatibles)
• PHP 7.4 o superior
• MySQL 5.7+ o MariaDB 10.3+
• El módulo ps_emailsubscription para el bloque de newsletter (y psgdpr para una casilla de consentimiento)

Nota sobre el rendimiento: el editor solo se carga en el back-office. En la tienda, no se carga ningún archivo del módulo en una página sin popup previsto.

Instalación

1. Descarga el ZIP desde tu cuenta de cliente de Wepresta.
2. Ve a Módulos > Gestor de módulos.
3. Haz clic en Subir un módulo y selecciona el archivo ZIP.
4. Haz clic en Configurar y activa tu licencia cuando el formulario lo pida.
5. Abre Creative Popup en el menú del back-office.

Actualizar desde la versión 1.0

Basta con subir el nuevo ZIP. Tus popups, sus diseños, idiomas, tiendas y ajustes se conservan; las reglas de audiencia de la primera versión se convierten al nuevo formato. El modo compatible con los buscadores queda desactivado en los popups existentes para no cambiar su comportamiento: actívalo si lo deseas. Las estadísticas anteriores a la actualización pueden estar incompletas.

Inicio rápido

Para crear un primer popup en pocos minutos:

1. Abre Creative Popup y haz clic en Nuevo popup.
2. Elige una plantilla, por ejemplo «Suscripción a la newsletter».
3. Personaliza textos, imágenes y colores en la pestaña Diseño.
4. En Disparador, elige «Tras un tiempo en la página» (por ejemplo 5 segundos) y la frecuencia «Una vez por visita».
5. En Audiencia, añade por ejemplo la regla «Visitante nuevo».
6. En Código de descuento, elige un código único del 10 % revelado tras la suscripción y haz clic en «Añadir el bloque al diseño».
7. Haz clic en Vista previa en la tienda, pasa el popup a Activo y guarda.

El editor de popups

El editor se organiza en seis pestañas: Diseño, Disparador, Audiencia, Visualización, Código de descuento y Programación. En la parte superior siguen visibles el nombre, el idioma, el estado y el resumen; un aviso te alerta si sales de la página con cambios sin guardar.

La pestaña Diseño tiene tres zonas: bloques y capas a la izquierda, el lienzo en el centro con la elección ordenador / tableta / móvil, y estilos y ajustes a la derecha. Crea una versión móvil legible, con una llamada a la acción visible de inmediato y un cierre accesible.

Ajustes generales

La página Ajustes reúne las opciones comunes a todos los popups:

• mostrar u ocultar todos los popups a la vez;
• límites de visualización: popups por página, por visita y tiempo mínimo entre dos popups;
• compatibilidad con cachés de páginas: automática, siempre activa o desactivada. Activada, comprueba las reglas de cliente y de carrito en el navegador con una petición ligera, para que las páginas en caché sigan siendo correctas para cada visitante;
• exclusión de las visitas de los empleados;
• eventos dataLayer;
• modo depuración (explicaciones en la consola del navegador).

Visualización en la tienda

El módulo gestiona las posiciones, las animaciones, el fondo oscurecido y varias formas de cierre (botón, clic fuera, tecla Escape). El resultado final depende del diseño creado en el editor, lo que te deja total libertad. Los estilos de cada popup están aislados: no modifican el resto de tu tema.

Arquitectura técnica

• Back-office: controladores Symfony y plantillas Twig, permisos de los empleados comprobados en cada acción
• Editor: GrapesJS integrado en el módulo, cargado solo durante la edición
• Tienda: un único script ligero, sin dependencias
• Datos: tablas dedicadas (popups, contenidos por idioma, reglas, tiendas, estadísticas, códigos, pedidos atribuidos)

Filtrado y rendimiento

El servidor selecciona los popups según la tienda, el idioma, la página, la categoría y el producto; después, el navegador comprueba el dispositivo, la visita, la procedencia, las fechas y la frecuencia. Los popups candidatos se guardan en caché por tienda e idioma. Si no hay ningún popup previsto en una página, no se carga nada.

Sin override

El módulo no modifica ningún archivo de PrestaShop. Se apoya en los hooks y el sistema de menús nativo, lo que facilita el mantenimiento y las actualizaciones.

Casos de uso

Oferta de bienvenida con código único

• Plantilla: Suscripción a la newsletter
• Disparador: tras 5 segundos
• Audiencia: visitante nuevo
• Código de descuento: código único del 10 %, revelado tras la suscripción
• Objetivo: ampliar tu base de e-mails y medir los pedidos realizados con el código.

Recuperación del carrito

• Plantilla: Intención de salida — recuperación del carrito
• Disparador: intención de salida
• Audiencia: página del carrito, carrito con productos
• Frecuencia: una vez por visita
• Objetivo: ofrecer un incentivo (código, envío gratuito) cuando el visitante está a punto de irse.

Envío gratuito tras añadir al carrito

• Disparador: añadir al carrito
• Posición: barra inferior
• Texto: «Solo te faltan {free_shipping_remaining} para el envío gratuito»
• Objetivo: aumentar el valor medio del pedido.

Banda informativa

• Plantilla: Banda informativa
• Posición: barra inferior
• Frecuencia: una vez cada 7 días
• Objetivo: recordar el envío, las devoluciones o los medios de pago sin molestar la navegación.

Venta flash con cuenta atrás

• Plantilla: Venta flash con cuenta atrás
• Cuenta atrás: hasta la fecha de fin
• Programación: periodo de la campaña
• Objetivo: crear urgencia; el popup desaparece solo al llegar el plazo.

FAQ

¿Cuántos popups puedo crear?

No hay un límite práctico. La segmentación, las prioridades y los límites globales permiten gestionar varias campañas sin que se solapen: solo se abre un popup a la vez.

¿El editor ralentiza la tienda?

No. El editor solo se carga en el back-office. En la tienda, el módulo carga un único script ligero y solo en las páginas donde hay un popup previsto.

¿Funciona en móvil?

Sí. Elige la visualización en teléfonos (igual, panel, barra u oculto) y activa el modo compatible con los buscadores para seguir las recomendaciones de Google. La intención de salida en móvil se activa al volver a subir rápidamente.

¿Se puede abusar de los códigos únicos?

Cada código se usa una sola vez, solo en las tiendas del popup y durante la validez elegida. Un mismo visitante o dirección de e-mail recibe siempre el mismo código, las peticiones están limitadas por dirección IP y se aplica un límite diario a cada popup.

Mi tienda usa una caché de páginas, ¿es compatible?

Sí. En modo automático, la compatibilidad se activa cuando se detecta un módulo de caché conocido; también puedes forzarla en los ajustes. Las reglas de cliente y de carrito se comprueban entonces con una petición ligera que nunca se guarda en caché.

¿Cumple con el RGPD?

El módulo guarda en el navegador del visitante (almacenamiento local) los popups ya vistos para respetar la frecuencia; estos datos no se envían a terceros. Para atribuir un código único tras una suscripción, solo conserva una huella de la dirección de e-mail; la suscripción la gestiona el módulo de newsletter de PrestaShop. Con el módulo psgdpr, se añade una casilla de consentimiento al formulario. Menciona estos usos en tu política de privacidad.

¿Puedo probar un popup sin que lo vean mis clientes?

Sí: usa el estado Prueba, visible solo en tu navegador, o el botón Vista previa en la tienda.

Resolución de problemas

El popup no aparece

• Comprueba que está Activo y que la opción «Mostrar los popups en la tienda» está activada en los ajustes
• Revisa las fechas de programación y la tienda asociada
• Prueba en una ventana privada: la frecuencia puede impedir una nueva visualización
• Lee el resumen en la parte superior del editor para revisar las reglas de audiencia
• Activa el modo depuración: la consola del navegador explica por qué no se muestra un popup

La intención de salida no se activa

En ordenador, se activa cuando el ratón sale de la página por arriba; en móvil, al volver a subir rápidamente. Ajusta la sensibilidad en la pestaña Disparador.

El disparador «añadir al carrito» no funciona

Se basa en el evento estándar de actualización del carrito de PrestaShop (temas Classic y Hummingbird). Un tema personalizado que no lo emita no lo activará; usa entonces una regla de carrito con otro disparador.

La cuenta atrás no aparece

Añade el bloque Cuenta atrás al diseño y elige su modo en la pestaña Visualización.

Las estadísticas se quedan a cero

Tus propias visitas no se cuentan si la exclusión de empleados está activa: prueba desde otro navegador. Algunos bloqueadores de anuncios también pueden impedir el envío.

Compatibilidad

PrestaShop

• 1.7.8.x, 8.2+ y 9.1+ (8.0, 8.1 y 9.0 no compatibles)

PHP

• 7.4 o superior, hasta las versiones admitidas por tu versión de PrestaShop

Bases de datos

• MySQL 5.7+ / 8.0
• MariaDB 10.3+

Temas

• Classic y Hummingbird, y los temas basados en ellos. El disparador «añadir al carrito» necesita el evento estándar del carrito.

Navegadores

• Chrome, Firefox, Safari y Edge (versiones recientes)

Changelog

Versión 2.0.0

Novedades

• Crea códigos de descuento únicos para cada visitante: porcentaje, importe o envío gratuito.
• Revela el código al abrir el popup, al hacer clic o tras la suscripción a la newsletter.
• Sigue los pedidos y los ingresos que genera cada popup.
• Activa un popup tras añadir al carrito, tras un número de páginas vistas o tras un tiempo en la tienda.
• Segmenta por importe y contenido del carrito, procedencia, campañas UTM y clientes conectados.
• Muestra el importe que falta para el envío gratuito.
• Excluye una audiencia con la condición «no es».
• Comprueba un popup antes de publicarlo con la vista previa en la tienda y el estado Prueba.
• Elige la visualización en móvil: igual, panel, barra u oculto.
• Sigue las recomendaciones de Google con el modo compatible con los buscadores en móvil.
• Vuelve a abrir un popup cerrado con la pestaña recordatoria.
• Empieza con 22 plantillas traducidas a los cinco idiomas de la tienda.
• Envía los eventos de los popups a Google Tag Manager / GA4.
• Exporta las estadísticas en CSV.

Mejoras

• Instala el módulo en PrestaShop 1.7.8, 8 y 9, con PHP 7.4 o superior.
• Descarga un archivo mucho más ligero.
• Trabaja en un editor reorganizado en seis pestañas, con un resumen del popup.
• Ajusta los tiempos en segundos.
• Solo se abre un popup a la vez, según su prioridad.
• No se carga ningún archivo en las páginas sin popup.
• El módulo sigue siendo correcto con las cachés de páginas.
• Usa la interfaz en los cinco idiomas de la tienda.
• La plantilla de consentimiento de cookies pasa a ser una banda informativa.

Correcciones

• Las estadísticas se registran correctamente.
• Las reglas de audiencia y los ajustes de activación se conservan en cada modificación.
• Un idioma sin diseño muestra el idioma por defecto en lugar de un popup vacío.
• El guardado funciona con textos que contienen un apóstrofo.
• La segmentación por grupo de clientes distingue visitantes, invitados y clientes.
• El disparador por clic funciona en cada clic.
• La cuenta atrás sigue la hora de la tienda y el popup desaparece al llegar el plazo.

Después de actualizar

• Tus popups y sus ajustes se conservan. Revisa sus reglas de audiencia en el nuevo editor y activa, si lo deseas, el modo compatible con los buscadores.

Versión 1.0.0 — Marzo 2026

• Editor GrapesJS
• 5 triggers inteligentes
• Segmentación avanzada
• Countdown integrado
• Plantillas incluidas
• Estadísticas
• Multidioma y multitienda
• Sin overrides

Soporte

Para obtener ayuda, contacta con el soporte desde tu cuenta de cliente de Wepresta.

Antes de contactar con el soporte, prepara:

1. Versiones de PrestaShop y de PHP
2. Nombre del tema
3. Una descripción precisa del problema y los pasos para reproducirlo
4. Capturas de pantalla (configuración y resultado en la tienda)
5. Mensajes de la consola del navegador (con el modo depuración activado)

Licencia

Creative Popup es un módulo comercial de Wepresta. La oferta elegida en la ficha del producto determina el número de tiendas, la duración de las actualizaciones y el soporte incluido.

Copyright © WePresta. Todos los derechos reservados.