¿Necesita descubrir las mejores formas de utilizar Elementor Popup Builder?

Una de las ventajas de Elementor sobre otros complementos Creación de páginas de WordPress es que viene con una función de creador de ventanas emergentes que le permite crear hermosas ventanas emergentes de una manera visual.

Puedes usarlo para crear cualquier tipo de ventana emergente. Desde una ventana emergente simple, como una ventana emergente de registro de correo electrónico, hasta una ventana emergente compleja, como un menú de pantalla completa. Para darle una descripción general, compartiremos algunas ideas sobre cómo usar el generador de ventanas emergentes de Elementor.

Crear una ventana emergente con el Generador de ventanas emergentes de Elementor no es diferente a crear una página o plantilla. Puede agregar cualquier widget que desee e implementar todas las opciones de estilo disponibles. También puede configurar las condiciones de visualización para que su ventana emergente aparezca en una o más páginas de su sitio web.

Descubrir Cómo instalar Elementor en WordPress

El propio generador de ventanas emergentes de Elementor admite los siguientes tipos de activadores:

  • Al cargar la página
  • Mientras se desplaza
  • Mientras se desplaza hasta el elemento
  • Al hacer clic
  • Después de la inactividad
  • Intento de salida en la página

Aquí hay 7 ideas sobre cómo usar el generador de ventanas emergentes de Elementor

1. Para crear un menú de pantalla completa y fuera del lienzo

Un menú fuera del lienzo es un menú que le permite mostrar su contenido como una barra lateral cuando se activa un botón. Le ayuda a presentar un cierto aspecto de su sitio web en el panel de navegación lateral, proporcionando así una experiencia fácil de usar para sus visitantes.

Pero Elementor no tiene un widget o funcionalidad dedicada específicamente a crear un menú de pantalla completa o un menú fuera del lienzo. Esto no significa que deba instalar un complemento para crear un menú de pantalla completa o fuera del lienzo en su sitio de WordPress. Puede utilizar el generador de ventanas emergentes para crear uno.

Aquí un ejemplo.

Para crear un menú de pantalla completa / fuera del lienzo con Elementor, puede crear una plantilla emergente y configurar el disparador al hacer clic. Luego puede invocar la plantilla a través de un enlace (Elementor le permite definir un enlace a una plantilla emergente). Puede usar cualquier widget que tenga una opción de enlace para llamar a la plantilla emergente. Por ejemplo, el widget Botón, el widget Editor de texto, el widget Título, el widget Icono, etc.

2. Para crear una barra de notificaciones

¿Le gustaría mostrar una barra de notificaciones en su sitio web de WordPress? Si su sitio web de WordPress está construido con Elementor, no necesita instalar un complemento adicional. Puede usar el generador de ventanas emergentes de Elementor para agregar uno.

¿Cuándo creas una barra de notificaciones usando Elementor, puede establecer la apariencia de la barra. Ya sea después de que los usuarios hagan clic, se desplacen por la página o incluso cuando tengan la intención de cerrar la página. El propio Elementor ofrece plantillas emergentes predefinidas dedicadas a mostrar la barra de notificaciones.

Aquí está el ejemplo de la barra de notificaciones creada con Elementor.

3. Para crear una ventana emergente de consentimiento de cookies

Si necesita mostrar una ventana emergente de consentimiento de cookies en su WordPress, Elementor también puede hacerlo. Puede mostrar la ventana emergente de consentimiento de cookies una vez que su sitio web esté completamente cargado.

En la ventana emergente de consentimiento de cookies, puede agregar el botón Aceptar y el botón Denegar.

Si sus visitantes hacen clic en el botón Aceptar, la cookie desaparecerá. Por el contrario, si hacen clic en el botón de rechazar, puede redirigirlos a la página de Términos de servicio de su sitio web para obligarlos a leerlo.

Elementor también ofrece plantillas emergentes predefinidas dedicadas a crear ventanas emergentes de consentimiento de cookies. Aquí un ejemplo.

4. Crear banners promocionales.

