Contenido

Qué es un Pop-up: Una guía definitiva con ejemplos y buenas prácticas

16 noviembre 2021 ~ 17 min. leídos 5020 vistas
evalúe
Claspo Blog Qué es un Pop-up: Una guía definitiva con ejemplos y buenas prácticas

¿Qué es un Pop-up?

Un pop-up es una ventana emergente son mensajes específicos que se muestran al usuario mientras navega. Este tipo de mensaje suele aparecer sobre el contenido de un sitio web y está diseñado para captar la atención de los usuarios. 

Ya sean de naturaleza informativa o promocional (o ambas), las ventanas emergentes son aprovechadas por los vendedores para impulsar las ventas, reducir el abandono de carritos, hacer crecer las listas de correo electrónico y mucho más. Si se utilizan con prudencia, las ventanas emergentes pueden convertirse en un activo muy útil para su estrategia de marketing. Y viceversa, un paso en falso puede significar la insatisfacción total y la pérdida de la confianza de sus clientes potenciales y existentes. 

¿Qué son las ventanas emergentes que convierten? ¿Existen grandes ejemplos que se apliquen a su estrategia de marketing, y cómo medir si una ventana emergente es eficaz? Su guía de ventanas emergentes está justo debajo de esta introducción, así que siga la lectura.

Índice de contenidos

Qué son pop-ups: tipos y ejemplos

Al responder a la pregunta "¿qué es una ventana emergente?", la mayoría de nosotros sigue dando a entender que se trata del clásico mensaje de intención de salida. En realidad, hace tiempo que los pop-ups se alejaron de eso. La definición de un pop-up de hace años y la de ahora son completamente diferentes. Dependiendo del formato, la acción deseada y las reglas de visualización, las ventanas emergentes pueden tener diferentes puntos de vista, objetivos y formatos.

Los tipos de pop-ups difieren:

  • por vista
  • por objetivo
  • por activación

Veamos los ejemplos más populares de ventanas emergentes en cada categoría.

Ventanas emergentes por vista

Dependiendo de cómo aparezcan en la pantalla, los usuarios pueden ver las ventanas emergentes de diferentes maneras. Pueden ser sólo una pequeña ventana que aparece en el centro de la página o una barra que se desplaza a un lado. Una ventana popup puede ocupar toda la pantalla o ser una pequeña barra horizontal que aparece al desplazarse. A continuación se muestran los tipos de ventanas emergentes más utilizados a la vista.

Lightbox o ventana modal. Esta ventana emergente se abre como una pequeña ventana y aparece sobre el contenido de la página web, haciendo su fondo más oscuro para captar la atención del usuario.


Ejemplo de caja de luz emergente

Una ventana emergente de sí/no suele ser una forma de lightbox que tiene una intención más informativa que promocional y suele formar parte de la experiencia del usuario en su conjunto. Este tipo de ventanas emergentes parecen cajas con preguntas sencillas que informan a los visitantes sobre sus acciones y las consecuencias. 


Ejemplo de ventana emergente de sí/no

Mensaje de pantalla completa. Como su nombre indica, estas ventanas emergentes cubren el contenido de una página en su totalidad e impiden que el visitante siga navegando hasta que realice la acción deseada. 


Ejemplo de ventana emergente a pantalla completa

Caja flotante. Este tipo de banners suele estar presente en un sitio web sin aparecer. Parecen barras horizontales estáticas y transmiten información promocional. Las barras flotantes pueden convertirse en pop-ups si se ajustan las reglas para mostrarlas. Son eficaces para comunicar las novedades, informar sobre las ofertas de envío gratuito o crear expectación en torno a las ventas de duración limitada.


Ejemplo de barra flotante emergente

Las ventanas emergentes de la barra lateral suelen aparecer en los paneles laterales derecho o izquierdo de una página web. Pueden tener diferentes estilos y, por lo general, también incluyen una CTA. Su ubicación hace que parezcan menos intrusivas, ya que no impiden al usuario seguir navegando por una página web.


Ejemplo de una ventana emergente en la barra lateral que aparece al desplazarse

La ventana emergente de varios pasos es una campaña emergente compleja que puede combinar varias vistas y objetivos que pueden tener las ventanas emergentes tradicionales. Su principio es redirigir a un visitante del sitio web a varias páginas emergentes después de que realice las acciones deseadas. Por ejemplo, durante el paso 1 se puede pedir al usuario que obtenga un descuento, mientras que en el paso 2 el usuario tendrá que rellenar un breve formulario de contacto para obtener el descuento. 


Ejemplo de ventana emergente de varios pasos

Pop-ups por objetivo

