Cómo crear un popup de intención de salida en WordPress 

La mayoría de los visitantes abandonan tu sitio sin hacer nada. Un popup de intención de salida en WordPress te da un momento específico para cambiar eso. Solo se activa cuando alguien está a punto de irse, por lo que es mucho menos molesto que un popup que aparece en el instante en que alguien aterriza.

En esta guía, te mostraré cómo crear un popup de salida en WordPress usando OptinMonster. Es parte de la familia de productos de WPBeginner y es la herramienta más fiable que he encontrado para la segmentación por intención de salida en WordPress sin escribir una línea de código.

¿Qué es un popup de intención de salida en WordPress?

Un popup de intención de salida en WordPress es un mensaje que aparece cuando el movimiento del ratón o el comportamiento de un visitante sugieren que está a punto de abandonar tu sitio. Estos popups te dan una última oportunidad de captar su atención antes de que se vaya.

La mayoría de los propietarios de sitios utilizan popups de intención de salida para ofrecer un descuento, envío gratuito o un lead magnet a cambio de una suscripción por correo electrónico. Son especialmente eficaces para reducir el abandono de carritos, aumentar la generación de leads y mantener a los visitantes interesados durante más tiempo.

A diferencia de los popups instantáneos que aparecen de inmediato, los popups de intención de salida solo se activan cuando alguien está a punto de irse. Ese momento los hace menos molestos y más propensos a convertir.

Cómo crear una ventana emergente de intención de salida en WordPress

Para este tutorial, usaré OptinMonster para crear un popup de intención de salida en WordPress.

Aunque existen otros plugins de popup de intención de salida, OptinMonster es la mejor opción para todos los tamaños de negocio. Es una herramienta de marketing formidable que hace que hacer crecer tu lista de correo, generar más leads y aumentar las ventas sea increíblemente sencillo. 

OptinMonster ofrece muchos tipos de campañas. Estos incluyen:

• Popups de lightbox responsivos
• Popups de intención de salida
• Campañas de "slide-in"
• Barras flotantes de saludo
• Alfombrillas de bienvenida a pantalla completa
• Widgets de barra lateral
• Formularios de contacto

Con OptinMonster, las posibilidades de crear varios pop-ups para tu página web son infinitas.

Cada campaña tiene varias plantillas personalizables y optimizadas para SEO que puedes editar usando el constructor de pop-ups de arrastrar y soltar. Por ejemplo, puedes añadir temporizadores de cuenta atrás, mensajes personalizados, compartir en redes sociales y más.

Además, OptinMonster se integra con varios servicios de marketing por correo electrónico y auto-respondedores, como Mailchimp, AWeber, Constant Contact, HubSpot y más.

Puedes obtener más información sobre este potente plugin de pop-ups para WordPress en nuestra detallada reseña de OptinMonster.

Paso 1. Regístrate en OptinMonster

Para empezar, haz clic aquí para comenzar con OptinMonster.

Los precios de OptinMonster no ofrecen una versión gratuita ni un plan gratuito. Necesitarás al menos un plan Pro para experimentar toda la gama de funciones avanzadas. Consulta la página de precios de OptinMonster para conocer los costes actuales de los planes antes de registrarte.

Luego inicia sesión en tu área de cuenta de OptinMonster, que se parecerá al ejemplo a continuación.

Paso 2. Crea una Nueva Campaña

El siguiente paso es hacer clic en el botón verde Crear nueva campaña.

Esto te llevará a una pantalla para seleccionar un nuevo tipo de campaña. Dado que deseas crear un pop-up de salida, elige el tipo de campaña Pop-up.

Luego, selecciona una plantilla de pop-up para empezar.

Las plantillas de campaña de OptinMonster tienen varias opciones de filtrado. Puedes filtrar las plantillas por Objetivo, Dispositivo, Categoría e incluso las más recientes.

En nuestro ejemplo, hemos filtrado las plantillas para mostrar las más adecuadas para dirigirse a visitantes que abandonan, que es uno de los principales objetivos de un formulario de suscripción de pop-up de salida.

Para previsualizar una plantilla, pasa el ratón sobre una que te guste y haz clic en Vista previa.

Si estás satisfecho con su aspecto, haz clic en Usar plantilla. Esto abrirá una ventana emergente para darle un nombre a tu campaña y añadir un sitio web para mostrarla.

