Qué es un pop-up, cómo usarlo y ejemplos

Aunque no seas consciente de ello, seguro que ya sabes qué es un pop-up. Te has topado con ellos cientos de veces y los has cerrado enseguida porque no han conseguido captar tu atención, o has abandonando la página web que estabas visitando porque no te dejaban leer el contenido.

Los pop-up son una herramienta muy peligrosa (en términos de marketing digital), ya que, si la experiencia del cliente con ellos es mala, pueden echar por tierra el rendimiento no solo de esta ventana emergente, sino de toda la página web. 

Pero, si los configuras bien, pueden suponer un gran aumento en el número de leads y clientes. Así que fíjate bien en los siguientes ejemplos y ten a mano libreta y boli para apuntar los consejos que te daremos. Si los aplicas, los pop-up de tu página web serán todo un éxito.

¿Qué es un pop-up o ventana emergente? 

Un pop-up es un elemento visual que «aparece» en un sitio web que se está visitando. Esta ventana tiene la característica de «flotar», es decir, no está integrada al resto del contenido, sino que aparece encima de él en la misma ventana del navegador. 

Salvando las distancias, un pop-up se podría comparar con los anuncios de una revista, solo que, en el mundo digital, estos banners pueden aparecer en un momento específico, se pueden cerrar, ser dinámicos, etc.

Con un pop-up llamas la atención del lector y haces que su vista se centre durante un momento en la ventana emergente. Por eso, pueden ser una potente herramienta para los ecommerce, pues, si se emplean bien, tienen varias ventajas.

Para qué sirve un pop-up

Como hemos dicho antes, en general, los pop-up sirven para llamar la atención del lector, pero lo hacen siempre para cumplir un objetivo específico.

A continuación, encontrarás algunas de las principales ventajas y objetivos de los pop-up.

Aumento de las conversiones

Un pop-up puede hacer que tus conversiones aumenten. Por ejemplo, si una persona ha pasado mucho tiempo en la ventana del carrito de compra o en el catálogo de tu ecommerce, le puedes mostrar un pop-up con un pequeño descuento para animarle a finalizar la compra.

También puedes usar los pop-up para ofrecer ayuda a través de un chat en vivo con un agente de atención al cliente o un chatbot y que tus usuarios puedan resolver todas las dudas que tengan respecto a tu servicio o producto.

Si al uso de los pop-up le sumas un CRM de calidad para automatizar los procesos (conectando también las diferentes herramientas y plugins que utilizas), recopilar datos de los usuarios, calificar a los leads, etc., aumentarán las posibilidades de que un lead se convierta en un cliente.

Generación de leads

Los pop-up también son una potente herramienta para generar leads.

Al integrarlos en tu estrategia de email marketing, pueden aumentar los suscriptores de tu base de datos. Y una vez allí, a través de una estrategia de lead nurturing, conseguir que los usuarios ocasionales se conviertan en clientes potenciales.

2. Generar leads

Configura un pop-up para captar leads a través de tu web. Fuente: ActiveCampaign.

Una buena forma de poner en marcha esta estrategia es utilizar formularios para convertir a tus visitantes en leads. Por ejemplo, coloca una ventana emergente en la ventana principal de tu sitio web y ofrece algo que le interese a tu público objetivo a cambio de introducir su correo electrónico.

Si a través del marketing automation integras diferentes elementos del marketing digital, como los pop-up en tu web y los correos electrónicos, tendrás más posibilidades de atraer leads.

Fidelización de clientes

Las ventanas emergentes también ayudan a fidelizar a los clientes. Como hemos visto, un pop-up puede ser el primer paso en una estrategia de lead nurturing, una táctica para acompañar a un lead a lo largo de todo el embudo de ventas hasta que se convierte en cliente o para fidelizar a los clientes actuales.

Una forma de hacerlo es creando un pop-up en el que muestres los nuevos productos o servicios de tu ecommerce. Así, tendrás una especie de publicidad digital adaptada a los usuarios que ya te conocen y que pueden estar interesados en otros servicios o productos que ofreces.

7 consejos para utilizar un pop-up

Si un pop-up no se diseña ni configura correctamente, puede tener un efecto contrario al que buscas y crear una mala experiencia de cliente. Aplica estos consejos para desarrollar una buena estrategia con tus pop-up:

