Cómo activar una ventana emergente de Elementor en un clic de enlace

¿Está utilizando Elementor para su sitio y desea agregar un botón que active una ventana emergente?

Elementor se ha convertido en uno de los creadores de páginas más populares en WordPress. Es fácil de usar y no requiere ningún conocimiento técnico o habilidades de codificación para comenzar.

Pero, a veces, es posible que desee agregar ciertas funciones a su sitio que Elementor no admite de forma nativa. Una de estas características incluye agregar una ventana emergente que aparece cuando los usuarios hacen clic en un botón o enlace.

Es por eso que, hoy, le enseñaremos cómo crear una ventana emergente de Elementor que se active mediante un enlace en el que se puede hacer clic.

Pero primero, hablemos de por qué las ventanas emergentes en las que se puede hacer clic son tan importantes en primer lugar.

¿Por qué se activa una ventana emergente de Elementor con un clic?

Probablemente esté familiarizado con las ventanas emergentes tradicionales de su propia experiencia de navegación web: visita un sitio y, después de haber ingresado, aparece una ventana emergente con una notificación o un formulario para completar.

Dependiendo de cuán personalizadas sean estas ventanas emergentes, pueden ser una forma efectiva de hacer crecer su lista de correo electrónico, distribuir formularios de comentarios, impulsar las ventas y más.

Pero hay otra estrategia que es aún más efectiva para atraer a los usuarios y, a menudo, tiene altas tasas de conversión: enlaces o botones en los que se puede hacer clic que activan la campaña emergente.

En este escenario, su usuario navega por su sitio. Luego, ven un botón con una fuerte llamada a la acción (CTA). Cuando hacen clic en el botón, aparece la ventana emergente. Eso se parece a esto:

MonsterLinks GIF

Pero, ¿qué hace que este disparador en el que se puede hacer clic funcione tan bien? Todo se reduce a algo conocido como efecto Zeignarik.

El efecto Zeignarik es un principio psicológico que sugiere que las personas (incluidos los consumidores en línea) tienen más probabilidades de terminar un proceso una vez que lo han iniciado.

Y esto es lo que hace que las ventanas emergentes en las que se puede hacer clic sean tan poderosas.

Porque en la mayoría de las campañas de suscripción que verá en línea, la ventana emergente aparece inesperadamente en la pantalla. Pero con un disparador emergente en el que se puede hacer clic, en realidad es el usuario quien inicia el proceso. Como resultado, será más probable que lo terminen si se inscriben.

Otra gran ventaja de estas ventanas emergentes es que es más probable que sean vistas por clientes potenciales más cálidos. Esto se debe a que las personas que hacen clic en el botón ya muestran interés en cualquier información u oferta que se encuentre en la ventana emergente de Elementor.

Eso significa que está aumentando su lista o mostrando sus ofertas promocionales a las personas que están preparadas para optar.

Pero ahora entra en juego la verdadera pregunta: ¿cómo se crea una ventana emergente que aparece al hacer clic en un botón si está utilizando Elementor como su creador de páginas?

Para eso, no hay herramienta más fácil que OptinMonster:

Página de inicio de OptinMonster

OptinMonster es la mejor solución para crear una ventana emergente en la que se puede hacer clic con Elementor. De los muchos disparadores poderosos que ofrecemos, MonsterLinks ™ son los que impulsan las ventanas emergentes en las que se puede hacer clic.

Con MonsterLinks ™, instantáneamente tiene un código incrustable para su campaña emergente que se puede insertar en cualquier enlace o botón. Eso significa que puede crear impresionantes campañas emergentes en cuestión de minutos con nuestro generador de arrastrar y soltar.

Luego, puede insertar estas ventanas emergentes en su sitio en solo unos segundos.

Esto incluye agregar un botón emergente o un enlace en el que se puede hacer clic con Elementor. De hecho, aquí está la ventana emergente de Elementor que creamos para la demostración de hoy:

Demostración emergente de Elementor

Esto tomó menos de 5 minutos. para crear, diseñar e incrustar en la página Elementor de nuestro sitio.

Pero si ha trabajado con Elementor en el pasado, probablemente esté familiarizado con su generador de ventanas emergentes incorporado. Lo que plantea la pregunta: ¿por qué usaría OptinMonster para Elementor en lugar del generador de ventanas emergentes de Elementor?

Eso es fácil.

Si bien el generador de ventanas emergentes de Elementor es una buena herramienta para campañas básicas, OptinMonster tiene muchas más reglas y funciones de orientación avanzadas que no se pueden ignorar.

Al final del día, ofrecemos más formas de personalizar las ventanas emergentes de su sitio a su experiencia de usuario (UX). Este nivel de personalización genera mayores tasas de conversión en sus sitios y más ventas para su empresa.

