¿Quieres abrir un popup de lightbox al hacer clic en un botón en tu sitio? Los popups de lightbox pueden ayudarte a generar más leads específicos y a aumentar tu lista de correo electrónico.
Si haces que el popup se abra cuando el usuario hace clic en un botón, puedes incitarlo a suscribirse a tu boletín, descargar un eBook o informe, y obtener cupones o descuentos.
En este tutorial, te mostraremos cómo crear fácilmente popups de lightbox que se abren al hacer clic para aumentar tus suscriptores y obtener más leads.
Creando popups de lightbox en WordPress al hacer clic de la manera correcta
Los popups pueden ser una excelente manera de impulsar conversiones y ayudar a que los negocios crezcan más rápido que muchos otros métodos.
Una de las formas más efectivas de mostrar tu popup es dejar que el comportamiento de tu usuario lo active. Por ejemplo, puedes crear un popup que se abra al hacer clic en un botón, como en el siguiente ejemplo:
De esta manera, el usuario no es bombardeado por un popup, sino que lo ve solo cuando muestra interés.
Estos popups funcionan bien si se usan correctamente. Quizás quieras ver cómo CodeinWP aumentó las conversiones en un 1000% usando popups que aparecen al hacer clic.
Pudieron hacerlo porque diseñaron una gran campaña que apareció donde los usuarios tenían más probabilidades de estar interesados en su popup.
Adaptaron sus popups, usaron pruebas A/B para verificar qué funciona y qué no, y tomaron decisiones basadas en datos. Como resultado, lograron un gran éxito.
La mejor parte es que crear un popup que se abra al hacer clic es más fácil de lo que piensas. ¡Ni siquiera requiere conocimientos de codificación o habilidades técnicas!
La verdad es que cualquiera puede crear fácilmente una campaña de popup exitosa en pocos minutos usando OptinMonster:
OptinMonster es, de lejos, el mejor plugin de generación de leads del mercado que facilita la creación de potentes campañas de pop-ups. Y es la forma más fácil de crear un pop-up que aparezca al hacer clic en un botón.
En resumen, OptinMonster es tu mejor opción para hacer crecer tu lista de correo electrónico, reducir el abandono de carritos y mejorar las conversiones de tu sitio web.
Al igual que CodeinWP, hay muchas más historias de éxito de OptinMonster que puedes consultar.
Ahora, veamos exactamente cómo puedes crear tu propio pop-up de tipo lightbox que se abre con un clic usando OptinMonster.
Cómo abrir un pop-up de lightbox al hacer clic
Te mostraremos cómo crear un pop-up visualmente impactante y hacer que se abra al hacer clic.
Lo primero que debes hacer es crear una cuenta de OptinMonster sin riesgo. Una vez que te hayas registrado, puedes instalar el plugin de OptinMonster en tu sitio para empezar.
Luego, simplemente tendrás que seguir los siguientes pasos.
1. Crea tu campaña de pop-up
Hay dos formas de acceder al panel de OptinMonster para crear campañas. Puedes iniciar sesión en tu cuenta en el sitio web de OptinMonster y crear una nueva campaña aquí:
También puedes visitar tu panel de administración de WordPress y seleccionar OptinMonster » Panel para acceder al mismo panel.
Cuando abras el panel, verás opciones para crear nuevos pop-ups, barras flotantes, slide-ins y más.
Para crear un pop-up de lightbox, selecciona Pop-up, y OptinMonster generará una lista de plantillas que están listas para crear tu campaña.
OptinMonster tiene más de 100 plantillas predefinidas entre las que puedes elegir, todas ellas se ven geniales en dispositivos móviles, de escritorio y tabletas.
Estas plantillas te ahorran horas de tiempo en el proceso de diseño. Pero también tienes la opción de crear una campaña desde cero con la plantilla Canvas.
Hoy, usaremos la plantilla Magnet para este tutorial. Cuando selecciones la plantilla, aparecerá un aviso donde podrás ingresar un nombre para tu campaña.
Luego, serás dirigido al editor de campañas de OptinMonster, donde podrás personalizar la plantilla.
2. Diseña tu campaña de pop-up
OptinMonster tiene un editor visual, lo que significa que puedes editar el pop-up tal como aparecería en tu sitio web.
Puedes empezar editando el titular. Simplemente selecciona el titular y las opciones de edición de texto aparecerán automáticamente arriba.
Ahora, puedes reemplazar el contenido con tu propio texto, cambiar el color, el tipo y tamaño de fuente, y la alineación. En el panel izquierdo, también verás un editor de texto que te permite cambiar el estilo y color de fondo, agregar una sombra paralela, y más.
De la misma manera, también puedes cambiar el texto del cuerpo del pop-up.
A continuación, haz clic en la imagen de la campaña. El editor de imágenes aparece a la izquierda, donde puedes reemplazar la imagen con la tuya. Puedes elegir una imagen de tu biblioteca de medios o subir una nueva desde tu computadora.
De forma similar, puedes elegir el banner morado y cambiar el color, eliminarlo o reemplazarlo con otra imagen.
En el editor de imágenes, verás opciones para cambiar la opacidad, el ancho, el borde de la imagen y más.
Después de editar la imagen, puedes editar el botón que dice 'Descargar mi eBook'. Puedes empezar seleccionando el botón y el editor de botones se abrirá en el panel izquierdo. Aquí, podrás cambiar el color, el texto y el estilo del botón:
Finalmente, ve a la pestaña 'Éxito' para cambiar el mensaje que se mostrará a los usuarios que se registren. Podrás reemplazar el texto y la imagen de la misma manera que lo hiciste en el editor de pop-ups:
Estos son solo algunos ejemplos de cómo puedes editar tus campañas de OptinMonster, aunque hay muchos otros. Para obtener más ayuda, puedes consultar este recurso: Cómo crear y diseñar tu primera campaña de OptinMonster.
Una vez que hayas personalizado el pop-up, es una buena idea guardar tu campaña haciendo clic en el botón 'Guardar' en la parte superior.
3. Configura las reglas de visualización en 'Al hacer clic'
Ahora que tu campaña de pop-ups está lista, puedes establecer una regla para que aparezca al hacer clic en tu sitio. Para hacer esto, cambia a la pestaña ‘Reglas de Visualización’.
Selecciona MonsterLink™ (Al hacer clic) y esto creará una regla que dice ‘Si el visitante hizo clic en un MonsterLink™’.
Si no ves esta opción de inmediato, puedes usar la barra de búsqueda en el menú de reglas de visualización:
No olvides guardar tus cambios. Esta regla te permitirá mostrar tu pop-up cuando un usuario haga clic en un enlace, botón o imagen específico en tu sitio.
4. Agrega un Proveedor de Correo Electrónico
Tu pop-up de visualización te ayuda a recopilar direcciones de correo electrónico de tus visitantes para que puedas promocionar tu marca o producto, o conectar con ellos por correo electrónico.
Por defecto, OptinMonster utiliza Monster Leads para capturar las entradas del formulario del pop-up. Esto significa que cuando alguien ingresa su nombre y dirección de correo electrónico en tu pop-up, se registrará automáticamente en Monster Leads.
Podrás ver todas estas entradas en tu panel de WordPress y te mostraremos cómo hacerlo una vez que tu campaña esté activa.
También puedes integrar la campaña de pop-ups con tu propio proveedor de correo electrónico como Constant Contact y SendInBlue.
Al integrarlo con tu proveedor de correo electrónico, puedes enviar correos electrónicos automatizados a quienes se suscriban a tu boletín o descuentos, o descarguen tu eBook, etc.
Para integrar tu proveedor de correo electrónico, selecciona la pestaña ‘Integraciones’ desde el panel de OptinMonster. Luego, haz clic en el botón ‘Agregar nueva integración’:
A continuación, en ‘Proveedor de Correo Electrónico’, puedes explorar la lista de integraciones de correo electrónico disponibles en el menú desplegable:
Una vez que selecciones tu proveedor de correo electrónico, desplázate hacia abajo para agregar notificaciones y etiquetas a las entradas de tu formulario pop-up para organizar mejor tus campañas.
No olvides guardar tus integraciones una vez que hayas terminado.
5. Publica tu Campaña
El siguiente paso es activar tu campaña de pop-up en tu sitio.
Primero, asegúrate de guardar tu campaña y luego haz clic en la pestaña ‘Publicar’. Aquí, puedes cambiar el estado de tu campaña de ‘Borrador’ a ‘Publicado’. Si no estás listo para lanzar tu campaña, también puedes programar una fecha y hora para que la campaña se active.
Puedes previsualizar cómo se verá la campaña en tu sitio seleccionando el botón ‘Vista previa’. Una vez que estés satisfecho con todos los cambios, guarda tus cambios para que la campaña se active.
Para asegurarte de que tu campaña se ha publicado, visita la pestaña OptinMonster » Campañas desde tu panel de WordPress. Si ves que el estado es ‘Pendiente’, haz clic en él para obtener un menú desplegable y luego selecciona ‘Publicar’ para que tu campaña se active.
Lo único que queda es añadir la URL de tu popup a un enlace en el que se pueda hacer clic en tu sitio web.
6. Añadir popup al hacer clic en tu sitio de WordPress
OptinMonster te permite añadir el popup al hacer clic en cualquier texto, botón o en tu menú principal.
Primero, necesitas copiar el MonsterLink™ que creaste anteriormente. En el panel de OptinMonster, ve a la pestaña Publicado. Debajo de ‘Plataformas’, verás una opción para obtener un enlace para compartir.
Copia este enlace y tenlo listo para el siguiente paso.
Ahora, te mostraremos cómo usar este enlace para añadir el popup al hacer clic en texto, un botón o incluso el menú principal de tu sitio web.
1. Añadir MonsterLink™ a un botón y texto
Puedes añadir fácilmente el MonsterLink™ a cualquier texto o botón en WordPress. Para hacer esto, edita la página o publicación donde quieras añadir el enlace.
En el editor de bloques, añade un botón a tu página o publicación haciendo clic en el signo (+) y seleccionando el bloque de botón. Una vez que hayas añadido un botón, selecciónalo para abrir el menú de configuración del bloque. Ahora, haz clic en el icono de enlace para abrir el campo de enlace, y puedes pegar el MonsterLink™ dentro.
De manera similar, puedes seleccionar cualquier texto en tu sitio, seleccionar el icono de enlace y pegar el enlace para incrustar el popup. Una vez que hayas terminado, guarda o publica tu publicación y luego previsualízala para ver cómo funciona tu popup.
2. Añadir MonsterLink™ a un menú de WordPress
Si deseas agregar tu enlace a tu menú de WordPress, puedes hacerlo visitando la pestaña Apariencia » Menús en tu panel de WordPress.
Dentro de esta página, puedes seleccionar ‘Enlaces personalizados’ y verás que aparece un menú desplegable que te permite ingresar una URL y el texto del enlace.
Pega el MonsterLink™ aquí y agrega el texto del enlace según el contenido de tu campaña emergente.
Una vez que hayas completado los campos, selecciona el botón ‘Agregar al menú’ y luego Guarda tu menú.
Después de esto, dirígete a tu sitio de WordPress y verás que el enlace a tu campaña emergente al hacer clic aparece en tu menú.
Ahora, tu ventana emergente aparecerá cuando un usuario haga clic en el texto, botón o elemento del menú donde hayas agregado el MonsterLink™.
Rastrea los clientes potenciales de tu campaña emergente y optimiza para el éxito
OptinMonster te permite crear ventanas emergentes atractivas para aumentar tus clientes potenciales y hacer crecer tu negocio, pero eso no es todo. También te ayuda a rastrear el éxito de tus campañas para ver qué tan bien están funcionando.
OptinMoster utiliza Monster Leads para registrar todas las entradas de tu formulario emergente. Puedes encontrar la lista de entradas en la pestaña OptinMonster » Suscriptores. Serás dirigido a la pestaña Clientes potenciales en el panel de OptinMonster.
Aquí, puedes ver el nombre del suscriptor, la dirección de correo electrónico y la fecha. Puedes usar el menú de acciones para ver más detalles, enviarles un correo electrónico o eliminar su entrada.
A continuación, puedes ver los datos de tu campaña para ver qué tan exitosa es. Para ello, necesitas abrir la pestaña OptinMonster » Campañas y verás una lista de las campañas que has creado.
Para ver los datos y estadísticas de cualquier campaña, selecciona el ícono de análisis en el menú Acciones:
Aquí, puedes ver un gráfico de cuántas personas han visto tu campaña emergente y cuántas se han suscrito. También puedes verificar qué páginas o enlaces conducen a las mayores conversiones.
De esta manera, puedes determinar dónde está el usuario más interesado en tu ventana emergente.
OptinMonster también te da la opción de integrar la campaña con tu cuenta de Google Analytics.
Con información útil, puedes hacer cambios en tu campaña para aumentar tu tasa de éxito de conversiones.
¡Eso es todo! Esperamos que hayas encontrado útil esta publicación. Si te gustó este artículo, también podrías estar interesado en:
- Los mejores servicios de marketing por correo electrónico para pequeñas empresas
- Los mejores plugins de generación de leads para WordPress
- Crea popups automatizados de notificación de ventas recientes
Estos artículos están repletos de información para ayudarte a generar nuevos leads, aumentar las ganancias y hacer crecer tu negocio.
Comentarios Dejar una respuesta