Cómo crear una ventana emergente de código QR para mayores conversiones

¿Desea crear una ventana emergente de código QR para mejorar la experiencia del usuario (UX) en su sitio?

Una ventana emergente de código QR le permite condensar u ocultar información a la que los clientes pueden acceder fácilmente escaneando el código.

Puede usarlo para una increíble variedad de propósitos, como asegurar pagos, descargas de archivos, códigos de cupones, compartir enlaces de redes sociales y mucho más.

Este tutorial le mostrará cómo crear una ventana emergente QR impresionante con poderosas reglas de orientación para maximizar las ventas y las conversiones.

La MEJOR manera de crear una ventana emergente de código QR

Los códigos QR tienen múltiples propósitos, por lo que puede ser difícil encontrar la herramienta adecuada que coincida con los objetivos de su sitio.

Por ejemplo, es posible que desee mostrar la ventana emergente del código QR solo cuando un cliente haga clic en un botón o enlace transaccional en su sitio.

O tal vez desee agregar el código QR a una ventana emergente promocional para animarlos a registrarse en un evento, descargar un PDF o participar en un concurso.

ejemplo 2 de la ventana emergente de código qr

Idealmente, querrá un generador de ventanas emergentes que le permita:

  • Inserte un código QR fácilmente
  • Utilice plantillas prefabricadas que faciliten la puesta en marcha
  • Personaliza la ventana emergente para que coincida con tu marca y tus objetivos.
  • Diríjase a los visitantes de acuerdo con su actividad e interés en su sitio.
  • Pruebe y vea el rendimiento para realizar mejoras
  • Integre con cuentas de correo electrónico para enviar correos electrónicos automatizados si es necesario

OptinMonster ofrece todo esto y más:

optinmonster nueva página de inicio

OptinMonster es el creador de ventanas emergentes 1 # para crear cualquier tipo de ventana emergente para su sitio. También podrá crear otras campañas de marketing como barras flotantes, diapositivas, formularios en línea y otros, por lo que no estará limitado a solo ventanas emergentes.

Con OptinMonster, puede utilizar más de 50 plantillas prefabricadas o crear su propia campaña desde cero.

También obtiene un generador de arrastrar y soltar para agregar / cambiar elementos como imágenes, videos, texto, formularios de suscripción e incluso temporizadores de cuenta regresiva.

ejemplo de arrastrar y soltar optinmonster builder

La mejor parte de OptinMonster es que le brinda control total sobre su pantalla emergente. Esto significa que se dirige a los usuarios del sitio web en función de lo que están haciendo en su sitio. Esto incluye:

  • Al hacer clic: Abrir una ventana emergente de código QR cuando un usuario hace clic en un botón, enlace o imagen
  • Al salir: Muestre cuándo un visitante está a punto de abandonar su sitio
  • Vista de pagina: Diríjase a los visitantes de acuerdo con la página o el producto que están viendo.
  • Geolocalización: Interactuar con los visitantes de un área geográfica determinada
  • Tiempo usado: Mide el tiempo para que aparezca la ventana emergente después de que el visitante haya pasado un poco de tiempo en tu sitio.
  • Hora programada: Mostrar durante un período de tiempo específico, como una venta flash

Realmente hay mucho que puedes hacer con la ventana emergente de tu código QR. Si desea ver cómo funciona OptinMonster, observe cómo IMSource aumentó las conversiones en un 6.500% utilizando la automatización del comportamiento de OptinMonster.

Sumado a estas funciones, obtendrá todos los análisis que necesita dentro de su panel de OptinMonster.

panel de análisis de optinmonster

Puede ver cuántas personas vieron su ventana emergente y convirtieron las páginas y campañas de mejor rendimiento, junto con otras estadísticas importantes.

¿Está listo para crear su propia ventana emergente de código QR de alta conversión? Luego, regístrese para obtener su cuenta OptinMonster 100% libre de riesgos a continuación:

¡Empiece a utilizar OptinMonster hoy!

BONIFICACIÓN: Configuración de campaña hecha para usted (valor de $ 297) Nuestros expertos en conversión diseñarán 1 campaña gratuita para que obtenga los máximos resultados, ¡absolutamente GRATIS! Haga clic aquí para comenzar →

En el tutorial a continuación, le mostraremos cómo configurar una ventana emergente de código QR como esta:

Código QR en una campaña emergente

Aprenderá a crear y agregar esta campaña a su sitio en solo 4 sencillos pasos. Empecemos.

