Cómo abrir una ventana emergente de Lightbox al cargar la página (la forma más fácil)

¿Está buscando una manera fácil de activar una ventana emergente de caja de luz al cargar la página?

Al agregar una ventana emergente de caja de luz a su sitio web, puede captar la atención de sus visitantes cuando visitan su sitio.

Pero puede ser complicado crear una ventana emergente bien diseñada que aparezca exactamente donde y cuando lo desee.

Afortunadamente, no tiene que codificar o diseñar una ventana emergente de caja de luz desde cero.

En este tutorial, aprenderá cómo crear una ventana emergente de caja de luz al cargar la página con facilidad.

Por qué abrir una ventana emergente al cargar la página

Antes de sumergirnos en el tutorial, aclaremos los beneficios de mostrar una ventana emergente al cargar la página.

Con una ventana emergente de caja de luz, puede:

  • Crea tu lista de correo electrónico
  • Dirija el tráfico a su mejor contenido
  • Incremento de ventas

Aquí está la ventana emergente de caja de luz que crearemos hoy.

Entremos en ello.

Cómo mostrar una ventana emergente al cargar la página

Para el tutorial de hoy, usaremos OptinMonster.

OptinMonster es la mejor herramienta para crear una ventana emergente de caja de luz al cargar la página. Le permite crear fácilmente una ventana emergente llamativa utilizando un generador de arrastrar y soltar.

Página de inicio de OptinMonster

Con OptinMonster, podrá elegir entre más de 50 impresionantes plantillas de caja de luz predefinidas. Todos responden, por lo que funcionan en cualquier dispositivo.

Además, OptinMonster se conecta fácilmente con cualquier sitio web, ya sea que esté usando WordPress, Shopify, Joomla o cualquier otro CMS.

La mejor parte es que tendrá control total sobre quién ve su ventana emergente y cuándo gracias a la amplia selección de configuraciones de pantalla de OptinMonster.

Regístrese en OptinMonster hoy. Es libre de riesgos con nuestra garantía de devolución de dinero de 14 días.

¡Comience hoy mismo con una ventana emergente de Lightbox!

Paso 1: seleccione su plantilla Lightbox

Lo primero que debe hacer es iniciar sesión en su cuenta de OptinMonster.

Luego, haga clic en Crear nueva campaña desde su tablero.

Crear un nuevo botón de campaña de OptinMonster

A continuación, elija su tipo de campaña.

OptinMonster proporciona múltiples campañas, como barra flotante, tapete de pantalla completa, cuadro de desplazamiento deslizable y más.

Para este tutorial, iremos con Surgir.

Elija el tipo de campaña de OptinMonster

Ahora, puede continuar y seleccionar su plantilla.

Verá que OptinMonster viene con una amplia selección de plantillas.

Y podrá filtrar por su objetivo para limitar su búsqueda:

  • Aumentar la lista de correo electrónico
  • Orientar a los visitantes que abandonan el sitio
  • Redirigir el tráfico
  • Oferta urgente

Descripción general de las plantillas de campaña de OptinMonster

Hoy, usaremos la plantilla Win.

Plantilla de victoria de OptinMonsters

Asigne un nombre a su campaña y haga clic en Empezar a construir para entrar en el editor.

Nombre de la ventana emergente de la caja de luz al cargar la página

En el siguiente paso, personalizará la ventana emergente de su caja de luz.

Paso 2: Personaliza tu ventana emergente Lightbox

Diseñar la ventana emergente de tu caja de luz es fácil con el generador de arrastrar y soltar de OptinMonster.

No es necesario utilizar CSS para personalizar su ventana emergente. Todo lo que necesita hacer es hacer clic en cualquier parte de su ventana emergente para editarla. Realmente es así de simple.

Incluso si no tiene experiencia en diseño o código, puede crear una hermosa ventana emergente de caja de luz en minutos.

Veamos cómo funciona esto.

Para cambiar el texto, simplemente haga clic en él.

Desde aquí, puede cambiar los colores, el texto y la fuente.

