Crear popup con elementor

Elementor popup en la carga de la página

*Este post puede contener enlaces de afiliados. Si haces clic en un enlace y realizas una compra, recibiré una comisión por la venta, sin coste adicional para ti. De esta forma estás apoyando mi blog y permitiéndome seguir haciendo vídeos y posts como este. Sólo promociono productos que uso, con los que tengo experiencia y que apoyo, como Elementor Pro.

Primero necesitas crear un popup yendo a Plantillas > Popups > Añadir Nuevo Popup. Después de eso, dale un nombre a tu popup, ve a 'Crear Plantilla' e inserta widgets, como encabezado, texto o una imagen para crear y dar estilo a tu popup. Pulsa "Publicar" y añade la condición "Todo el sitio" si deseas mostrar tu ventana emergente en todo el sitio web. Haz clic en "Siguiente" y "Guardar y cerrar".

Después, haz clic en "Configuración" en la barra lateral izquierda y en el panel "Avanzado", ve a "Avanzado" y al campo "Abrir por selector". Invente un nombre y escríbalo aquí, por ejemplo .trigger. Recuerde el nombre que especifique aquí: ¡lo utilizará más adelante!

Haga clic en "Actualizar" y vaya a la página donde debería estar el texto que activa la ventana emergente. Cambia a la pestaña "Texto" del widget de texto e inserta el código alrededor de la palabra o palabras que se utilizarán como desencadenantes de la ventana emergente.

Elementor ventana emergente al hacer clic

Si quieres añadir una ventana emergente, necesitas comprar Elementor Pro. No puedes crear una plantilla popup en su versión gratuita. Así que, primero necesitas comprar Elementor Pro para empezar a hacer un pop-up. La versión Pro de Elementor bien vale el costo que cobran cada año.    Si quieres que te dejemos probar la versión Pro en uno de nuestros dominios, ponte en contacto con nosotros y podemos organizar una prueba.

Accede a tu panel de control e instala Elementor y Elementor Pro para empezar.    Vaya a WordPress Dashboard > Templates > Popups > Add new. Aparecerá una nueva ventana. En el menú desplegable, se seleccionará automáticamente la ventana emergente. Solo tienes que darle un nombre al popup y luego hacer click en Crear Plantilla.

A continuación, podrás elegir si quieres empezar con una de las muchas plantillas de popups prematuros de Elementor Pro. O simplemente puedes cerrar la librería de plantillas para abrir el Editor de Elementor, si prefieres crear el popup desde cero. - Todo depende de lo que te guste. Por lo tanto, para importar una plantilla elija la plantilla y luego haga clic en Insertar.  Cuando hagas click en insertar te pedirán que conectes la cuenta para obtener plantillas. Sólo tienes que hacer clic en empezar y te transferirá a la página web de Elementor. Si no has iniciado sesión tienes que hacerlo ahora. A continuación, obtendrá un botón para conectar a continuación, haga clic en conectar y la biblioteca se conectará a su sitio web. Y ahora, si hace clic en Insertar, se importará la plantilla. También podrá personalizar el diseño de la ventana emergente como desee después de la importación.

Elementor popup

Este post trata de cómo puedes hacerlo con un plugin de WordPress llamado Elementor. Aunque tocaré algunos puntos teóricos, se trata más del proceso real paso a paso de usar Elementor para crear varios tipos de formularios popup opt-in en tu sitio.

Además, podrás conectar estas ventanas emergentes a varios servicios populares de marketing por correo electrónico. O, si Elementor no tiene una integración directa con el servicio de marketing por correo electrónico que elijas, puedes conectarlo a Zapier.

Para acceder a esta funcionalidad, necesitarás el complemento Elementor Pro de 49 $, así como la versión básica gratuita de Elementor en WordPress.org. Este complemento no solo incluye la funcionalidad Popup Builder, sino también la creación de temas, más widgets y muchas otras funciones útiles.

Puedes usar cualquier widget de Elementor, lo que te da una gran flexibilidad sobre el diseño. Lo único que debes incluir es el widget de formulario, ya que es lo que te permite crear tu formulario de suscripción por correo electrónico.

Usando estas reglas, puedes crear dos popups personalizados para cada categoría con un CTA dirigido a ese tipo de contenido. Incluso algo tan simple como duplicar el mismo diseño, pero cambiando ligeramente el texto para orientarlo a la categoría, puede dar sus frutos.

Como crear popup en elementor gratis

Elementor Popups es el mejor plugin de popups para WordPress que hemos encontrado. Es rápido, fácil de usar y tiene muchas opciones de personalización y funciones avanzadas. Está incluido dentro del plugin Elementor Pro (por lo que técnicamente no es un plugin independiente). No tener que añadir un plugin adicional ayuda a mantener tu sitio web delgado y rápido.

El constructor de arrastrar y soltar de Elementor es increíblemente fácil de usar, lo que significa que no necesitas ningún desarrollo o codificación para construir tus popups con él. Y lo haremos aún más fácil explicando paso a paso cómo configurar una ventana emergente Elementor en tu sitio web.

En primer lugar, debes asegurarte de que tienes Elementor Pro instalado y configurado en tu sitio web WordPress. Una vez que lo tengas, deberías poder ver Popups en la sección Plantillas de tu panel de control de WordPress.

Aparecerá una caja de luz en la que podrás elegir un nombre para tu ventana emergente y seleccionar el tipo de plantilla que deseas utilizar (no la cambies de la predeterminada Popup). Cuando esté listo, haga clic en Crear plantilla.