Creative Pop-up drag & drop con targeting inteligente - Module PrestaShop

Cree popups que conviertan con un editor visual drag & drop

Está perdiendo visitantes cada día sin mostrarles el mensaje adecuado en el momento oportuno. Creative Popup es el módulo de PrestaShop para la creación de popups más completo del mercado. Gracias a su editor visual drag & drop basado en GrapesJS, sus 5 disparadores inteligentes y su segmentación de audiencia avanzada, podrá crear popups impactantes que capten la atención de sus visitantes y los transformen en clientes, sin escribir una sola línea de código.

Ya sea que desee recuperar carritos abandonados, captar correos electrónicos para su newsletter, mostrar un código promocional durante una venta flash o configurar un banner de consentimiento de cookies, Creative Popup le ofrece todas las herramientas para lograrlo en pocos minutos.

Un verdadero editor visual, no un simple editor de texto

Olvídese de los editores WYSIWYG básicos como TinyMCE. Creative Popup integra un editor visual GrapesJS completo directamente en su back-office de PrestaShop. Dispondrá de un lienzo de creación real donde podrá arrastrar y soltar elementos, posicionarlos libremente y personalizar cada detalle visual.

El editor incluye 10 bloques especializados diseñados para popups de comercio electrónico:

• Heading — Título principal con texto editable y estilos personalizables
• Paragraph — Texto descriptivo para sus ofertas y mensajes
• Image — Imagen de producto, ilustración o logotipo con subida integrada
• CTA Button — Botón de llamada a la acción con enlace, color y texto configurables
• Newsletter Form — Formulario de suscripción por correo conectado a PrestaShop
• Separator — Línea de separación visual
• Countdown — Cuenta atrás animada para crear urgencia
• Promo Code — Visualización de un código promocional con botón de copiar en un clic
• Social Follow — Iconos de redes sociales (Facebook, Instagram, Twitter, etc.)
• Close Button — Botón de cierre reposicionable y personalizable

El panel Layers muestra la estructura de todos los elementos de su popup para una navegación sencilla. El Style Manager le otorga un control total sobre la tipografía, colores, fondos, bordes, espaciados y sombras. El panel Traits le permite configurar las propiedades funcionales de cada elemento (URL de botones, texto de enlaces, etc.).

También puede previsualizar su popup en tiempo real en 3 tamaños de pantalla (escritorio, tablet, móvil) gracias al selector de dispositivos integrado.

5 disparadores inteligentes para mostrar sus popups en el momento justo

El momento en que muestra su popup es tan importante como su contenido. Creative Popup ofrece 5 tipos de disparadores (triggers) para maximizar el impacto de sus mensajes:

Exit intent — Capture a los visitantes que se van

El disparador de intención de salida detecta el movimiento del ratón de su visitante hacia la parte superior de la ventana, señal de que se dispone a abandonar su sitio. Es el momento ideal para ofrecerle una oferta especial, un código de descuento o solicitar su correo electrónico. Este trigger es particularmente eficaz para la recuperación de carritos abandonados.

Timer — Elija el momento preciso

Muestre su popup tras un retraso preciso en milisegundos desde la carga de la página. Inmediatamente al cargar, tras 3 segundos para ofertas urgentes, o tras 10 segundos para dejar que el visitante descubra primero su contenido.

Inactividad — Reactive a los visitantes indecisos

El trigger de inactividad supervisa el comportamiento de sus visitantes. Cuando cesan toda actividad (sin movimiento de ratón, sin scroll, sin clics), a menudo significa que dudan o están a punto de abandonar. Un popup con una oferta especial puede reactivarlos y convertirlos.

Scroll — Recompense el compromiso

Active su popup cuando el visitante haya desplazado un cierto porcentaje de la página o un número definido de píxeles. Un visitante que ha leído el 50% de su página ha mostrado interés: es el momento perfecto para proponerle suscribirse a su newsletter o descubrir una oferta.

Clic en elemento — Popups a la carta

Active un popup cuando el visitante haga clic en un elemento específico de su página: un botón, un enlace, un banner. Usted define el disparador mediante un selector CSS (clase, ID o cualquier atributo HTML). Ideal para popups informativos o formularios contextuales.

Segmentación de audiencia avanzada — El mensaje correcto al visitante adecuado

