¿Cómo crear y configurar Popups Inteligentes?
¿Cómo crear y configurar Popups Inteligentes?
Section titled “¿Cómo crear y configurar Popups Inteligentes?”Aprenderás a crear popups estratégicos que se muestren en el momento adecuado para captar suscriptores, comunicar promociones o dirigir acciones clave dentro de tu sitio web.
Popups Inteligentes te permite mostrar mensajes personalizados según comportamiento, sección, dispositivo y reglas específicas de navegación. No es solo una ventana emergente: es una herramienta de conversión diseñada para aumentar resultados sin afectar la experiencia del usuario.
Beneficios
Section titled “Beneficios”- Control total de cuándo y dónde se muestra el popup.
- Segmentación por URL y sección del menú.
- Configuración independiente para móvil y desktop.
- Frecuencia inteligente para evitar saturación.
- Integración automática con Suscripción al Newsletter.
- Editor visual de bloques.
- Duplicación rápida de popups.
- Bloqueo automático si el usuario ya se suscribió.
Pasos detallados
Section titled “Pasos detallados”1️⃣ Instalar el módulo
Section titled “1️⃣ Instalar el módulo”- Ve a Configuración > Aplicaciones.
- Ingresa en la categoría Marketing.
- Activa Popups Inteligentes.
El sistema mostrará el mensaje:
“Al activar esta aplicación, también se activará Suscripción al Newsletter”.
Ambos módulos quedarán activos automáticamente.
2️⃣ Acceder al panel principal
Section titled “2️⃣ Acceder al panel principal”Ruta:
Marketing > Popups
Aquí verás:
- Nombre del popup
- Sección del menú asociada
- Estado (Activo / Pausado / Archivado)
- Fecha de creación
- Acciones: Editar / Pausar / Archivar / Duplicar
3️⃣ Crear un nuevo popup
Section titled “3️⃣ Crear un nuevo popup”Haz clic en Crear nuevo popup.
Paso 1 – Datos iniciales
Section titled “Paso 1 – Datos iniciales”Completa:
- Nombre del popup
- Sección del menú (selector desplegable)
- Template del popup
⚠️
Regla importante:
Solo puede existir 1 popup activo por sección del menú.
Paso 2 – Diseñar el popup (Editor visual)
Section titled “Paso 2 – Diseñar el popup (Editor visual)”Al confirmar, accederás al editor visual de bloques.
Puedes agregar:
- Textos
- Imágenes
- Botones
- Campos de formulario
Bloque de suscripción disponible:
- Nombre (opcional)
- WhatsApp (opcional con validación)
- Email (obligatorio)
- Botón Enviar
Todos los datos enviados se almacenan automáticamente en la aplicación Suscriptores Newsletter, desde donde podrás exportarlos a Excel.
Configuración avanzada del popup
Section titled “Configuración avanzada del popup”Una vez creado, podrás configurar los siguientes parámetros:
1️⃣ Disparador (Trigger)
Section titled “1️⃣ Disparador (Trigger)”Define cuándo aparece el popup.
Opciones:
- Demora → se muestra luego de X segundos.
- Porcentaje de scroll → se muestra cuando el usuario alcanza X% de la página.
2️⃣ Dónde debería aparecer
Section titled “2️⃣ Dónde debería aparecer”Opciones:
- En todas las secciones del menú
- Configuración por URL
Reglas disponibles:
- Coincidencia exacta
- Contiene
- No contiene
- Comienza con
- Termina con
Puedes combinar múltiples reglas.
3️⃣ Frecuencia de visualización
Section titled “3️⃣ Frecuencia de visualización”Opciones:
- Todo el tiempo
- Una vez por sesión
- Una vez por navegador
📌 Si el usuario ya se suscribió, el popup se bloquea automáticamente.
4️⃣ Visualización por dispositivo
Section titled “4️⃣ Visualización por dispositivo”Puedes activar o desactivar de forma independiente:
- Pantallas pequeñas (móvil)
- Pantallas grandes (desktop)
5️⃣ Duración de visualización
Section titled “5️⃣ Duración de visualización”Campo en segundos.
Valor especial:
- -1 → el popup se muestra indefinidamente hasta que el usuario lo cierre.
6️⃣ Posición en pantalla
Section titled “6️⃣ Posición en pantalla”Opciones disponibles:
- Arriba izquierda
- Arriba centro
- Arriba derecha
- Centro izquierda
- Centrado (predeterminado)
- Centro derecha
- Abajo izquierda
- Abajo centro
- Abajo derecha
📌 La posición no cambia en la vista previa del editor.
7️⃣ Animaciones
Section titled “7️⃣ Animaciones”Entrada:
Section titled “Entrada:”- Encadenar
- Deslice hacia arriba
- Deslice hacia abajo
- Golpe de zoom
- Rebote
Salida:
Section titled “Salida:”- Desaparecer
- Deslice hacia arriba
- Deslice hacia abajo
- Alejar
- Rebote
8️⃣ Acción posterior al envío
Section titled “8️⃣ Acción posterior al envío”Puedes definir qué sucede luego de que el usuario envía sus datos:
- Ir a página de agradecimiento predeterminada
- Redirigir a una URL personalizada
Estados del popup
Section titled “Estados del popup”- Activo → Visible en el sitio web.
- Pausado → No visible, pero conserva configuración.
- Archivado → Histórico, no editable.
Ejemplos de casos de uso
Section titled “Ejemplos de casos de uso”Popup de descuento
Section titled “Popup de descuento”“Obtén 10% de descuento” → Captura email → Redirige al catálogo.
Popup por scroll
Section titled “Popup por scroll”Aparece al 50% del contenido → Promociona envío gratis.
Popup exclusivo mobile
Section titled “Popup exclusivo mobile”Solo en pantallas pequeñas → Promoción especial para WhatsApp.
Popup antes de abandonar
Section titled “Popup antes de abandonar”Con demora estratégica → Incentiva acción antes de salir del sitio.
Errores comunes
Section titled “Errores comunes”- Activar múltiples popups en la misma sección.
- Configurar reglas de URL contradictorias.
- No agregar botón “Enviar”.
- No definir disparador (el popup nunca aparecerá).
- No configurar frecuencia (puede saturar al usuario).