Creación de una ventana emergente de código QR dirigido

Para seguir este tutorial, necesitará 2 cosas:

1. Un código QR

Si aún no tiene un código QR, puede generar uno en línea. Hay muchas plataformas que te permiten crear un código QR de forma gratuita. Recomendamos usar un sitio confiable como el generador de códigos QR gratuito de Shopify.

Si planea usar el código QR para cobrar pagos, puede crear un código con su proveedor de pagos como PayPal.

Deberá aclarar qué es lo que desea que haga realmente su código QR (realizar un pago, suscribirse a un boletín informativo, revelar un descuento, etc.) para elegir la mejor herramienta para su estrategia.

Luego, guarde su código QR como una imagen PNG para que pueda incrustarlo fácilmente dentro de la ventana emergente.

2. Una cuenta de OptinMonster

Deberá crear una cuenta de OptinMonster.

OptinMonster funciona con cualquier sitio web, incluidos WordPress, Shopify, BigCommerce e incluso sitios HTML.

En otras palabras, puede utilizar OptinMonster independientemente de la plataforma que utilizó para crear su sitio web.

Cuando se registra, puede conectar su sitio web a su cuenta de OptinMonster. Hay aplicaciones y complementos disponibles para WordPress, Shopify y BigCommerce.

Para todos los demás sitios web, puede seguir nuestros documentos detallados sobre cómo conectar su sitio a OptinMonster.

Paso 1: creación de una campaña emergente

Dentro del panel de OptinMonster, use el Crear nueva campaña botón. para comenzar con su ventana emergente.

Crear una nueva campaña OptinMonster

En la página siguiente, verá los diferentes tipos de campañas junto con las plantillas disponibles. Puede explorar estas plantillas obteniendo una vista previa de ellas para encontrar la que mejor se adapte a sus objetivos.

plantilla emergente y de lienzo

Usaremos el Lienzo plantilla que le permite comenzar con una pizarra en blanco. Siéntase libre de elegir cualquier plantilla que desee, los pasos a continuación seguirán siendo los mismos.

Una vez que seleccione una plantilla, OptinMonster le permite agregar un nombre para su campaña. Esto es para uso interno para que pueda encontrar fácilmente la campaña más adelante en el panel de control.

empezar a construir la campaña de lienzo

Entonces golpea el Empezar a construir para iniciar el creador de campañas de OptinMonster.

Paso 2: Agregar código QR a la campaña emergente

El creador de campañas es fácil de usar para cualquier persona. No se necesitan habilidades de codificación en absoluto. Verá una vista previa de su plantilla y podrá editarla directamente.

Comencemos por editar el texto para agregar su propio mensaje. Simplemente seleccione el bloque de texto y escriba su propio contenido.

cambiar el texto en la ventana emergente qr

Cuando seleccione todo el texto, aparecerá una barra de menú. Esto le permite cambiar todos los aspectos del texto, como:

  • Fuente
  • Estilo
  • Tamaño
  • Alineación
  • Color

barra de edición de texto

A continuación, verá que ya hay un bloque de imagen presente en la plantilla. Si lo selecciona, obtendrá una opción a la izquierda para cargar una imagen. Puede seleccionar su código QR desde su computadora y OptinMonster lo mostrará aquí.

eliminar imagen en lienzo om

Sin embargo, queremos que esta ventana emergente se vea impresionante agregando 2 imágenes.

Primero, elimine la imagen que está en la plantilla.

Luego, usando el Agregar bloques botón, seleccione el bloque de columna dividida en el menú de la izquierda y arrástrelo a la plantilla.

agregar columna dividida

Ahora puede agregar bloques de imágenes en estas columnas y luego seleccionar una imagen de archivo o cargar imágenes desde su computadora.

agregar imagen a la campaña

En el primer bloque de imagen, cargaremos el archivo PNG del código QR. Y en el segundo bloque de imágenes, agregaremos una imagen colorida para hacer que la campaña destaque.

Es realmente así de simple. También puede agregar un fondo personalizado. Simplemente haga clic en cualquier parte de la campaña fuera de los bloques agregados.

agregar fondo en la campaña

Esto abrirá las opciones de fondo en la barra de tareas izquierda, donde puede agregar un color sólido, un efecto de degradado o una imagen.

Si desea agregar más elementos a la ventana emergente, use el mismo Agregar bloques y simplemente arrastre y suelte nuevos bloques en su campaña donde desee que aparezcan.