Un popup eficaz es un popup relevante. Creative Popup integra un potente sistema de segmentación para servir el mensaje correcto al segmento adecuado de su audiencia. Puede combinar varias reglas de segmentación (lógica AND):

• Tipo de página — Muestre su popup solo en la página de inicio, páginas de producto, categorías, carrito, proceso de pago o páginas CMS
• Categoría — Diríjase a los visitantes que navegan por una categoría específica de su catálogo
• Producto — Muestre un popup solo en la ficha de uno o varios productos específicos
• Grupo de clientes — Diríjase a visitantes no registrados, invitados, clientes conectados o sus grupos personalizados
• Dispositivo — Muestre popups diferentes en escritorio, tablet y móvil
• Nuevo visitante — Diríjase solo a personas que visitan su sitio por primera vez
• Visitante recurrente — Diríjase a visitantes que ya han estado en su sitio anteriormente
• La URL contiene — Active el popup cuando la URL de la página contenga una palabra clave específica

El filtrado se realiza en el lado del servidor (PHP): solo los popups que coinciden con el contexto del visitante se envían al navegador. No se carga ningún popup innecesario, lo que garantiza cero impacto en el rendimiento de su sitio.

Programación y frecuencia de visualización

Controle con precisión cuándo y con qué frecuencia aparecen sus popups:

• Planificación por fechas — Defina una fecha y hora de inicio y fin para sus campañas. Cree su popup de Black Friday con antelación, prográmelo del 25 al 30 de noviembre, y se activará y desactivará automáticamente.
• Frecuencia de visualización — Elija entre 4 modos: siempre, una vez por sesión del navegador, una sola vez (cookie persistente de 365 días) o cada X días. Sus visitantes nunca se sentirán bombardeados.
• Sistema de prioridad — Cuando varios popups coinciden con el mismo contexto, el que tiene la prioridad más alta se muestra primero.

6 posiciones de visualización y 7 animaciones

Adapte la posición de su popup a su objetivo:

• Centro (modal) — La posición clásica para ofertas promocionales, formularios de suscripción y mensajes importantes
• Barra superior (top bar) — Banner fijo en la parte superior de la pantalla, perfecto para anuncios, códigos promo e información de envío
• Barra inferior (bottom bar) — Banner fijo en la parte inferior de la pantalla, ideal para el consentimiento de cookies e información legal
• Slide-in izquierda / derecha — Popup deslizante para mensajes discretos y promociones secundarias
• Pantalla completa (fullscreen) — Para mensajes mayores: pantallas de bienvenida, ventas flash, eventos importantes

Cada popup cuenta con una animación de entrada y salida entre 7 efectos: fadeIn, slideInUp, slideInDown, slideInLeft, slideInRight, zoomIn y bounceIn. Las animaciones son en CSS puro, sin librerías externas, para un rendimiento óptimo.

Cuenta atrás integrada para crear urgencia

Añada un bloque Countdown en su popup para crear un sentimiento de urgencia que impulse a la acción. Hay dos modos disponibles:

• Duración — Cuenta atrás basada en un número de horas, minutos y segundos. Cada visitante ve el mismo tiempo restante desde el momento en que se muestra el popup. Ideal para ofertas tipo "Válido durante 2 horas".
• Fecha de fin fija — Cuenta atrás hacia una fecha y hora precisas. Todos los visitantes ven el mismo tiempo restante en tiempo real. Perfecto para ventas flash con un plazo común.

~30 plantillas predefinidas listas para usar

No empiece de cero. Creative Popup incluye unas 30 plantillas profesionales que puede cargar con un clic y personalizar con su imagen en el editor visual.

Plantillas estacionales

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, Año Nuevo, Carnaval, Singles Day, Vuelta al cole.

Plantillas de utilidad

Suscripción newsletter, Código promocional, Recuperación de carrito (exit intent), Consentimiento de cookies, Bienvenida a pantalla completa, Redes sociales, Banner de aplicación móvil, Venta flash con cuenta atrás.

Cada plantilla es totalmente personalizable: modifique los textos, los colores, las imágenes, añada o elimine elementos. La plantilla es solo un punto de partida para su creatividad.

Soporte multilingüe completo

Cree un contenido diferente para cada idioma de su tienda. Un selector de idioma en la parte superior del editor le permite cambiar entre idiomas. El botón "Copiar de" le permite copiar el contenido de un idioma existente como punto de partida para la traducción.