Haz clic en Empezar a construir para crear tu campaña y acceder al constructor de campañas y formularios de suscripción de OptinMonster. Verás tu plantilla elegida en el creador de pop-ups y tendrás acceso a un conjunto casi ilimitado de herramientas para personalizar tu pop-up de salida.

Paso 3. Personaliza tu Popup de Intención de Salida

Personalizar tu pop-up es fácil.

Con el editor de arrastrar y soltar, puedes cambiar el estilo de fuente, el color, la alineación, los elementos HTML y más seleccionando cualquier texto y eligiendo tus opciones de personalización.

Cambiar tu botón de llamada a la acción es igual de sencillo. Haz clic en el botón de tu plantilla y selecciona tus cambios en el panel izquierdo.

Incluso puedes añadir una imagen de fondo o un color degradado para que coincida con el estilo y la marca de tu sitio web. Haz clic en cualquier lugar del fondo de tu pop-up y edítalo utilizando las herramientas proporcionadas en el panel izquierdo.

Una vez que tu pop-up de salida tenga el aspecto que deseas, estarás listo para establecer las reglas de visualización.

Paso 4. Elige las Reglas de Visualización de tu Popup de Intención de Salida

Las Reglas de Visualización en OptinMonster utilizan modales de Javascript para controlar cuándo se muestra tu pop-up en tu sitio web y quién puede verlo.

Haz clic en el botón Reglas de visualización en la parte superior de tu pantalla para ver la configuración disponible. Tu campaña está configurada para mostrarse a todos los visitantes del sitio web después de 5 segundos de aterrizar en tu página por defecto.

Para crear un popup de salida, cambia la condición "si" a "salida detectada".

Puedes hacer eso haciendo clic en el cuadro desplegable, buscando "salida" en el cuadro de búsqueda y haciendo clic en la opción Intención de salida. Tu popup solo se mostrará si alguien indica que está a punto de abandonar tu sitio web.

Ahora haz clic en el botón Siguiente paso para elegir una acción para tu popup.

Aquí es donde puedes seleccionar la vista de campaña que quieres que la gente vea. En nuestro caso, queremos que la gente vea nuestro popup de salida cuando el conjunto de reglas se cumpla.

Así que asegúrate de que la configuración Optin esté seleccionada en el menú desplegable y haz clic en Siguiente paso.

Ahora verás un resumen de tus reglas de visualización. En este punto, haz clic en el botón verde Guardar para conservar tu configuración antes de continuar.

Una cosa que te recomiendo cambiar antes de guardar:

La configuración predeterminada muestra tu popup en cada visita. Eso molestará rápidamente a los visitantes recurrentes. Cámbialo a una vez por sesión o una vez cada 30 días para mantener las conversiones sin frustrar a las personas que regresan.

También vale la pena saber que la detección de intención de salida en dispositivos móviles funciona de manera diferente. La detección en escritorio observa el movimiento del ratón hacia la barra de direcciones del navegador. En pantallas táctiles, no hay cursor, por lo que esa señal no existe.

Para el tráfico móvil, OptinMonster utiliza desencadenantes basados en desplazamiento o en tiempo en su lugar. Si la mayoría de tus visitantes están en dispositivos móviles, añade una regla de retraso de tiempo junto con tu regla de intención de salida para llegar a ellos también.

Paso 5. Integra con tu Proveedor de Correo Electrónico

Ahora es el momento de integrar tu popup de salida con tu proveedor de servicios de marketing por correo electrónico para gestionar tu lista de correo. Así que haz clic en el botón Integraciones en la parte superior de la pantalla.

A continuación, verás una vista previa de tu popup y un panel de Integraciones en el lado izquierdo. Haz clic en el botón Añadir integración y elige tu proveedor de correo electrónico preferido del menú desplegable.

Nos estamos integrando con Constant Contact ya que ofrece una plataforma ligera y fácil de usar adecuada para todos los tamaños de negocio.

Deberás seguir las instrucciones en pantalla para conectar tu servicio de correo electrónico con OptinMonster.

Luego puedes elegir una lista de correo para guardar nuevos suscriptores cuando se registren a través de tu popup de salida.

Recuerda hacer clic en Guardar antes de proceder al siguiente paso.