Ahora que el diseño de su campaña está listo, le recomendamos que primero guarde los cambios, luego puede agregar reglas de orientación a la ventana emergente.

Paso 3: Dirigirse a los visitantes con una ventana emergente de código QR

OptinMonster le permite decidir dónde y cuándo aparece la ventana emergente en su sitio. Para agregar estas configuraciones, abra el Reglas de visualización pestaña del menú de navegación superior.

Verá que, de forma predeterminada, OptinMonster muestra la campaña a un visitante que pasa al menos 5 segundos en una página.

reglas de visualización predeterminadas en om

Para cambiar esto, edite cualquier regla aquí para acceder a todas las opciones de orientación disponibles. OptinMonster ofrece una larga lista de posibilidades y las encontrará ordenadamente categorizadas.

Si desea que aparezca la ventana emergente al hacer clic, elija el MonsterLinks ™ regla.

regla de monsterlink

Esto creará un enlace que puede copiar e incrustar en su sitio en un botón, enlace o imagen en su sitio.

Si desea que aparezca cuando alguien visite su sitio web por primera vez, elija el Nuevo visitante regla.

Entonces puedes usar el Orientación por página regla para agregar una URL específica para que la ventana emergente aparezca solo en esa página.

Esto le permite dirigirse a los clientes con diferentes ventanas emergentes de códigos QR en función de si están navegando en su blog, página de inicio o catálogo de productos.

la segmentación por página contiene blog

De esta manera, puede agregar cualquier regla que desee con solo 1 clic. Incluso puede agregar varias reglas usando el ‘Y’ botón.

Deberá tener cuidado aquí porque hay dos opciones para agregar varias reglas:

  1. Regla “Y”: Cree una nueva regla en la que se deban cumplir ambas condiciones y solo entonces aparecerá la ventana emergente. Por ejemplo, puede hacer que aparezca la ventana emergente si el visitante es nuevo Y está navegando por la página de inicio.y gobernar en om para qr popup
  2. Regla “O”: Cree una nueva regla en la que se deba cumplir cualquiera de las dos condiciones. Por ejemplo, puede mostrar la ventana emergente si un visitante está saliendo del sitio O ha estado inactivo por un tiempo. En este caso, si se cumple una condición, aparecerá la ventana emergente.o gobernar en om

Ahora que se agregaron sus reglas, la ventana emergente del código QR está lista para publicarse.

Paso 4: Publicar una ventana emergente de código QR

Publicar su nueva ventana emergente está a solo un clic de distancia. Dirígete al Publicar pestaña del menú de navegación superior.

Aquí verás un Avance botón que le permite ver una muestra de su campaña para que pueda ver cómo se vería cuando esté activa.

previsualizar y publicar campaña

Todo lo que queda por hacer es establecer el estado aquí en ‘Publicar’.

¡Eso es todo! La ventana emergente de su código QR está activa en su sitio. Puede visitar su sitio web y verá aparecer la ventana emergente de acuerdo con las reglas de visualización que estableció.

Recuerde, si está usando un MonsterLink ™ para que la ventana emergente aparezca al hacer clic, deberá agregar el enlace dentro de un botón en su sitio.

Si está utilizando WordPress, puede seleccionar el botón en el editor de páginas. Luego use el ícono de enlace para obtener el campo de URL donde puede pegar su MonsterLink ™.

agregar monsterlink en el botón en wordpress

Ahora que ha aprendido a utilizar OptinMonster, puede crear todo tipo de campañas de conversión y generación de leads para su sitio.

Sugerimos comenzar con una ventana emergente de bienvenida o una encuesta de salida para interactuar con los clientes y aumentar las ventas.

Si aún no se ha registrado, obtenga su cuenta OptinMonster 100% libre de riesgos a continuación:

¡Empiece a utilizar OptinMonster hoy!

BONIFICACIÓN: Configuración de campaña hecha para usted (valor de $ 297) Nuestros expertos en conversión diseñarán 1 campaña gratuita para que obtenga los máximos resultados, ¡absolutamente GRATIS! Haga clic aquí para comenzar →

Eso es todo lo que tenemos para ti hoy. Esperamos que este tutorial le haya resultado útil para crear una impresionante ventana emergente de código QR.

Para conocer más formas de aumentar las ventas y las conversiones, le recomendamos que consulte estos recursos que tenemos para usted:

Estas publicaciones le mostrarán formas creativas de lograr que los clientes compren más para que pueda generar ingresos y crecimiento.