Popup para Elementor

¿Qué es Popup for Elementor?

Es un plugin gratuito para Elementor que permite crear popups visuales desde plantillas, sin necesidad de Elementor Pro. Puedes controlar cuándo y cómo se muestran los popups, insertando cualquier tipo de contenido desde el editor visual.

Instalación

  1. Accede a tu panel de WordPress.
  2. Ve a Plugins → Añadir nuevo y busca “Popup for Elementor”.
  3. Haz clic en Instalar y luego en Activar.

También puedes editar el popup directamente desde el mismo editor de Elementor sin necesidad de ir a Plantillas. Solo arrastra el widget Popup Widget a tu sección, selecciona la plantilla deseada o añade nuevo contenido en ese momento, y ajusta su configuración desde las pestañas de contenido, estilo y visibilidad.

Estilos

  • Overlay: color, opacidad y desenfoque para el fondo del popup.
  • Contenedor: personalización completa del ancho, relleno, márgenes, sombra y bordes.
  • Botón de cerrar: puedes ajustar su posición (esquina superior derecha o centro), el tamaño, el color, el icono y el efecto hover.
  • Animaciones: añade efectos de entrada y salida como fade, slide o zoom.

Todos los estilos se pueden aplicar desde el panel de edición de Elementor en la pestaña Estilo del widget. Puedes ver los cambios en tiempo real sin necesidad de recargar la página ni salir del editor.

Además, puedes utilizar los controles de vista responsive de Elementor para ajustar el diseño del popup específicamente en móvil o tablet, incluyendo su tamaño, márgenes y posición.

Triggers (Free)

  • show_on_load: muestra el popup al cargar la página.
  • show_after_delay: muestra el popup después de un retraso definido en segundos.
  • show_on_exit_intent: detecta intención de salida del usuario y lanza el popup.
  • show_once: controla que solo se muestre una vez por sesión.

Funciones Pro

  • popup_show_on_scroll: muestra el popup al alcanzar un porcentaje de scroll definido.
  • popup_show_on_inactivity: se lanza tras un tiempo sin actividad del usuario.
  • popup_show_on_element_interaction: se muestra al hacer clic en un elemento con clase específica.
  • popup_show_on_login_status: permite condicionar la visibilidad según si el usuario está logueado.
  • popup_show_on_referral: solo aparece si el usuario proviene de una fuente concreta.
  • popup_show_on_specific_url: activa el popup solo en URLs definidas.
  • popup_show_on_schedule: permite programar el popup en fechas y horarios específicos.
  • popup_show_on_day_of_week: condiciona el popup a ciertos días de la semana.
  • popup_show_on_adblock: detecta bloqueadores de anuncios y lanza el popup.
Consejo: Para evitar errores o conflictos, activa solo un trigger a la vez. Si necesitas varias condiciones combinadas, opta por usar el sistema de visibilidad + reglas personalizadas mediante cookies o campañas por URL.

Todos estos triggers se configuran fácilmente desde la pestaña Visibilidad del widget, con campos dinámicos para introducir porcentajes, clases CSS, URLs o mensajes personalizados. Solo se puede activar un trigger a la vez para evitar conflictos.

Estadísticas y Google Tag Manager (Pro)

Importante: Las estadísticas solo están disponibles si estás usando la versión Pro del plugin. Si no ves el panel de estadísticas en tu administración, asegúrate de tener activa la versión correcta.

Integración con Google Tag Manager

  1. Asigna una clase CSS única al elemento que disparará el popup, por ejemplo: .abrir-popup.
  2. Activa el trigger popup_show_on_element_interaction e introduce el selector .abrir-popup.
  3. En el widget del popup, en la pestaña Avanzado, añade este script en el campo de seguimiento:
<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  event: 'popup_opened',
  popup_id: 'popup-123'
});
</script>

En Google Tag Manager, crea un activador tipo Evento personalizado con nombre popup_opened y asígnalo a cualquier etiqueta que necesites lanzar (GA4, Meta Pixel, etc.).

Casos de uso

  • Captación de leads: formulario de suscripción al cargar la web.
  • Descuento de salida: popup que ofrece un cupón si el usuario intenta abandonar.
  • Promoción por scroll: aparece tras hacer scroll del 50%.
  • Segmentación por login: muestra contenido diferente a usuarios logueados.
  • Campañas por URL: promociones activadas solo desde campañas externas.
  • Recordatorio por inactividad: reactiva al usuario tras X segundos sin movimiento.

¿Qué vendrá en futuras versiones?

  • Compatibilidad con varios popups por página: configuración avanzada para gestionar múltiples popups sin conflictos.
  • Condiciones combinadas: permitir más de un trigger activo con lógica de prioridad o combinación lógica.
  • Biblioteca de plantillas: acceso a diseños prediseñados profesionales dentro del plugin.
  • Estadísticas en tiempo real: sin necesidad de recargar ni exportar datos manualmente.
  • Soporte nativo para WooCommerce: detección de productos, carrito, checkout, etc.
Nota: Si tienes sugerencias o necesidades específicas, puedes enviarlas desde el panel del plugin para que sean consideradas en el roadmap de desarrollo.