Creative Pop-up drag & drop con targeting inteligente - Módulo 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 un módulo completo de PrestaShop para la creación de popups. Gracias a su editor visual drag & drop basado en GrapesJS, sus 8 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, ofrecer un código de descuento único durante una venta flash o mostrar una banda informativa sobre el envío y las devoluciones, Creative Popup le ofrece todas las herramientas para lograrlo en pocos minutos, y después le muestra las suscripciones, los pedidos y los ingresos generados. La guía completa de Creative Popup detalla cada ajuste.

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 bloques especializados diseñados para los popups de e-commerce:

• Título — Título principal con texto editable y estilos personalizables
• Párrafo — Texto descriptivo para sus ofertas y mensajes
• Imagen — Visual de producto, ilustración o logotipo con subida integrada (JPEG, PNG, GIF, WebP)
• Botón — Botón de llamada a la acción con enlace, color y texto configurables
• Suscripción a la newsletter — Formulario de suscripción conectado a PrestaShop, con casilla de consentimiento si utiliza psgdpr
• Código de descuento — Código fijo o único con botón para copiar en un clic y fecha de validez
• Cuenta atrás — Cuenta atrás animada para crear urgencia
• Enlace «No, gracias» — Enlace discreto para cerrar el popup
• Separador — Línea de separación visual
• Elementos de formulario — Campos y botones para sus formularios

El panel Capas muestra la estructura de todos los elementos de su popup para una navegación sencilla. El panel Estilo le otorga un control total sobre la tipografía, colores, fondos, bordes, espaciados y sombras. El panel Ajustes le permite configurar las propiedades funcionales de cada elemento (URL de botones, texto de enlaces, etc.). Cada idioma tiene su propio diseño: elegir una plantilla rellena todos los idiomas y un botón copia un diseño a los idiomas aún vacíos.

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.

8 disparadores inteligentes para mostrar sus popups en el momento oportuno

El momento en que muestra su popup es tan importante como su contenido. Creative Popup ofrece 8 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; en móvil, reacciona a una subida rápida de la página. 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 segundos 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, en cada clic. Usted define el disparador mediante un selector CSS (clase, ID o cualquier atributo HTML). Ideal para popups informativos o formularios contextuales.

Añadir al carrito — Aproveche el momento de compra

Muestre un popup justo después de añadir un producto al carrito: una oferta complementaria, el importe que falta para el envío gratuito o un código para finalizar el pedido.

Páginas vistas y tiempo en la tienda — Hable a los visitantes comprometidos

Espere a que un visitante haya consultado varias páginas o pasado cierto tiempo en la tienda antes de proponerle una oferta: el mensaje llega cuando el interés es real.

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. Cada regla puede incluir o excluir («es» / «no es») y una frase de resumen indica en todo momento quién verá el popup. Puede combinar:

• Tipo de página — Inicio, páginas de producto, páginas de categoría, carrito, pedido, búsqueda, marcas, cuenta de cliente o páginas CMS
• Categoría — Los visitantes que navegan en una categoría, con o sin sus subcategorías
• Producto — La ficha de uno o varios productos concretos, elegidos por búsqueda
• Grupo de clientes y conexión — Visitantes, invitados, clientes conectados o sus grupos personalizados
• Dispositivo — Ordenador, tableta o móvil
• Visitante nuevo o recurrente — La primera visita o los visitantes que vuelven
• Dirección de la página — Contiene, empieza por o es exactamente un texto
• Procedencia y campaña — Buscador, red social, un sitio concreto o un parámetro UTM
• Páginas vistas — Tras un número de páginas durante la visita
• Carrito — Importe, carrito vacío o con productos, producto o categoría en el carrito

El servidor selecciona los popups según la página, la categoría, el producto, el idioma y la tienda; después, el navegador comprueba el dispositivo, la visita y la frecuencia. Solo se cargan los popups elegibles y, si ninguno coincide, no se carga ningún archivo del módulo. Un modo compatible con las cachés de páginas mantiene correctas las reglas de cliente y de carrito para cada visitante.

Programación y frecuencia de visualización

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

• Programación por fechas — Defina una fecha y hora de inicio y de fin para sus campañas, en la hora de la tienda. 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: en cada página vista, una vez por visita, una sola vez o cada X días. Un popup también puede dejar de mostrarse tras la suscripción o la copia del código. Sus visitantes nunca se sentirán agobiados.
• Sistema de prioridad — Cuando varios popups coinciden con el mismo contexto, solo se muestra uno a la vez, primero el de mayor prioridad.
• Límites globales — Popups por página, por visita y tiempo mínimo entre dos popups.

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 información de envío, devoluciones o pago
• Esquina inferior 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: fundido, zoom, rebote y deslizamientos hacia arriba, abajo, izquierda o derecha. Las animaciones son de CSS puro, sin librerías externas, y se reducen para los visitantes que lo han solicitado en su sistema.

En los teléfonos, elija para cada popup la misma visualización, un panel que se desliza desde abajo, una barra o ninguna visualización. El modo compatible con Google evita mostrar un popup centrado o a pantalla completa en la primera página de un visitante móvil que llega desde un buscador. Cada popup es accesible: foco de teclado, cierre con la tecla Escape y anuncio a los lectores de pantalla.

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, en la hora de la tienda. Todos los visitantes ven el mismo tiempo restante en tiempo real, y el popup desaparece solo una vez pasado el plazo. Perfecto para ventas flash con un plazo común.

Códigos de descuento únicos y seguimiento de pedidos

Coloque el bloque Código de descuento en su popup y elija el mismo código para todos (una regla de carrito existente) o un código único generado para cada visitante:

