Cómo crear popups de intención de salida con Elementor Pro

Ventana emergente de intención de salidaes una herramienta eficaz para guiar a los usuarios a realizar una acción antes de abandonar un sitio web, como suscribirse a un boletín, obtener una oferta de descuento o rellenar un formulario. Con Elementor Pro, es fácil crear este tipo de ventanas emergentes que presentan información clave y aumentan las conversiones cuando los usuarios intentan salir. En este artículo se detalla cómo utilizar Elementor Pro Cree y personalice la ventana emergente de intención de salida.

Paso 1: Crear una plantilla de ventana emergente

Acceso a la configuración de las ventanas emergentes

En primer lugar, se ha instalado y activado Elementor Pro. En el panel de control de WordPress, seleccione "plantilla">"ventana emergente". Haga clic en "Añadir nueva ventana emergente" para empezar a crear su plantilla de ventana emergente.

Nombre y seleccione la plantilla

Introduzca el nombre de la ventana emergente, por ejemplo "Ventana emergente de oferta con intención de salida". Esto facilita encontrar y editar esta ventana emergente en cualquier momento. Haga clic en "Crear una plantilla", tras lo cual puedes seleccionar un diseño predefinido de la biblioteca de plantillas de Elementor o empezar con una plantilla en blanco.

ejemplo típico
por ejemploSupongamos que dirige una librería en línea y desea mostrar una prueba gratuita de un libro electrónico cuando un usuario intenta abandonar el sitio. Puede nombrar la ventana emergente "Oferta de prueba gratuita" y seleccionar un diseño relevante de una biblioteca de plantillas preestablecidas.

Paso 2: Diseñar el contenido de la ventana emergente

Añadir módulo de contenido

Utilizando la función de arrastrar y soltar de Elementor, añada el elementoMódulos de título, cuadro de texto, imagen, botón y formulario. Asegúrese de que el diseño sea limpio y atractivo para que el usuario entienda de un vistazo la oferta que le ofrece.

módulo (en software)elementoytipomodificaciones

Se utiliza principalmente para establecer el contenido base de la ventana emergentecomo texto, imágenes y botones.

Optimizar el diseño para mejorar los índices de conversión

Selección de imágenesElige imágenes relacionadas con tu oferta. Por ejemplo, puede añadir una imagen de la portada de un libro superventas para añadir atractivo visual.

texto del botónEl texto del botón debe ser claro y con aspiraciones, como "Pruébelo ahora" u "Obtenga un capítulo gratis".
campo de formularioLos formularios deben ser lo más sencillos posible y recoger sólo la información necesaria. Por ejemplo, a los usuarios solo se les debe pedir que introduzcan su dirección de correo electrónico para obtener una versión de prueba de un libro electrónico.

Paso 3: Configurar los activadores de ventanas emergentes

Seleccione la condición de disparo

Pulse "escriba a", seleccione "requisito previo" para determinar dónde se muestra la ventana emergente. Puede elegir mostrarla en todo el sitio o sólo en páginas específicas. Por ejemplo, la ventana emergente de intención de salida puede configurarse solo en la página Detalles del producto o en la página Carro de la compra.

Establecer el disparador para salir de la intención

Seleccione "flip-flop (electrónica)"y active el panel "Intención de salida de la página". Esto activa la ventana emergente cuando el cursor del ratón del usuario abandona la ventana del navegador.

Configuración avanzada de reglas

Realice los ajustes avanzados necesarios. Por ejemplo, las ventanas emergentes pueden configurarse para que solo se muestren en dispositivos de escritorio o para que no se muestren si el usuario ha iniciado sesión en su cuenta.

Paso 4: Probar y publicar la ventana emergente

Guardar y activar la ventana emergente
Una vez que haya completado el diseño y la configuración, haga clic en el botón "Guardar y cerrar" en la esquina inferior derecha para publicar la ventana emergente en su sitio web.
Ventana emergente de prueba
Para asegurarse de que la ventana emergente funciona correctamente, pruébela con las condiciones de visualización que haya establecido. Mueva el ratón fuera de la página en una página de producto o de pago para ver si se activa la ventana emergente.

alcanzar un veredicto

Si configura detalladamente la ventana emergente de intención de salida, podrá retener eficazmente a los usuarios que están a punto de abandonar el sitio y aumentar las tasas de conversión. Utilice la Elementor ProPuede aplicar fácilmente estos efectos y ajustar el diseño de la ventana emergente y la configuración de activación para adaptarlos a sus necesidades en cualquier momento.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres