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. Este artículo detallará 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 la búsqueda y edición de esta ventana emergente en cualquier momento. Haga clic en "Crear una plantilla", tras lo cual podrá seleccionar un diseño preestablecido 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ñe el contenido de la ventana emergente
Añadir módulo de contenido
Usando la funcionalidad de arrastrar y soltar de Elementor, añada elMódulos de título, cuadro de texto, imagen, botón y formulario. Asegúrese de que el diseño es 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 las tasas de conversión
- Selección de imágenes: Elija imágenes relacionadas con su oferta. Por ejemplo, puede añadir una imagen de la portada de un libro superventas para añadir atractivo visual.
- texto del botón: El texto del botón debe ser claro y aspiracional, como "Pruébelo ahora" u "Obtenga un capítulo gratis".
- campo de formularioLos formularios deben ser lo más sencillos posible, recogiendo sólo la información necesaria. Por ejemplo, a los usuarios sólo 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 "Correo electrónico:", 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 sólo en la página de detalles del producto o en la página del carro de la compra.
Establecer el desencadenante de la intención de salida
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 sólo se muestren en los dispositivos de sobremesa o para que no se muestren si el usuario ha iniciado sesión en su cuenta.
Paso 4: Probar y publicar la ventana emergente
- Guarde y active 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.
llegar a 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 implementar fácilmente estos efectos y ajustar el diseño de la ventana emergente y la configuración del disparador para adaptarlos a sus necesidades en cualquier momento.