• Descuento a elegir — Porcentaje, importe o envío gratuito, con pedido mínimo, validez y prefijo
• Revelado en el momento justo — Al abrirse el popup, al hacer clic en «Obtener mi código» o tras la suscripción a la newsletter
• Protección contra abusos — Código de un solo uso, un código por visitante o dirección de e-mail, límite diario y limitación de peticiones
• Limpieza automática — Los códigos caducados y no utilizados se eliminan

Cada pedido realizado con un código del popup se le atribuye: verá el número de pedidos y los ingresos generados por cada campaña.

Carrito y envío gratuito

Reserve un popup a los carritos a partir de un importe, vacíos o con un producto concreto, y muestre el importe que falta para el envío gratuito en la divisa del visitante, actualizado con cada adición al carrito.

22 plantillas prediseñadas traducidas a 5 idiomas

No empiece de cero. Creative Popup incluye 22 plantillas profesionales que puede cargar con un clic y personalizar con su imagen en el editor visual. Sus textos se rellenan en español, inglés, francés, italiano y polaco en todos los idiomas de su tienda.

Plantillas 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.

Plantillas prácticas

Suscripción a la newsletter, Código de descuento, Recuperación del carrito (intención de salida), Banda informativa, 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, y unas etiquetas indican los que ya están diseñados. El botón «Copiar este diseño a los idiomas vacíos» sirve de punto de partida para la traducción; un visitante cuyo idioma no está diseñado ve el idioma por defecto en lugar de un popup vacío.

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 de conversión integradas

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

• Visualizaciones, cierres y clics — El alcance de cada popup y el interés por sus botones
• Suscripciones a la newsletter — Los e-mails captados por el popup
• Códigos copiados y generados — El uso de sus ofertas
• Pedidos e ingresos — Las ventas realizadas con un código del popup
• Clics en la pestaña recordatoria — Los visitantes que vuelven a la oferta

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 sus empleados ni de los robots de los buscadores. Si utiliza Google Tag Manager, los eventos de los popups también pueden enviarse a GA4 mediante el dataLayer.

Vista previa, modo prueba y pestaña recordatoria

El botón Vista previa en la tienda muestra al instante su popup en la tienda real y el estado Prueba lo hace visible solo en su navegador durante 12 horas: comprueba una campaña antes que sus clientes. Tras un cierre sin conversión, una pestaña recordatoria (por ejemplo «-10 % para ti») queda en el lateral de la pantalla y vuelve a abrir el popup con un clic.

Rendimiento óptimo: ningún archivo cargado cuando no hay popup previsto

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

• En cada página, el servidor selecciona los popups previstos para esa página, ese idioma y esa tienda, y después el navegador comprueba el dispositivo, la visita y la frecuencia
• Si ningún popup coincide → no se carga ningún JavaScript ni CSS del módulo
• Si un popup coincide → solo se cargan su contenido y un script ligero de unos 10 KB comprimido
• Los popups candidatos se guardan en caché por tienda e idioma
• El editor nunca se carga en la tienda: solo funciona en el back-office

Arquitectura técnica moderna

• Controladores 100% Symfony — Interfaz nativa de PrestaShop, permisos de los empleados comprobados en cada acción
• Compatible con PrestaShop 1.7.8, 8.2+ y 9.1+ (8.0, 8.1 y 9.0 no compatibles) con una sola versión del módulo
• Vanilla JavaScript para el motor de popups (sin dependencias)
• Sin override de archivos del núcleo de PrestaShop
• PHP 7.4 o superior
• Compatible con MySQL 5.7+, MySQL 8.0 y MariaDB 10.3+
• Compatible con los temas Classic y Hummingbird y los temas basados en ellos

Casos de uso concretos

Recuperar carritos abandonados

Utilice la plantilla "Recuperación del carrito" con el disparador de intención de salida, segmentada para la página del carrito y los carritos con productos. Ofrezca un descuento o envío gratuito a los visitantes que intentan abandonar su carrito.

Captar correos para la newsletter

Utilice la plantilla "Suscripción a la newsletter" con el disparador de tiempo (5 segundos) o Scroll (50%), segmentada para nuevos visitantes, y revele un código de descuento único tras la suscripción. Frecuencia: una sola vez para no resultar intrusivo. Las estadísticas muestran después los pedidos realizados con estos códigos.

Banda informativa de envío y devoluciones

Utilice la plantilla "Banda informativa" en posición de barra inferior para recordar el envío gratuito, las devoluciones o los medios de pago. Frecuencia: una vez cada 7 días. Sin reglas de segmentación para mostrarla en todas las páginas.

Venta flash Black Friday

Utilice la plantilla "Black Friday" con un bloque de cuenta atrás apuntando a la fecha de fin de la promoción. Programación: del 25 al 30 de noviembre. Frecuencia: una vez por visita. El popup se programa, se desactiva y desaparece automáticamente al llegar el plazo.

Popup diferente según el dispositivo

Elija cómo aparece cada popup en los teléfonos: igual, panel que se desliza desde abajo, barra inferior u oculto. También puede crear 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 su cuenta de cliente de Wepresta, súbalo a su back-office a través de Módulos > Gestor de módulos > Subir un módulo, active su licencia 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. La actualización desde la versión 1.0 conserva sus popups y sus ajustes.

Soporte técnico reactivo

¿Necesita ayuda? Nuestro equipo de soporte responde en un plazo de 24 a 48 horas laborables desde su cuenta de cliente de Wepresta. 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. La guía completa también responde a las preguntas frecuentes.