Paso 6. Elige Cómo Publicar tu Popup de Intención de Salida

Para publicar tu popup de salida, haz clic en el botón Publicar en la parte superior de tu pantalla. Podrías hacerlo ahora si no añadiste un sitio web a tu cuenta durante el proceso de configuración.

Simplemente haz clic en el botón Añadir un nuevo sitio web, introduce la URL del nombre de tu sitio y haz clic en Guardar sitio web.

En la sección Vista previa, verás un aviso similar al de abajo.

También puedes usar shortcodes de OptinMonster para añadir popups a tu sitio web.

Todo lo que eso significa es que aún no has conectado tu sitio a OptinMonster. Pero no te preocupes. A continuación, te mostraremos cómo hacerlo utilizando el plugin de WordPress de OptinMonster.

Paso 7. Instala el Plugin de OptinMonster

Desde la misma página, desplázate hacia abajo hasta que veas la configuración de la Plataforma. Para publicar tu popup de salida fácilmente en WordPress, haz clic en la opción de WordPress.

Hacerlo revela instrucciones para descargar e instalar el plugin de WordPress de OptinMonster. Esto te permite conectar tu cuenta sin incrustar el código manualmente en WordPress.

Así que haz clic en el botón Descargar para descargar el plugin a tu ordenador y sigue estas instrucciones para instalar y activar un plugin de WordPress en tu sitio web.

Si prefieres añadir el código de incrustación de WordPress manualmente, puedes ver las instrucciones en la documentación para incrustar OptinMonster en tu sitio.

Paso 8. Verifica y Conecta tu Cuenta de OptinMonster

Al activar el plugin de WordPress de OptinMonster, verás una pantalla de bienvenida que te pedirá que conectes tu cuenta a WordPress.

Haz clic en el botón Conectar tu cuenta, que abre una ventana emergente de OptinMonster. Ahora haz clic en el botón Conectar a WordPress para vincular tu cuenta.

Después de eso, deberías ver una lista de tus campañas de OptinMonster en WordPress.

Si no ves ninguna campaña, asegúrate de que el estado de la campaña esté configurado como En vivo en el panel de tu cuenta de OptinMonster.

Luego, vuelve a tu lista de campañas en WordPress y haz clic en el botón Actualizar campañas.

Cuando navegues por tu sitio web en vivo, tu popup se activará si tú o tus visitantes intentan irse.

¡Enhorabuena!

Crea la Página Detrás de la Oferta con SeedProd

Tu popup de OptinMonster captura el correo electrónico o el clic. Lo que sucede a continuación es igual de importante. Si tu popup ofrece un descuento, un lead magnet o un recurso gratuito, la página de destino o la página de agradecimiento a la que conduce debe reforzar esa oferta.

Ahí es donde entra SeedProd. Es un constructor visual de sitios web para WordPress que te permite crear páginas de destino y páginas de agradecimiento de alta conversión sin tocar código.

Lo uso en mi propio sitio para crear páginas que coincidan con la oferta del popup, para que los visitantes no sientan que han aterrizado en un lugar aleatorio después de registrarse.

Para ayudarte a empezar, aquí tienes algunas guías:

• Cómo configurar una página de agradecimiento en WordPress
• Cómo crear una página de ventas de alta conversión en WordPress

Ejemplos de Popups de Intención de Salida

Si necesitas más inspiración, hemos reunido una lista de algunos ejemplos fantásticos de popups de intención de salida a continuación.

Antes de finalizar tu diseño, considera realizar una prueba dividida. OptinMonster tiene pruebas A/B integradas, por lo que puedes probar diferentes titulares, ofertas o colores de botones sin ninguna herramienta de terceros.

Crea dos versiones de tu popup y deja que OptinMonster divida el tráfico entre ellas. Una vez que tenga suficientes datos, verás qué versión convierte mejor. Es una de las mejores maneras de mejorar los resultados sin aumentar el tráfico.

Ejemplo de Popup de Intención de Salida para Construir Comunidad

Este popup anima a los visitantes a unirse a una comunidad antes de irse. El titular llamativo, la lista de viñetas y los logotipos de confianza dejan claro el valor.

Conclusiones:

• Mantén los beneficios cortos y escaneables
• Usa prueba social (logotipos, testimonios)