1. Mira tu web como si fueras un usuario

Seguro que más de una vez te has encontrado con un pop-up invasivo, que ha aparecido de forma repentina y que no te permitía navegar bien por un sitio web, o con uno que no te dejaba en claro qué ofrecía. 

Por eso, te tienes que poner en la piel de la persona que entra a tu web y aplicar en tus pop-up las características que a ti te gustaría ver, solo así conseguirás que la experiencia del usuario sea positiva. Ten en cuenta cuándo mostrarlo, si el enlace conduce a una nueva ventana o no, cuánto tiempo dejarlo, de qué tamaño configurarlo, etc.

Estudia la navegación del usuario para definir mejor estos parámetros. Por ejemplo, si el tiempo medio de permanencia en tu sitio web es alto, será mejor que el pop-up no aparezca de forma intrusiva cuando el usuario acaba de entrar, sino esperar un tiempo determinado.

2. Decide bien qué ofrecer

Un pop-up es una oportunidad para conseguir los objetivos de tu estrategia de marketing online. Por eso, debes tener en claro qué quieres ofrecer en él. Para dar en el clavo, pregúntate qué sería más beneficioso para tu negocio y tu estrategia.

El pop-up tiene que estar relacionado con el contenido de la página en la que el usuario se encuentra, y este tiene que sentir que se le está ofreciendo algo valioso y útil. 

Por ejemplo, puedes hacer que el pop-up dirija al usuario a una landing page en la que se informe sobre los beneficios de suscribirse a tu newsletter. Si no sabes cómo hacerlo, estos ejemplos de landing page te servirán de inspiración.

3. Ve al grano

El contenido del pop-up tiene que ser corto, de apenas unas palabras, para que en unos segundos el lector entienda qué le estás diciendo. Para eso, emplea un lenguaje sencillo y específico, sé concreto y especifica qué ofrece el pop-up sin usar demasiadas palabras.

Una buena idea es sustituir el típico «Haz clic aquí» por algo más preciso, como «Recibir el descuento», «Suscríbete a nuestra newsletter» o «Consigue nuestra guía gratis».

3. Consejos para pop ups

Utiliza un lenguaje sencillo y directo para un pop-up de éxito. Fuente: ActiveCampaign.

4. Conecta a través del lenguaje

Adapta tu tono de voz y el lenguaje que utilizas al del público objetivo de tu web, pues no es lo mismo hablarle a startups que a grandes empresas, por ejemplo. 

Para aprender cómo conectar con los usuarios a través del lenguaje, estas ideas para tu marketing de contenidos pueden ser de ayuda e inspiración.

5. Pon atención al diseño

El diseño también es una parte muy importante de una ventana emergente. El pop-up se tiene que integrar con el diseño web de la página, pero debe resaltar, captar la atención del usuario.

Usa colores llamativos que estén dentro de la paleta de colores de tu web. Además, aunque no seas consciente de ello, cada color transmite algo distinto.

El diseño también debe tener en cuenta el tamaño del pop-up, que sea lo suficientemente grande como para leerse bien, pero que no llegue  a molestar.

Otros factores que no tienes que olvidar en el diseño son la tipografía (usa la misma que en el resto de la web), la transición de entrada y salida del pop-up, los botones, etc.

4. Diseno del pop up

El diseño es un factor clave en la creación de un pop-up. Fuente: ActiveCampaign.

6. Adáptalo a los dispositivos móviles

Adapta el pop-up a los dispositivos móviles y su formato. Si, por ejemplo, el botón para cerrar la ventana emergente es demasiado pequeño como para darle con el dedo, el usuario saldrá de la web antes de siquiera haber comenzado a leer.

Si es imposible adaptar el pop-up a los dispositivos móviles, desactívalo en este tipo de dispositivos. De lo contrario, la tasa de rebote y el tiempo de permanencia se verán afectadas por una mala experiencia de usuario con el pop-up, lo mismo sucederá con el posicionamiento SEO de tu web y la tasa de conversión.

7. Haz test A/B

Para decidir qué tipo de diseño, claim o Call To Action (CTA) funcionan mejor, crea diferentes versiones de un mismo pop-up y haz un test A/B para comprobar cuál funciona mejor. 

