Cómo crear una caja emergente de Lightbox en su sitio (paso a paso)

¿Busca una forma de crear una caja emergente de Lightbox para su sitio? Una ventana emergente de Lightbox puede ser increíblemente efectiva para capturar clientes potenciales. Están diseñados para convencer y convertir. Pero tienes que codificar uno desde cero es un verdadero dolor. En primer lugar, debe saber suficiente HTML, CSS y JavaScript para crear la ventana emergente con las reglas de activación para cuándo mostrarlo. Luego deberá crear una integración manual con el proveedor de servicios de correo electrónico. Y finalmente, deberá lidiar con cualquier problema de confidencialidad y seguridad.
Buenas noticias: hay una manera mucho más simple. En este artículo, le mostraremos cómo lanzar una ventana emergente de Lightbox con cero codificación en menos de 10 minutos. Vamos a bucear. ¿Qué es una caja emergente de Lightbox? Una ventana emergente de Lightbox es un formulario de registro que aparece con un efecto cinematográfico. Cuando aparece una caja de caja de luz, el resto del sitio se desvanece en el fondo. De esta manera, toda su atención está en la ventana emergente.

Inicialmente, el concepto de cajas de luz proviene de la publicidad externa:

Y luego, algunos desarrolladores creían que este era un gran efecto y creó una biblioteca JavaScript para recrear el mismo efecto en los activos web. Más tarde, entró en juego la idea de usar ventanas de la caja de luz emergente.
¿Por qué Pop-Up Lightbox Windows Wink Lightbox Windows capturan más correos electrónicos que un formulario de registro de correo electrónico tradicional? ¿Pero por qué trabajas? Echemos un vistazo rápido a las razones principales por las cuales las ventanas emergentes de pightbox funcionan muy bien. #1. Windows de Lightbox emergente muestra un impulso claro de la acción que la mayoría de la gente piensa que es una gran cosa dar a sus clientes muchas opciones. Pero eso no es realmente cierto. Si está buscando conversiones directas, desea una sola necesidad de acción que su audiencia pueda concentrarse. De esta manera, elimine todas las distracciones de la mente del usuario. Y las ventanas de la caja de luz emergente hacen un gran trabajo al resaltar su oferta básica y hacer que las personas se concentren en su impulso. Entonces, por supuesto, las tasas de conversión son bastante altas. #2. Las ventanas emergentes de Lightbox son imposibles de ignorar las ventanas de la caja de luz emergente ocupan toda la pantalla y difuminan todo. Por lo tanto, es prácticamente imposible ignorarlos. Esto es especialmente cierto si está animado:
Por supuesto, debe asegurarse de que las ventanas emergentes no sean intrusivas. Y puede hacer esto personalizando cuándo activar diferentes ventanas emergentes en su sitio siempre que su audiencia no esté molesta por la interrupción, puede convencer y convertir muy fácilmente. #3. Las ventanas emergentes de Lightbox tienen desencadenantes personalizados no deben mostrar la misma oferta a todos sus visitantes web. Si ejecuta una tienda de comercio electrónico, necesitará ofertas muy diferentes para nuevos clientes y aquellos que regresan.

Para un nuevo cliente, puede activar una campaña de bienvenida:
Pero para un cliente que regrese, es posible que desee enviarle una oferta diferente:

Observe cómo las cantidades de descuentos para ambas ofertas son exactamente las mismas. Pero la forma en que se enmarca la oferta es drásticamente diferente. Y esto es muy importante, porque las ventanas de la caja de luz emergente se crean para efectos teatrales. Por lo tanto, un enfoque más personalizado definitivamente le traerá resultados mucho mejores. Incluso puede personalizar la oferta de acuerdo con las preferencias de contenido del usuario. Si leo un artículo sobre las recetas de la cena, es más lógico mostrarles una oferta relacionada con las recetas de la cena que mostrarles una oferta para automóviles.

#4. Las ventanas emergentes de Lightbox pueden capturar los visitantes abandonados de Lightbox son solo una pantalla emergente. Por lo tanto, nada le impide personalizar el desencadenante en la medida que desea. Le recomendamos que cree ventanas de caja de luz emergente con la intención de salir.

Las ventanas emergentes con la intención de salir se activan cuando sus visitantes intentan abandonar su sitio como resultado, recuerde una gran cantidad de visitantes que de otro modo habrían abandonado su sitio. Entonces, si sufre el abandono del sitio, al UL. Definitivamente deberías crear un cuadro emergente con la intención de salir.