Los parámetros de configuración (disparador, segmentación, posición, planificación) son comunes a todos los idiomas. Solo el contenido visual cambia por idioma.

Compatible con Multitienda

Cada popup puede asociarse a una o varias tiendas de su red multitienda de PrestaShop. El filtrado se realiza automáticamente por tienda en el front-end. Gestione campañas de popup diferentes para cada una de sus tiendas desde el mismo back-office.

Estadísticas integradas

Siga el rendimiento de sus popups con las estadísticas integradas:

• Vistas — Número de veces que se ha mostrado el popup
• Cierres — Número de veces que se ha cerrado el popup
• Clics CTA — Número de clics en los botones de acción dentro del popup

Las estadísticas se agrupan por día y el contador de vistas es visible directamente en la lista del Popup Manager. El envío de estadísticas utiliza navigator.sendBeacon() para un impacto cero en la experiencia del visitante.

Rendimiento óptimo — Cero impacto cuando no hay popups activos

A diferencia de otros módulos de popup que cargan sus scripts en todas las páginas, Creative Popup adopta un enfoque inteligente en el lado del servidor:

• En cada página, el motor PHP evalúa el contexto del visitante (página, dispositivo, grupo de clientes, idioma, tienda)
• Si ningún popup coincide con el contexto → no se carga ningún JavaScript ni CSS. Cero impacto en el rendimiento.
• Si un popup coincide → solo se inyectan el HTML/CSS del popup y un script JS ultra ligero (~15 KB)
• GrapesJS nunca se carga en el front-end — el editor solo funciona en el back-office

Arquitectura técnica moderna

• Controladores 100% Symfony — Interfaz nativa de PrestaShop, sin código heredado (legacy)
• Compatible con PrestaShop 8.x y 9.x de forma nativa (Symfony 4.4 y 6.4)
• Alpine.js para la reactividad de los popups en el front-end
• Vanilla JavaScript para el motor de disparadores (sin dependencias)
• Sin overrides de archivos del núcleo de PrestaShop
• Compatible con PHP 8.1, 8.2, 8.3 y 8.4
• Compatible con MySQL 5.7+, MySQL 8.0 y MariaDB 10.3+
• Compatible con los temas Classic, Hummingbird y temas personalizados

Casos de uso concretos

Recuperar carritos abandonados

Utilice la plantilla "Exit Intent Cart" con el disparador Exit Intent, segmentado para la página del carrito y dispositivos de escritorio. Ofrezca un descuento o envío gratuito a los visitantes que intentan abandonar su carrito.

Captar correos para la newsletter

Utilice la plantilla "Newsletter Signup" con el disparador Timer (5 segundos) o Scroll (50%), segmentado para nuevos visitantes. Frecuencia: una sola vez para no resultar intrusivo.

Banner de cookies RGPD

Utilice la plantilla "Cookie Consent" con el disparador Timer (500ms), en posición de barra inferior. Frecuencia: una sola vez. Sin reglas de segmentación para mostrarlo en todas las páginas.

Venta flash Black Friday

Utilice la plantilla "Black Friday" con un bloque Countdown apuntando a la fecha de fin de la promoción. Planificación: del 25 al 30 de noviembre. Frecuencia: una vez por sesión. El popup se programa y se desactiva automáticamente.

Popup diferente según el dispositivo

Cree un popup "Escritorio" en posición central y un popup "Móvil" en posición de barra inferior, cada uno segmentado para su dispositivo. Cada visitante ve la versión optimizada para su pantalla.

Promoción segmentada por categoría

Cree un popup que ofrezca un -15% en calzado, segmentado únicamente para la categoría Calzado. Disparador Scroll (30%). Solo los visitantes interesados en esa categoría verán la oferta.

Instalación rápida y sencilla

Descargue el módulo desde el Marketplace de PrestaShop Addons, súbalo a su back-office a través de Módulos > Gestor de módulos > Subir un módulo, y comience a crear sus popups inmediatamente. La instalación crea automáticamente las tablas en la base de datos y registra los hooks necesarios. No se requiere configuración técnica.

Soporte técnico reactivo

¿Necesita ayuda? Nuestro equipo de soporte responde en un plazo de 24 a 48 horas laborables a través de la página del módulo en PrestaShop Addons. Le acompañamos en la configuración del módulo, la resolución de problemas técnicos y la optimización de sus campañas de popup.