Este es el uso más común de un generador de ventanas emergentes. Puedes implementar la idea especialmente si tienes un sitio webcomercio electrónico. Puedes, por ejemplo, crear un banner para informar a tus visitantes de los productos en oferta. En el banner, puede agregar elementos como un temporizador de cuenta regresiva, un botón de llamada a la acción o cualquier elemento requerido.

También puede encontrar plantillas emergentes de promoción predefinidas en la biblioteca de plantillas de Elementor.

5. Para crear una ventana emergente de registro de correo electrónico

Como dijimos anteriormente, puede agregar cualquier widget a su ventana emergente como cuando crea una página usando Elementor. El widget Formulario no es una excepción. Puede usar este widget para agregar un formulario a su ventana emergente.

Luego podrás conectar tu formulario a servicios de marketing populares como MailChimp, MailerLite, etc… Elementor también ofrece plantillas emergentes dedicadas a crear una ventana emergente de correo electrónico opcional.

6. Para crear una ventana emergente de casillero de contenido o una ventana emergente de verificación de edad

No todos los sitios web están destinados a todos. Por ejemplo, si tiene un sitio web que vende cigarrillos, ese sitio web está ciertamente prohibido para menores de 18 años. En este caso, puede crear una ventana emergente que obligue a sus visitantes a hacer clic en una determinada acción.

Lea también: Cómo agregar un control deslizante de testimonios en Elementor

El concepto es bastante similar a una ventana emergente de consentimiento de cookies, pero puede aplicar una configuración de superposición de pantalla completa para ocultar el contenido y obligar a sus visitantes a realizar una determinada acción antes de que puedan ver el contenido.

En este contexto, la acción puede ser una comprobación de que estén por encima de 18. De lo contrario, puedes enviarlos a otro sitio web como Wikipedia.

También puede encontrar este tipo de ventana emergente en la biblioteca de plantillas de Elementor.

7 formas creativas de usar Elementor Popup Builder

Otra idea con respecto al bloqueo de contenido es que puede obligar a sus visitantes a iniciar sesión mostrando un formulario de inicio de sesión en pantalla completa para todos los visitantes anónimos.

7. Para crear botones flotantes

Elementor viene con el widget de botones para compartir y el widget de iconos sociales que puede usar para agregar botones para compartir y seguir botones de redes sociales. Si bien puede agregar estos widgets a las plantillas de página o tema, sería una gran idea agregar estos widgets a sus ventanas emergentes.

Para crear botones flotantes para seguir / compartir en las redes sociales, puede desactivar tanto el botón de superposición como el botón de cierre. Al aplicar un disparador, incluso puede establecer cómo y dónde aparecen los botones.

Además de los botones flotantes de redes sociales, también puede crear un botón flotante de llamada a la acción.

Si desea crear botones flotantes para seguir / compartir en las redes sociales, Elementor también tiene algunas plantillas prediseñadas que puede usar.

7 formas creativas de usar Elementor Popup Builder

Por último

Una de las prácticas que tienen los propietarios de sitios web para acelerar su sitio web de WordPress es utilizar la menor cantidad posible de complementos. Elementor puede manejar ciertas acciones para que no necesite instalar demasiados complementos en su sitio web de WordPress.

Con su único generador de ventanas emergentes, puede crear un menú de pantalla completa, un menú sin lienzo, una barra de notificaciones, una ventana emergente de consentimiento de cookies, etc. Pero tenga en cuenta que su creatividad jugará un papel esencial en la maximización de la funcionalidad de Elementor, incluyendo su constructor de ventanas emergentes.

¡Obtenga Elementor Pro ahora!

Recursos recomendados

Descubrir más Recursos recomendaciones que te acompañarán en la creación y gestión de tu sitio web.

Conclusión

Listo ! Eso es todo por este tutorial. Esperamos que le ayude a descubrir las mejores formas creativas de utilizar Elementor Popup Builder. No dude en comparte con tus amigos en tus redes sociales favoritas

Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.

Si tienes sugerencias o comentarios, déjalos en nuestra sección comentarios.

...