Cómo crear un cuadro emergente de Lightbox ahora que entiendes qué es un cuadro emergente de Lightbox y por qué te gustaría crear uno, cómo crear una ventana emergente de Lightbox? Recomendamos usar OptinMonster para crear sus ventanas emergentes.
OptinMonster es las herramientas de conversión Set 1 en el mundo y las usé solas. OptinMonster hace que sea muy simple crear ventanas emergentes fuertes que se conviertan. Y nunca tendrá que usar ninguna codificación. Incluso escribí una revisión completa de OptinMonster. Puede verificar esto o comenzar la campaña ahora mismo. Todo lo que tiene que hacer es inscribirse en OptinMonster y seguir el resto de este artículo. Pasis #1: Cree una campaña Vaya al tablero OptinMonster y presione el botón de creación:

Seleccione el tipo de campaña emergente de Lightbox:
Luego elija una plantilla de campaña. Puede elegir cualquier plantilla que desee, pero elegiremos el tipo de campaña simple para este tutorial.


Ahora, da un nombre a tu campaña. Recuerde, este nombre de campaña es para usted y probablemente creará muchas de estas ventanas emergentes con diferentes opciones de dirección. Así que dale a la campaña un nombre significativo o realmente te confundirás más tarde. Además, dependiendo de su plan, también puede usar OptinMonster en varios sitios. Así que seleccione el sitio que desea mostrar su campaña.

Presione comenzar a construir cuando haya terminado. Paso 2: Edite emergente con OptInmonster, obtendrá un generador emergente visual a través de arrastrar y soltar. Después de haber terminado de crear la campaña, podrá editar incluso los detalles más pequeños sobre emergentes. Comience editando el título emergente:

La parte más sorprendente aquí es que hace clic en cualquier texto que desee editar y cambiar en línea. No es necesario completar un formulario o editar ningún código HTML en la ventana emergente. Luego, ajuste el texto y la apariencia del botón para crear un impulso claro a la acción: cuando esté satisfecho con la apariencia de su ventana emergente, puede ir a la configuración más avanzada.

Paso 3: Establezca las reglas de visualización Las reglas de visualización están destinadas a definir cuándo aparece su campaña en el sitio y quién lo ve.

Nuestra recomendación es cambiar la condición de activación a la salida:

Haga clic en el siguiente paso para elegir la acción. Aquí, le recomendamos que establezca la vista Vista Vista Vista Vista, para establecer el programa Monsterfect en cualquier animación de entrada que desee y reproducir el efecto de sonido en cualquier efecto de sonido para su ventana emergente.
Luego haga clic en el botón Siguiente paso. Puede ver la magnitud completa de su configuración en la pestaña Resumen. Paso #4: Configure su integración de correo electrónico El siguiente paso es configurar su integración de correo electrónico. Haga clic en Agregar una nueva integración en la pestaña Integración y seleccione su proveedor de correo electrónico:

Recomendamos usar el marketing de correo electrónico si aún no tiene un proveedor de servicios de correo electrónico. Paso 5: Publique la ventana emergente con la caja de luz Al crear una nueva campaña, está predeterminada. Vaya a la pestaña de publicación en el menú superior para ver las opciones de publicación. Luego establezca el estado para publicar y seleccione la plataforma del sitio web:

Si está ejecutando un sitio de WordPress, el complemento OptInmonster está a cargo del resto de la configuración automáticamente. Es lo mismo para Shopify y BigCommerce. Para cualquier otro sitio, haga clic en cualquier sitio e inserte el código de incorporación en la cabeza de su sitio: ¡ha terminado! Este fin es para eso, ¡buenas personas! Cuéntanos si este artículo ha ayudado. Crear ventanas emergentes en su sitio puede ayudarlo a convertir su tráfico en correo electrónico y potenciales clientes comerciales. Y le recomendamos que comience a crear ventanas de la caja de luz emergente de inmediato. Y si está buscando una forma accesible de aumentar su tráfico, recomendamos usar notificaciones push. Las notificaciones push pueden ayudarlo a generar un tráfico y participación más repetidos en el sitio. También puede crear campañas automáticas de notificación push que generen ventas. ¿No estás convencido? Consulte estos recursos:

7 estrategias inteligentes para estimular la participación del cliente

¿Son efectivas las notificaciones push? 7 estadísticas + 3 consejos de expertos

Cómo configurar las notificaciones push para la canasta abandonada (tutorial fácil)

Recomendamos usar Pushengage para crear sus campañas de notificación push. Pushengage es el software de notificación push número 1 en el mundo. Entonces, si aún no lo ha hecho, ¡comience con Pushngage hoy!