Al momento de evaluarlos, uno de los aspectos a tener en cuenta es el Click Through Rate (CTR) del pop-up, es decir, el porcentaje de veces que los usuarios han hecho clic en el CTA que incluye. El pop-up que mayor CTR tenga es el que tienes que implementar en tu web.

Ejemplos de pop-up

Con los siguientes ejemplos tendrás en claro qué es un pop-up, cuáles son los tipos de pop-up que existen y cómo puedes aplicar todos los consejos que te hemos dado.

Pop-up modal

Los has visto cientos de veces. Los pop-up modal son las ventanas emergentes que aparecen en el centro de la página web, por encima del contenido.

Levi’s

Nada más entrar a la web de Levi’s, este pop-up les da la bienvenida a los usuarios y les ofrece un 10 % de descuento y envío gratis. A cambio, la marca pide un correo electrónico, por lo que el objetivo es captar leads.

El mensaje es claro y directo, con un diseño sencillo.

Si tuviéramos en cuenta otros aspectos, esta ventana emergente también se podría categorizar como un lightbox pop-up, ya que la web se oscurece para darle más protagonismo.

5. Levis

Fuente: Levi’s.

Barra flotante

Estos tipos de pop-up suelen ser alargados y aparecer en la parte superior o inferior de la web, sin apenas interferir en el contenido que se está mostrando.

Microsoft

Microsoft utiliza una barra flotante con un mensaje sencillo, que refleja en pocas palabras lo que ofrece. 

6. Microsoft

Fuente: Microsoft.

iStock

Una gama de colores llamativa aplicada en un banner poco intrusivo, pues permite seguir navegando por la web sin ocultar el contenido. Con este pop-up, iStock capta clientes potenciales al ofrecerles una prueba gratuita.

7. iStock

Fuente: iStock.

Caja deslizable

Este tipo de pop-up aparece en un lateral de la ventana de navegación y, según nos movemos en ella, se desliza para que no lo perdamos de vista.

Adobe

Adobe usa la caja deslizable lateral para ofrecerles ayuda a los usuarios que navegan por su web

8. Adobe

Fuente: Adobe.

Paypal

Este mismo tipo de ventana emergente usa PayPal, solo que lo aplica únicamente en el apartado de PayPal para empresas.
Tanto en este caso como en el anterior, el color del pop-up destaca sobre el resto de colores de la web para llamar la atención.

9. Paypal

Fuente: PayPal.

Infoautónomos

Infoautónomos emplea un pop-up de caja deslizable para ofrecerles a los usuarios un servicio de atención personalizada a través de una llamada gratis. 

El pop-up es poco intrusivo, no interrumpe la lectura del contenido, y el CTA, «Llamadme gratis», es claro y va al grano.

10. Infoautonomos

Fuente: Infoautónomos.

Crea tus pop-up con ActiveCampaign 

Con ActiveCampaign, puedes configurar los pop-up de tu sitio web de forma sencilla. Elige, entre las varias integraciones que ofrece, la que mejor se adapte a tus necesidades. Por ejemplo, puedes escoger entre Integrate Personizely, que ofrece personalizar los widgets de tu web, y WisePops, una herramienta para crear pop-ups.

Con estas herramientas podrás aplicar los consejos anteriores y crear pop-ups de éxito, pues también podrás ejecutar test A/B, crear diseños personalizados, adaptar los pop-up a los dispositivos móviles y mucho más.

Entre los tipos de formulario que puedes crear con ActiveCampaign, están el formulario de barra flotante y el de caja flotante. Recuerda elegir el estilo que mejor se adapte a los objetivos de tu estrategia de marketing.

11. Tipos de formulario ActiveCampaign

Crea el formulario más adecuado para tu página web con ActiveCampaign. Fuente: ActiveCampaign.

Sácale el máximo provecho a tus pop-up 

Ahora ya sabes qué es un pop-up y qué debes tener en cuenta para crear los de tu sitio web. Además de ser todo un mundo dentro del marketing digital, los pop-up son una gran oportunidad. Eso sí, se pueden convertir en una desventaja si no sabes cómo aplicarlos.

Si sigues estos consejos, te inspiras con los ejemplos que te hemos dado y tienes la ayuda de una plataforma de marketing automation como ActiveCampaign, los pop-up de tu página web te llevarán a conquistar cualquier estrategia de marketing digital.

Comment section