Aunque la mayoría de los mensajes emergentes son de naturaleza informativa o promocional, hay una serie de objetivos que pueden perseguir. Entre ellos, el enriquecimiento del perfil del cliente, la obtención de comentarios, la venta cruzada y la retención, entre otros.

Enriquecimiento del perfil. Este objetivo se consigue pidiendo a los visitantes del sitio web que rellenen formularios emergentes con información personal. Un ejemplo muy básico es solicitar un correo electrónico o un número de teléfono. Más detalles pueden ser responder a ciertas preguntas sobre el sexo de los visitantes, sus intereses, su estado civil, si tienen hijos o mascotas, etc.


Ejemplo de ventana emergente de enriquecimiento del perfil

Las recomendaciones de productos y las ventanas emergentes de carritos abandonados resultan útiles cuando el objetivo es realizar ventas adicionales o cruzadas o aumentar el AOV.


Ejemplo de pop-up con recomendaciones de productos 


Ejemplo de ventana emergente de abandono de carrito

La prueba social permite a los visitantes del sitio web entender lo que otras personas están haciendo en el sitio web. Estas ventanas emergentes suelen ser activadas por widgets específicos y tienen una intención promocional. Normalmente, muestran cuántas personas están viendo un determinado producto en este momento o informan sobre el número de artículos que quedan en stock. De este modo, puede hacer que los clientes potenciales comprendan que un determinado producto es popular entre otros visitantes del sitio web, y sugerirles que se den prisa.


Ejemplo de ventana emergente de prueba social

Las ventanas emergentes pueden basarse en una campaña específica, como una venta, un evento de duración limitada o una temporada de vacaciones. Su objetivo es promover y apoyar una campaña de marketing relacionada, anunciar un descuento o informar sobre la fecha hasta la que es válida una determinada oferta.


Ejemplo de ventana emergente basada en una campaña

Cuando el objetivo es obtener opiniones y NPS, una ventaja es una encuesta emergente. Puede haber un par de campos para rellenar, calificaciones para evaluar la satisfacción del cliente, una ventana con pulgares arriba y abajo o varios emojis. Para un visitante, estas ventanas emergentes parecen una parte más de su recorrido en el sitio web, mientras que para los responsables de marketing son una herramienta para medir la satisfacción del cliente justo en el momento en que la recibe.


Ejemplo de ventana emergente para obtener comentarios

Las ventanas emergentes de cookies y GDPR son los ejemplos más comunes de ventanas emergentes informativas que preservan la privacidad de los clientes. Aparecen al principio del recorrido del usuario y ahora son una parte integral de cualquier sitio web.


Ejemplo de ventana emergente de cookies

Ventanas emergentes por activación

Un disparador es una regla para mostrar una ventana emergente. Aquí seleccionamos las condiciones para mostrar una ventana emergente, incluyendo la frecuencia, el tiempo de permanencia en una página, el comportamiento de desplazamiento, el número de visitas a la página, la fuente, grupos específicos de visitantes del sitio web o incluso los clics que hacen en ciertos elementos de la UI.

Tiempo en la página. Este tipo de activador llama a una ventana emergente cuando un visitante ha permanecido en su página durante un determinado período de tiempo (por ejemplo, 30 segundos). Se muestran cuando un usuario demuestra su interés por permanecer en una página y suelen ir acompañados de una CTA específica


Ejemplo de una ventana emergente de tiempo en la página

El activador basado en el dispositivo es una regla que permite mostrar ciertos tipos de ventanas emergentes a los usuarios en dispositivos específicos, por ejemplo, sólo en teléfonos móviles.

El activador basado en la página permite incluir o excluir ciertas páginas de la regla de visualización. Por ejemplo, para mantener a los usuarios concentrados en la realización de un pedido, puede optar por no mostrar ninguna ventana emergente en las páginas Carrito y Detalles del pedido.

El activador basado en la fuente es una forma de mostrar ventanas emergentes a los usuarios en función de la fuente que hayan seguido para llegar a su página web. Por ejemplo, puede utilizar UTMs para diferenciar a los usuarios que vinieron de una campaña de correo electrónico específica para mostrar una ventana emergente sólo a ellos. 

Los activadores de tiempo limitado se utilizan cuando es necesario mostrar una ventana emergente durante un período de tiempo limitado. Funciona como un temporizador y desactiva automáticamente una ventana emergente cuando la regla lo prescribe. 

Las ventanas emergentes de desplazamiento se basan en un determinado porcentaje de la página por la que el visitante se ha desplazado en ese momento, y permiten mostrar ventanas emergentes adaptadas a un contenido específico. Por ejemplo, mostrar recomendaciones de productos justo después de que el usuario se haya informado sobre ellos.


Ejemplo de ventana emergente on-scroll

