Cómo crear una ventana emergente de página completa (la forma más fácil)

¿Está buscando la forma más sencilla de crear una ventana emergente de página completa?

Una ventana emergente de pantalla completa lo ayuda a llamar la atención de los visitantes al instante cuando llegan a su sitio. Los propietarios de sitios web utilizan ventanas emergentes de pantalla completa para aumentar sus suscriptores, el tráfico del sitio y las ventas.

En este tutorial, aprenderá el método más simple para crear una ventana emergente de página completa.

Uso de una ventana emergente de página completa

Hay varias razones por las que es posible que desee agregar una ventana emergente de pantalla completa a su sitio web.

Una ventana emergente de superposición de pantalla completa cubrirá toda la pantalla, atrayendo la atención de los visitantes de su sitio hacia su mensaje. Esto lo convierte en una opción ideal para mostrar una oferta o un mensaje importante a sus visitantes.

Los propietarios del sitio utilizan ventanas emergentes de pantalla completa para:

  • Bienvenidos nuevos visitantes
  • Ofrezca un cupón de descuento
  • Dirija a los visitantes a su mejor contenido
  • Envíe visitantes a sus perfiles de redes sociales

Cómo crear una ventana emergente de página completa

Hoy, usaremos OptinMonster para crear una ventana emergente de página completa.

OptinMonster es la forma más fácil de agregar una ventana emergente de pantalla completa a su sitio web. Le permite crear fácilmente una ventana emergente de página completa usando un generador de arrastrar y soltar sin escribir una sola línea de código.

Página de inicio de OptinMonster

OptinMonster viene con impresionantes plantillas de pantalla completa listas para usar. O incluso puede utilizar la plantilla Canvas en blanco.

Lo mejor de OptinMonster es que le permite elegir cuándo desea mostrar sus ventanas emergentes. Puede mostrar ventanas emergentes en pantalla completa

  • Inmediatamente cuando alguien visita su sitio
  • En el momento adecuado cuando un usuario está a punto de abandonar su sitio web
  • cuando alguien se desplaza hacia abajo hasta cierto nivel

Los propietarios y editores de tiendas en línea utilizan OptinMonster para generar más clientes potenciales y agregar nuevos más suscriptores. Singularity University convirtió el 77% de los visitantes de su sitio utilizando la plantilla de tapete de pantalla completa de OptinMonster.

Para comenzar con una ventana emergente, regístrese en OptinMonster sin riesgos con nuestra garantía de devolución de dinero de 14 días a continuación.

¡Empiece hoy mismo con una ventana emergente de página completa!

Además, entendemos que no todo el mundo aprende de la misma forma. Es por eso que hicimos este útil video tutorial:

Definitivamente recomendamos leer esta guía detallada hasta el final para ayudarlo a crear las campañas de pantalla completa que necesita para crecer.

Paso 1: cree una campaña de pantalla completa

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

Seleccione Crear nueva campaña desde su tablero.

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

El siguiente paso es elegir el tipo de campaña.

OptinMonster viene con múltiples campañas, como ventanas emergentes, barras flotantes y cuadros de desplazamiento deslizables.

Para este tutorial, usaremos la pantalla completa.

Elija una campaña de pantalla completa

Ahora, debes elegir tu plantilla.

Podrá seleccionar entre una amplia selección de plantillas de página completa prediseñadas.

Iremos con Entrada.

Entrace OptinMonster Ventana emergente de página completa

Una vez que haya seleccionado su plantilla, se le pedirá que le dé un nombre a su campaña.

Cuando esté listo, siga adelante y haga clic en Empezar a construir para ingresar al editor de OptinMonster.

Nombre Campaña emergente de página completa_

Ahora, personalizaremos nuestra plantilla en el editor de OptinMonster.

Paso 2: Diseñe la ventana emergente de página completa

En este paso, editará la ventana emergente de página completa en el generador de arrastrar y soltar de OptinMonster.

Puede personalizar todo lo relacionado con su ventana emergente, desde la fuente hasta los colores y las imágenes. Incluso si no tiene la experiencia de diseño, podrá crear una ventana emergente de página completa de excelente apariencia que coincida con su marca.

Para editar cualquier parte de su ventana emergente, simplemente haga clic en ella.

Echemos un vistazo a cómo funciona.

Haga clic en el texto.

Ahora, podrá cambiar el texto, la fuente y el tamaño con el editor en línea.

Alfombrilla de pantalla completa para diapositivas de página

Del mismo modo, para editar el botón, simplemente haga clic en él.

botón de página completa

Ahora, verá las herramientas de edición a la izquierda.

Desde aquí, puede editar el color y el texto de la copia del botón.

Herramientas de edición del botón OptinMonster

A continuación, cambiemos el color de fondo. Simplemente haga clic en Fondo de pantalla completa.