De las muchas funciones avanzadas que ofrece OptinMonster, estas son solo algunas que no están incluidas en el generador de ventanas emergentes de Elementor:

  • Retargeting de cookies que le ayuda a reorientar sus campañas emergentes para impulsar las conversiones
  • OnSite Follow Up Campaigns® que rastrea cómo los usuarios interactúan con otras campañas en su sitio para determinar si aparecerá su ventana emergente
  • AdBlock Detection, que le ayuda a mostrar su campaña a los usuarios con adblockers habilitados en su navegador.

Y muchos más. La conclusión es que Elementor es principalmente un creador de páginas para WordPress que tiene un generador de ventanas emergentes en el lateral.

OptinMonster, por otro lado, se centra exclusivamente en conseguirle las mayores conversiones posibles a través de campañas de suscripción. Es lo único que hacemos y por eso lo hacemos mejor.

¿Listo para verlo en acción? Simplemente haga clic a continuación para comenzar con su cuenta OptinMonster sin riesgos.

¡Cree una ventana emergente de Elementor hoy!

¡Ahora, profundicemos en el tutorial!

Cómo hacer una ventana emergente de Elementor en la que se puede hacer clic

Antes de comenzar, deberá conectar su cuenta de OptinMonster con su sitio de WordPress. Afortunadamente, eso no podría ser más fácil con el complemento de WordPress de OptinMonster.

Consulte esta publicación para saber cómo descargar y activar el complemento OptinMonster para conectar su cuenta.

Desde allí, todas sus campañas se pueden controlar desde su panel de control de OptinMonster o desde su panel de administración de WordPress.

Una vez que haya conectado su sitio, estará listo para comenzar.

Paso 1: seleccione el tipo y la plantilla de su campaña

Cuando haya terminado de registrarse, diríjase a su panel de OptinMonster. En la esquina superior derecha de la pantalla, haga clic en Crear nueva campaña:

Crea una nueva imagen final de la campaña

Luego, deberá elegir su tipo de campaña. Para el tutorial de hoy, seleccionaremos un Surgir Campaña:

Elija tipos de campañas emergentes

Ahora es el momento de seleccionar su plantilla:

Plantillas de OptinMonster

OptinMonster tiene más de 50 plantillas prediseñadas para elegir. Esto significa que puede crear impresionantes ventanas emergentes en cuestión de minutos sin necesidad de conocimientos de codificación.

Y si quieres algo 100% único para tu marca, siempre puedes elegir nuestro Lienzo plantilla:

Plantilla de lienzo en OptinMonster

Esta es una plantilla en blanco que le permite crear su ventana emergente Elementor desde cero. Pero, como todas nuestras campañas, todavía no necesita ninguna habilidad técnica para comenzar.

Eso es porque, como verá en un momento, nuestro generador de arrastrar y soltar hace que diseñar su ventana emergente sea muy fácil.

Hoy, iremos con el Básico plantilla:

Crear una plantilla básica de campaña en línea

Cuando haya elegido la plantilla que funcionará mejor para su sitio web, deberá nombrar su campaña, asignarla a su sitio y hacer clic en Empezar a construir:

Nombre y conecte su sitio web

Entonces será el momento de comenzar a diseñar su ventana emergente Elementor.

Paso 2: diseña tu ventana emergente

Ahora estás en tu editor de OptinMonster. Como verá, diseñar su campaña es fácil.

No veremos todas las formas en que puede modificar su campaña. Francamente, hay demasiadas opciones de personalización para cubrir en una publicación.

Si es nuevo en el uso de OptinMonster o necesita un repaso rápido, le recomendamos que consulte este recurso útil sobre cómo crear su primera campaña.

Por hoy, solo necesitas saber lo básico.

Todas nuestras campañas se componen de bloques de elementos o “bloques” para abreviar. Estos incluyen cosas como:

  • Bloques de texto
  • Bloques de imágenes
  • Bloques de campo de opción (donde solicita un nombre y una dirección de correo electrónico)
  • Bloques de botones
  • Y mucho más

Puede cambiar el bloque de texto en su ventana emergente de Elementor usando nuestro editor de texto en línea. Eso significa que puede hacer clic en el texto que desea modificar y cambiarlo directamente en el editor:

Cambiar el texto con la plantilla básica

Y si desea cambiar otros aspectos de su ventana emergente, solo necesita hacer clic en él en su editor de OptinMonster. Luego, las herramientas de edición aparecerán en el lado izquierdo:

Editar bloques en la plantilla básica

Y si cree que falta algo en su campaña, puede agregar fácilmente un nuevo bloque. Simplemente haga clic en + Agregar bloques en la parte superior del menú del editor:

Agregar bloque a elementor popoup

