Cómo crear ventanas emergentes atractivas con Elementor que convierten

Seamos realistas, como propietario de un sitio, ¡odias amar las ventanas emergentes! Por un lado, molestan a los clientes. Pero, por otro lado, también aumentan los clientes potenciales en muchos pliegues. Hasta ahora, si decidiera elegir un complemento para implementar ventanas emergentes en su sitio web de WordPress, tendría múltiples opciones. Pero, irónicamente, todos carecían de características de una forma u otra. Ahora la elección es simple, el generador de ventanas emergentes de Elementor.

Elementor pop up es un generador dinámico de ventanas emergentes que viene con el generador de páginas de Elementor. Es sin duda uno de los mejores constructores de ventanas emergentes que existen.

Sin embargo, si considera la combinación de funciones y la facilidad de uso, el generador de ventanas emergentes de Elementor es, con mucho, el mejor generador de ventanas emergentes para sitios de WordPress.

¿Estás emocionado de saber cómo puedes construir tu primera ventana emergente usando Elementor? ¡Así somos nosotros!

¿Las ventanas emergentes del sitio web realmente funcionan para hacer crecer su negocio?

Una ventana emergente es una pequeña ventana que aparece en la parte superior de las páginas web en su navegador de Internet. Se puede utilizar para presentar información importante o recopilar clientes potenciales. Sí, estamos hablando del que nos irrita todo el tiempo cuando intentamos abrir la mayoría de los sitios web.

Entonces, ¿por qué sigue apareciendo esta cosa molesta, aunque la odiemos? La respuesta está en la propia definición. Ayuda a recopilar clientes potenciales.

Todos sabemos la importancia de hacer crecer los clientes potenciales. Cuanto más clientes potenciales tenga, más personas podrá enviar un correo electrónico promocional u ofrecer un trato personalizado. Ya sea que sea propietario de un sitio de comercio electrónico, una empresa de desarrollo de software o incluso un bloguero, obtener una ventaja significa tener la oportunidad de interactuar con un cliente potencial más.

La tasa de conversión promedio para las ventanas emergentes es del 3,09 %, mientras que las ventanas emergentes de mayor rendimiento del 10 % superior promediaron una tasa de conversión del 9,28 %.

– Sumos

Dadas las estadísticas anteriores, es seguro decir que las ventanas emergentes son, con mucho, uno de los métodos más efectivos para obtener clientes potenciales.

Cómo crear tus ventanas emergentes dinámicas con Elementor Popup Builder

¿Tienes experiencia previa en el uso de Elementor? Si no, no te preocupes, es muy fácil. Si tiene experiencia trabajando con Elementor anteriormente, construir o crear una ventana emergente es como usar o crear cualquier otra plantilla en Elementor.

Entonces, comencemos con los requisitos previos antes de comenzar a crear nuestra primera ventana emergente con Elementor.

1. Un sitio web de WordPress que funcione (obvio, ¿verdad?)
2. Elementor
3. Elementor Pro

Blog relacionado: Cómo crear un sitio web GRATIS en 5 sencillos pasos

Eso es todo lo que necesitábamos para crear nuestra impresionante ventana emergente.

Use ventanas emergentes de Elementor listas para usar

Si está familiarizado con Elementor, es posible que ya sepa cómo usar o crear plantillas. Como la ventana emergente también funciona como una plantilla para Elementor, primero debe ir a Panel de administración de WP> Plantillas> Ventana emergente

Una vez que haga clic en Pop Up, aparecerá un botón AGREGAR NUEVO POPUP . Haga clic en el botón y asigne a su ventana emergente un nombre como nosotros llamamos a la nuestra " Página de inicio principal ". Después de nombrar la ventana emergente, ¡es hora de hacer clic en el botón CREAR POPUP !

Tan pronto como toque el botón Crear ventana emergente, encontrará muchas hermosas plantillas emergentes listas para que elija. Sin embargo, si no desea utilizar la plantilla prediseñada, también puede diseñar su ventana emergente desde cero. Para eso, simplemente salga de la biblioteca de plantillas.

Personaliza tu diseño emergente de Elementor

Tan pronto como cierre la Biblioteca de plantillas , verá una pantalla como la siguiente. Haga clic en el ícono de ajustes, tal como lo hicimos nosotros, y estará en la página de Configuración emergente en poco tiempo.

La configuración emergente tendrá 3 pestañas: Configuración, Estilo y Avanzado. Vamos a saber para qué sirve cada una de las pestañas.