Ejemplo de popup de intención de salida con envío gratuito

Ofrecer envío gratuito es un gran incentivo para completar una compra. Este ejemplo combina un descuento con un formulario de registro de correo electrónico.

Conclusiones:

• Recopila correos electrónicos mientras guardas carritos abandonados
• Combina un descuento con envío gratuito

Ejemplo de popup de intención de salida con demostración gratuita

El texto sencillo y las palabras emotivas ("proteger", "más seguro") hacen que este popup de demostración sea persuasivo. El diseño limpio centra la atención en la llamada a la acción (CTA).

Conclusiones:

• Usa desencadenantes emocionales en los titulares
• Mantén un diseño minimalista

Ejemplo de popup de intención de salida con sorteo

Un sorteo puede ser suficiente para evitar que alguien se vaya. Aquí, la oportunidad de ganar un vale de 50 € anima a registrarse rápidamente.

Conclusiones:

• Destaca el valor del premio en el titular
• Ofrece un incentivo fuerte con poco esfuerzo

Preguntas frecuentes (FAQs) sobre popups de intención de salida

¿Cuál es el mejor plugin de popup de intención de salida para WordPress?

OptinMonster es la mejor opción para la mayoría de los sitios. Incluye la tecnología patentada Exit-Intent®, reglas de visualización avanzadas y se integra con servicios populares de marketing por correo electrónico. Forma parte de la familia de productos de WPBeginner, lo que significa que funciona bien junto con herramientas como AIOSEO y WPForms. Si el presupuesto es una preocupación, Popup Maker es una opción gratuita con funciones de segmentación más limitadas.

¿Los popups de salida ralentizan WordPress?

No si el plugin está bien construido. OptinMonster se carga de forma asíncrona, por lo que el script del popup no bloquea la representación de tu página. Los problemas de rendimiento son más comunes con plugins gratuitos mal codificados que cargan scripts en el encabezado de la página. Si te preocupa la velocidad, ejecuta una prueba de GTmetrix antes y después de la instalación para ver el impacto real.

¿Los popups de intención de salida son malos para el SEO?

Los popups de intención de salida no perjudican directamente al SEO. Las directrices de Google se dirigen a los popups que aparecen inmediatamente al cargar la página y son difíciles de cerrar, especialmente en dispositivos móviles. Los popups de intención de salida solo se activan cuando alguien está a punto de irse, lo que evita ambos problemas. Mantenlos fáciles de descartar y no tendrás problemas.

¿La intención de salida funciona en dispositivos móviles?

La intención de salida estándar (detección de movimiento del ratón) no funciona en pantallas táctiles móviles porque no hay cursor. En dispositivos móviles, OptinMonster utiliza la profundidad de desplazamiento o los desencadenantes basados en el tiempo. Si la mayor parte de tu tráfico proviene de dispositivos móviles, configura una regla de retraso de tiempo o profundidad de desplazamiento junto con tu regla de intención de salida para que tu popup llegue a esos visitantes.

¿Existe un plugin gratuito de popup de intención de salida para WordPress?

Sí. Popup Maker es una opción gratuita popular que admite la intención de salida básica. Tiene menos reglas de segmentación y opciones de visualización que OptinMonster, pero funciona para casos de uso sencillos. Si necesitas pruebas A/B, segmentación avanzada o análisis detallados, necesitarás un plan de pago.

Crea tu primer popup de intención de salida en WordPress

Espero que este artículo te haya ayudado a aprender cómo crear un popup de intención de salida en WordPress. Ahora puedes empezar a recuperar visitantes que abandonan y generar más clientes potenciales y ventas para tu negocio.

Si te gustó la funcionalidad de arrastrar y soltar de OptinMonster, también te pueden interesar las siguientes guías sin código:

• Cómo crear una página de destino en WordPress
• 12+ Ejemplos de diseños de páginas de registro para formularios de alta conversión
• ¿Tu Página de Destino No Convierte? 9 Consejos para Arreglarlo Rápidamente
• Cómo Crear Páginas de Destino Personalizadas para Impulsar las Conversiones

¡Gracias por leer! Nos encantaría conocer tu opinión, así que únete a la conversación en YouTube, X y Facebook para obtener más consejos y contenido útil para hacer crecer tu negocio.