Fondo de pantalla completa_

Seleccione el color que desee.

Cambiar el fondo del tapete de pantalla completa_

También es increíblemente fácil agregar funciones a su ventana emergente.

Simplemente haga clic en Agregar bloques en la parte superior de su editor.

Agregar bloques

Desde aquí, puede agregar:

  • Imagen
  • Video
  • Contador regresivo
  • Chatbot
  • Rueda de cupones

Y más.

Todo lo que tienes que hacer es arrastrar y soltar el bloque donde quieras en el editor.

Agregar nuevo bloque emergente de página completa

Si desea cambiar la forma en que aparece la ventana emergente, puede usar OptinMonster’s Diapositiva de página efecto. Con la función de diapositiva de página, su tapete de pantalla completa se deslizará desde la parte superior de la página, en lugar de cubrir su contenido.

Hacer clic Configuración de pantalla completa.

Haga clic en configuración de pantalla completa_

Habilitar ¿Mostrar una diapositiva de página?

Alfombrilla de pantalla completa para diapositivas de página

En esta sección, solo hemos cubierto algunas formas en que puede editar su tapete de pantalla completa. Sepa que puede cambiar todo lo relacionado con el diseño con solo unos pocos clics.

Para obtener más ideas e inspiración, consulte este artículo: Inspiración de diseño emergente: 10 ventanas emergentes de correo electrónico hermosas y de alta conversión

Paso 3: muestra la ventana emergente de página completa

OptinMonster le brinda control total sobre dónde y cuándo muestra su ventana emergente.

OptinMonster tiene muchas formas de asegurarse de que los visitantes correctos vean la ventana emergente de su página completa en el momento adecuado, como:

  • Intento de salida: mostrar una ventana emergente cuando el visitante está a punto de abandonar su sitio web
  • Gatillo de desplazamiento: mostrar después de que alguien se haya desplazado hacia abajo en la página

Sin embargo, hoy iremos con Tiempo en el sitio. Esto le permitirá controlar cuándo se muestra la ventana emergente de su página completa a los visitantes de su sitio. Por ejemplo, puede mostrar tan pronto como alguien llegue a su sitio. O espere hasta que hayan pasado algún tiempo viendo su contenido para que pueda mostrárselo a sus visitantes más comprometidos.

Hacer clic Reglas de visualización.

Reglas de visualización de OptinMonster

Dirigirse a Tiempo en el sitio.

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

Seleccione la hora.

Tiempo en el sitio Regla de 30 segundos

Puede ajustar esto aún más cuando agrega otra regla de visualización.

Buscar y seleccionar Orientación por página.

Regla de visualización de orientación de página de OptinMonster

Esta regla le permitirá hacer cosas como ocultar su ventana emergente en páginas específicas.

Una vez que haya determinado su configuración de pantalla, estará listo para conectarlo a su proveedor de correo electrónico.

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

Si desea utilizar la ventana emergente de página completa para crear su lista de correo electrónico, debe conectar la ventana emergente a su lista de correo electrónico.

De esta manera, cada vez que alguien complete su formulario de suscripción, su dirección de correo electrónico se agregará a su base de datos de correo electrónico.

Dirigirse a Integraciones.

Cinta de integraciones

Hacer clic Agregar nueva integración.

Agregar nueva integración

Busque y seleccione su proveedor de correo electrónico en el menú desplegable.

Lista de proveedores de servicios de correo electrónico en OM

Siga las indicaciones para conectarse con su proveedor de servicios de correo electrónico.

Paso 5: Publique su ventana emergente de página completa

El último paso es publicar su ventana emergente a pantalla completa.

Hacer clic Publicar en la parte superior de su editor.

Cinta de publicación de OptinMonster

Cambiar el estado a Publicar.

Estado de publicación de OptinMonster Live

Luego, deberá agregar OptinMonster a su sitio web.

Para WordPress, simplemente descargue e instale el complemento OptinMonster. Si no está utilizando WordPress, solo deberá agregar un código de inserción a su sitio web. Aquí hay una guía simple paso a paso: Cómo agregar OptinMonster a cualquier sitio web

Eso es todo. La ventana emergente de la página completa ahora aparecerá en su sitio web.

Si desea comenzar con una ventana emergente de pantalla completa de inmediato, debe obtener OptinMonster. OptinMonster es la mejor herramienta para crear fácilmente una hermosa ventana emergente a pantalla completa. No necesitará tocar una línea de código para crear ventanas emergentes de página completa que convertirán a los visitantes de su sitio web.

¡Empiece hoy mismo con una ventana emergente de página completa!
Esperamos que haya disfrutado de este artículo. Si es así, estos recursos pueden resultarle útiles:

¿Listo para crear una ventana emergente a pantalla completa que aumente las conversiones? Obtenga OptinMonster hoy.