Las ventanas emergentes al hacer clic se activan después de que el usuario haga clic en algún elemento de la interfaz de usuario, por ejemplo, un botón de llamada situado en la parte inferior de una página web.


Ejemplo de ventana emergente al hacer clic

Las ventanas emergentes de reactivación de la actividad se activan cuando un usuario permanece inactivo durante algún tiempo pero la ventana se deja abierta en el navegador. Pueden ser seguimientos en la página basados en el contenido que los usuarios han visto o una oferta de descuento que anime a los usuarios a seguir comprando.


Ejemplo de seguimiento en la página

Las ventanas emergentes de intención de salida son una forma clásica de evitar que los usuarios abandonen su sitio web. La acción que llama al activador es un usuario que intenta abandonar una página web sin realizar la acción deseada, es decir, completar un pedido, añadir una dirección de envío o enviar un formulario de registro.


Ejemplo de ventana emergente con intención de salida

¿Cómo crear un gran pop-up?

Primero va la pregunta "¿Qué es un gran pop-up?". En la mayoría de los casos, por grandes ventanas emergentes los profesionales del marketing entienden ventanas emergentes que convierten. La conversión puede significar varias acciones realizadas por un visitante del sitio web. Así que, en primer lugar, hay que entender cuál es el objetivo principal que se persigue con las ventanas emergentes. Esto le ayudará a entender lo que significa una gran ventana emergente en su caso, y luego a medir cómo lo está haciendo.

¿Por qué utilizar ventanas emergentes?

  • Para obtener los datos de contacto de los clientes potenciales
  • Para hacer upselling y aumentar su AOV
  • Para mejorar la experiencia del usuario
  • Para aumentar el compromiso de los usuarios

Hay que tener mucho cuidado con la publicidad emergente, ya que la mayoría de los usuarios tienen por defecto una percepción negativa de este tipo de anuncios. Y las razones pueden ser

Momento inadecuado de mostrar un pop-up. Las ventanas emergentes funcionan cuando "atrapan" al visitante de la web justo a tiempo. Por eso, antes de poner en marcha su campaña de publicidad emergente, intente analizar de qué manera los usuarios interactúan con determinados tipos de contenido en su sitio web y actúe en consecuencia. 

Ubicación inadecuada de una ventana emergente en el sitio web. Una buena ventana emergente no impide que el usuario interactúe con los elementos clave de un sitio web, como el menú, la configuración del idioma, etc. Asegúrese de que su ventana emergente no se superponga a ninguna parte esencial, y que sea fácil de minimizar o cerrar.

CTA poco claro. ¿Quiere que sus visitantes hagan qué? En la mayoría de los casos, las ventanas emergentes deben transmitir una determinada llamada a la acción. Puede ser una caja destinada a recoger una dirección de correo electrónico o un par de opciones de productos para añadir al carrito, o un botón de redirección - sea lo que sea, todos sus esfuerzos serán en vano si un CTA parece ambiguo o no corresponde a la acción deseada de un usuario.

Contenido intrusivo de una ventana emergente. Si sus ventanas emergentes equivalen a un argumento de venta, es poco probable que los visitantes del sitio web lo tomen positivamente. Un buen pop-up es un elemento que se equilibra entre facilitar la experiencia del usuario y ayudar a conseguir su objetivo comercial. 

Utilizando la lógica inversa, podemos resumir y concluir que una gran ventana emergente es la que le ayuda a alcanzar un determinado objetivo y está diseñada en consecuencia. 

Mejores prácticas en las ventanas emergentes

"Acabamos creando una de las herramientas más odiadas de los anunciantes: el anuncio emergente", así describe su creación el fundador de la publicidad emergente. Por suerte, han pasado más de dos décadas desde que la primera ventana emergente vio el mundo, y ya se cometieron muchos errores antes que nosotros. Ceñirse a las mejores prácticas de uso de las ventanas emergentes ayuda a evitar los errores más comunes de la publicidad emergente y a crear mensajes que conviertan.

Mantenga sus objetivos simples y los CTAs claros

Si tu objetivo es conseguir una dirección de correo electrónico, no pidas más. Deje que los usuarios entiendan claramente qué acción quieren que realicen. Concéntrese en un solo objetivo con cada mensaje emergente y proporciónelo con una CTA directa.

Aporte valor real 

Un visitante medio de un sitio web recibe entre 3 y 4 ventanas emergentes sólo cuando visita un sitio web por primera vez: un aviso de cookies, una alerta de política de privacidad, un "cuadro de suscripción", una ventana de "Permitir usar su ubicación". Piénselo dos veces antes de hacerles ver y hacer clic en más. Vamos, ¡puede que sólo hayan venido a consultar su sitio web de vez en cuando! Y la forma en que los trates con tus ventanas emergentes puede influir en que se queden o no se acuerden nunca de tu dominio. Asegúrese de mostrar las ventanas emergentes sólo cuando sean necesarias y, de nuevo, proceda a ofrecer una experiencia fácil de usar.