Luego, seleccione el bloque que desea agregar en el menú de la izquierda para arrastrarlo y colocarlo en su lugar en su campaña:

Arrastra y suelta el bloque de texto en la plantilla básica

Nuevamente, diseñar su campaña de OptinMonster es muy fácil, incluso si no tiene ninguna habilidad técnica.

Aquí está la ventana emergente que creamos para el tutorial de hoy:

Demostración de la imagen emergente de Elementor

Esto nos llevó menos de 5 minutos diseñar y se puede incrustar en cualquier enlace o botón de Element en solo unos minutos.

Y en esa nota, veamos cómo crear tu MonsterLink ™.

Paso 3: Crea e inserta tu MonsterLink ™

En la parte superior del menú de tu editor, haz clic en Reglas de visualización:

Editor de OM de reglas de visualización

De forma predeterminada, todas nuestras campañas tienen 2 reglas de visualización establecidas:

  • El tiempo en la página es de 5 segundos
  • La campaña aparecerá en todas las páginas de su sitio.

Para cambiar esto, haga clic en la primera regla para abrir el menú de reglas de visualización:

Menú desplegable de reglas de visualización

En la barra de búsqueda, escriba MonsterLink ™. Cuando aparezca la opción, haga clic en ella en el menú de reglas de visualización:

Encuentra MonsterLink en el menú de pantalla

¡Y eso es! Su MonsterLink ™ se generará automáticamente. Todo lo que necesitas hacer es hacer clic Dupdo Código MonsterLink ™:

Copie el código de MonsterLink para la ventana emergente en la que se puede hacer clic

Esto le dará el enlace HTML incrustable que se ve así:

¡Suscríbase ahora!

Pero si está creando su sitio con Elementor, no necesitará el HTML completo. En su lugar, simplemente necesitará la URL para su ventana emergente en la que se puede hacer clic.

Puede tomar la URL del HTML (es todo entre las comillas, comenzando con “https: //“):

https://app.monstercampaigns.com/c/y7snphtfpicxdcx3zpc2/

Ahora diríjase a su sitio de WordPress y abra la página que está creando con Elementor. Luego puede agregar esta URL a su texto o botón como lo haría con cualquier URL:

Agregue su enlace para el elemento o ventana emergente

Y así, su página de Elementor tendrá una ventana emergente en la que se puede hacer clic una vez que se publique su campaña de OptinMonster.

Pero primero, es posible que desee agregar su proveedor de servicios de correo electrónico si está utilizando esta campaña para hacer crecer su lista de correo electrónico.

Paso 4: Integrar con su ESP (opcional)

En muchos casos, puede usar su ventana emergente Elementor para hacer crecer su lista de contactos y mejorar su estrategia de marketing por correo electrónico.

Si es así, dirígete a Integraciones en la parte superior del menú de edición de OptinMonster:

Integraciones en el menú superior

Luego, en el lado izquierdo, haga clic en Agregar nueva integración:

Agregar nueva integración

Y seleccione su proveedor de servicios de correo electrónico en el menú desplegable:

Lista de proveedores de servicios de correo electrónico OM

Entonces solo es cuestión de agregar su clave API y conectar su ESP. Los pasos exactos variarán según la plataforma que use, pero todos se pueden conectar en solo uno o dos minutos.

¿No ve su ESP en la lista? Eso no es un problema. Consulte este útil artículo sobre cómo conectar OptinMonster con cualquier ESP.

Todo lo que queda es publicar su campaña.

Paso 5: publique su campaña

Cuando esté satisfecho con el diseño de su ventana emergente Elementor y lo haya integrado con su ESP, haga clic en Publicar en la parte superior del menú del editor:

Haga clic en Publicar cuenta OM

Ahora cambie el estado de su campaña de Borrador para Publicado:

Publique su campaña OptinMonster

¡Y eso es! Su ventana emergente Elementor ya está lista para funcionar.

Así es como se ve nuestra ventana emergente Elementor en acción:

Demostración emergente de Elementor

Nuevamente, todo el proceso tomó menos de 5 minutos para crear, diseñar e integrar la campaña.

Si publicó su campaña pero recibe un mensaje de que su sitio aún no está conectado, no hay problema. Regrese al comienzo de este tutorial para aprender cómo conectar OptinMonster con su sitio de WordPress.

¡Cree una ventana emergente de Elementor hoy!

Esperamos que este tutorial le haya resultado útil. Si está utilizando su ventana emergente Elementor para hacer crecer su lista de correo electrónico, entonces puede encontrar útiles los siguientes recursos:

Estos artículos tendrán todo lo que necesita para aprender las mejores estrategias para hacer crecer y monetizar su lista de correo electrónico.

¿Listo para comenzar? ¡Haga clic aquí para iniciar hoy su cuenta OptinMonster sin riesgos!