Editor de texto en línea para Win Template

Del mismo modo, para cambiar el texto y el estilo del botón, simplemente haga clic en él.

Esto abrirá las herramientas de edición a la izquierda.

Editor de botones de plantilla Win

Ahora, puede cambiar el color y el texto de su botón. Además, controle lo que sucede cuando alguien hace clic en el botón. Por ejemplo, puede redirigirlos a una parte diferente de su sitio web.

También tiene la libertad de agregar funciones a su ventana emergente.

Simplemente haga clic en Agregar bloques en la parte superior del editor.

Agregar bloques

Desde aquí, puede elegir:

Simplemente arrastre y suelte el bloque en su lugar en su ventana emergente.

Agregar nuevo bloque a la plantilla de Win

Recuerda hacer clic Ahorrar en la parte superior de su editor para guardar su trabajo.

Botón Guardar de OptinMonster

Cuando esté satisfecho con su diseño, estará listo para mostrar su ventana emergente.

Paso 3: Muestre su ventana emergente Lightbox al cargar

Ahora, controlará la pantalla para asegurarse de que puede abrir su ventana emergente al cargar la página.

Una de las mejores cosas de OptinMonster es que tiene un control total sobre cuándo y dónde aparece su ventana emergente.

Estas son algunas de las opciones de orientación disponibles para usted:

  • Mostrar solo a los visitantes que regresan
  • Aparecen en páginas específicas
  • Mostrar cuando alguien abandona el sitio
  • Abrir al hacer clic

También puede ocultar su ventana emergente para que la gente solo la vea una vez.

Hoy, queremos asegurarnos de abrir la caja de luz al cargar la página.

Primero, dirígete a Reglas de visualización.

Reglas de visualización de OptinMonster

De forma predeterminada, su ventana emergente se cargará en cada página después de 5 segundos.

Buscar y seleccionar Tiempo en el sitio.

Regla de visualización del tiempo en el sitio de OptinMonster

Cambiar a inmediato.

Regla de tiempo en el sitio inmediato

En el siguiente paso, agregaremos integraciones de correo electrónico.

Paso 4: conecte su proveedor de servicios de correo electrónico

Si desea utilizar su ventana emergente para recopilar correos electrónicos, debe agregar su proveedor de servicios de correo electrónico.

Esto es muy fácil con OptinMonster.

Hacer clic Integraciones en la parte superior del editor.

Cinta de integraciones

Luego, haga clic en Agregar nueva integración.

Agregar nueva integración de OptinMonster_

Seleccione su proveedor de servicios de correo electrónico en el menú desplegable.

Menú desplegable del proveedor de correo electrónico de OptinMonster

Siga las indicaciones para conectar OptinMonster con su integración.

El último paso es publicar la ventana emergente de tu caja de luz.

Paso 5: Publique su ventana emergente Lightbox

Publicar su ventana emergente es rápido y fácil.

Hacer clic Publicar en la parte superior de su editor.

Cinta de publicación de OptinMonster

Cambiar el estado a Publicar.

Publicar una ventana emergente de caja de luz al cargar la página

Ahora, todo lo que necesita hacer es conectar su sitio web.

Si está utilizando WordPress, OptinMonster tiene un complemento de WordPress que facilita la publicación de su ventana emergente.

Consulte esta guía: Cómo integrar OptinMonster con WordPress

¿No usas WordPress?

No hay problema.

Aquí hay una guía simple para agregar OptinMonster a cualquier sitio web.

Ahí tienes. Ahora, conoce la forma más fácil de abrir una ventana emergente de caja de luz al cargar la página usando OptinMonster.

¡Comience hoy mismo con una ventana emergente de Lightbox!
Esperamos que haya disfrutado de este artículo.

Si desea crear una ventana emergente de caja de luz que convierta a los visitantes de su sitio, puede disfrutar de estos recursos:

¿Listo para crear una ventana emergente de caja de luz que se abre al cargar la página? Obtenga OptinMonster ahora.