Segmentación y orientación

La segmentación es a menudo un sinónimo de éxito cuando se trata de marketing. La publicidad en ventanas emergentes no es diferente. Dividir a los visitantes de su sitio web en segmentos ayuda a ofrecer la experiencia de usuario deseada y a dirigirse a las personas adecuadas con las ofertas correctas. Estas son las opciones de segmentación que se pueden utilizar en la publicidad emergente:

  • Ejemplo de ventana emergente basada en la ubicación

  • orientación basada en una fuente de tráfico (Google, anuncios de Facebook, campañas de correo electrónico, etc.) ;
  • segmentación por campaña (el contenido de cada ventana emergente corresponde a la campaña que el usuario ya ha visto)
  • segmentación por compromiso (seguimiento de cuántas páginas han visto los visitantes, tiempo de permanencia en una página, clientes que regresan, etc.)
  • segmentación por carrito (mostrando recomendaciones de productos en función del contenido que ya está en el carrito);
  • excluir a los visitantes previamente suscritos;

Personalización

Si quiere captar la atención de sus visitantes, puede utilizar variables personalizadas en la fase de segmentación y ajustarlas para que sus mensajes sean personalizados. Puede utilizar el nombre del visitante, su ocupación, sus gustos y preferencias. Dicha información proporciona una serie de oportunidades para llegar a su visitante con algunas ofertas especiales o simplemente llamarlos por su nombre, haciéndoles saber que son especiales para usted. Pero tenga cuidado de no violar ningún espacio privado. 

Evalúe el rendimiento de su ventana emergente y realice ajustes

Nunca se sabe antes de probar. Un buen pop-up es también el que se selecciona durante las rondas de experimentación. Aquí hay varios fundamentos a los que puede atenerse para tomar las decisiones correctas:

  • En primer lugar, analice cómo influyen las ventanas emergentes en las conversiones de su sitio web y mida cómo afectan a la conversión de cada página web;
  • si tiene una campaña de ventanas emergentes de varias etapas o utiliza un botón de clic para llamar, mida cada una de las etapas por separado: calcule el número de clics y llamadas y el número de acciones objetivo;
  • realizar pruebas A/B, A/A/B para comprender cómo perciben los visitantes del sitio web determinadas frases, formas, imágenes y CTA;
  • crear diferentes campañas de ventanas emergentes para usuarios de ordenadores de sobremesa y móviles y medirlas por separado para obtener resultados válidos;

Si su ventana emergente no se convierte, pruebe a cambiar el texto, su aspecto y la hora en que se muestra. Aproveche las ocasiones festivas para probar nuevos formatos y entretener a sus visitantes.

¿Cómo medir la eficacia de las ventanas emergentes?

La mayoría de las herramientas de publicidad emergente ofrecen opciones de medición integradas. Suelen ser cuadros de mando que proporcionan una visión analítica de sus campañas pop-up en curso y pasadas. Los aspectos que se pueden medir suelen ser:

  • Tasa de conversión o cómo las ventanas emergentes afectan al número de acciones objetivo realizadas en el sitio web. Esto ayudará a comprender el rendimiento de sus CTA y a optimizar las acciones de activación.
  • Número de visitantes del sitio web. Las ventanas emergentes inadecuadas pueden influir negativamente en el tráfico de su sitio web. Calcular el número de visitantes permitirá hacer un seguimiento de las ofertas, páginas y contenidos que más gustan a los usuarios, así como identificar los dispositivos que utilizan para acceder a su sitio web. 
  • Tasa de abandono. Esta métrica ayuda a identificar los campos específicos de las ventanas emergentes que hacen que sus visitantes salgan de una página web y trabajen el contenido de sus mensajes.
  • Tiempo. Comprender si está entregando las ventanas emergentes en el momento adecuado afecta al número de visitantes e impresiones que está obteniendo de ellas y ajustar las reglas de visualización en consecuencia. 

Puede haber más métricas y opciones de personalización, sólo estamos enumerando las básicas.

Medir el éxito es una parte lógica de su estrategia de publicidad emergente. Comienza con la comprensión de sus objetivos y la definición de cuáles son las ventanas emergentes que funcionan en su caso particular. Analizar el rendimiento de sus campañas le ayuda a gastar su presupuesto de forma más eficaz y, por supuesto, le sitúa un paso más cerca de sus clientes potenciales.

¿Todavía no eres usuario de Claspo? Arreglémoslo