Desde la pestaña Configuración , puede personalizar principalmente el diseño. Tales como ancho , alto , posición horizontal/vertical , animación de entrada/salida y botón de cierre .

Vamos a seguir adelante con la siguiente configuración. También puedes personalizar como quieras.

Desde la pestaña Estilo , puede personalizar los colores de la ventana emergente, la superposición y el botón de cierre.

La pestaña Avanzado le permite ajustar la hora del botón de cierre y algunas otras configuraciones menores.

Al igual que cualquier otra plantilla de Elementor, también puede agregar widgets para que su ventana emergente se vea bien. Aquí está la ventana emergente mínima que diseñamos.

¡Sí, hemos creado con éxito una ventana emergente para nuestro sitio web usando la ventana emergente de Elementor! Ahora veamos cómo podemos orientar la ventana emergente según la actividad del usuario.

Controle su ventana emergente con la configuración de publicación

Después de crear su ventana emergente, lo siguiente que debe hacer es configurar cuándo aparecerá. Con Elementor emergente, puede ajustarlo para que se active en función de muchas acciones. Una vez que haya terminado con el diseño y haga clic en publicar, aparecerá la configuración de publicación. Desde aquí usted controla y ajusta la orientación.

Como puede ver en la imagen de arriba, verá tres opciones diferentes llamadas Condiciones , Activadores y Reglas avanzadas .

Así que vamos a conocer cómo funcionan.

Establecer condiciones para su ventana emergente

La pestaña Condiciones le permite administrar dónde aparece su ventana emergente. Por ejemplo, puede dejar que la ventana emergente se muestre en una sola página, en varias páginas o incluso en todo el sitio web.

Como puede ver, aquí hemos incluido una sola página, que es la página principal, para mostrar nuestra ventana emergente.

Configurar reglas de activación de ventanas emergentes

Los disparadores le permiten controlar exactamente cuándo aparece su ventana emergente. Con Elementor, tienes todos los tipos de activadores que necesitarás. Puede configurar su ventana emergente para mostrar:

1. Carga en la página
2. en desplazamiento
3. En desplazamiento a elemento
4. Al hacer clic
5. Después de la inactividad
6. Intención de salida en la página

Hemos configurado nuestra ventana emergente para que se muestre con el primer clic del usuario en nuestra página web.

Establecer reglas avanzadas

Como sugiere el nombre, las Reglas avanzadas le permiten establecer las condiciones avanzadas para exactamente cuándo o a quién se mostrará su ventana emergente.

Hay muchas reglas diferentes y también puede seleccionar varias reglas.

Ahora estamos listos para publicar nuestra ventana emergente. Así que adelante, haga clic en el botón GUARDAR Y CERRAR .

Además, veamos nuestra ventana emergente en acción. ¡Yaay!

Gran colección de plantillas emergentes de Elementor Pop Up Library

Como ya te mostramos, Elementor tiene una gran colección de ventanas emergentes prediseñadas en su biblioteca de plantillas.

Tendrá acceso a cientos de ventanas emergentes, por lo que incluso si no tiene un gran sentido del diseño, la ventana emergente de Elementor lo tiene cubierto. En la biblioteca de plantillas de Elementor, encontrará diferentes tipos de plantillas emergentes, como lightbox, flotantes, de pantalla completa, lead magnet y muchas más.

Además de las ventanas emergentes, Elementor también tiene muchas otras plantillas y widgets prediseñados. Incluso puede ampliar aún más las funciones de Elementor mediante el uso de diferentes complementos. Que se están volviendo muy populares hoy en día.

Si desea ver cómo los complementos facilitan el diseño de su sitio, no olvide probar HappyAddons. Ahora es uno de los principales complementos de Elementor, con más de 80 000 instalaciones activas. Hay una versión premium, junto con una versión gratuita.

Elementor Pop Up: el creador de ventanas emergentes definitivo

Elementor es considerado como uno de los mejores creadores de páginas para WordPress. Junto con muchas más funciones, también puede crear hermosas ventanas emergentes con una orientación específica.

El proceso de creación de ventanas emergentes es muy fácil, y esperamos que ahora pueda crear una ventana emergente que a sus visitantes les guste (¡al menos no la odien!). También puede crear una ventana emergente modal con el generador de ventanas emergentes de Elementor.

¿Terminamos el blog con probablemente el anuncio de producto más extravagante de una empresa de WordPress? Bien, ¡aquí tienes!