Trucos para crear el popup HTML perfecto para tu web

Un error común es pensar que solo añadiendo un pop up a tu sitio tendrás el juego ganado, pero la realidad es que hay ciertas formas de exprimir todo su potencial, algo que pocos logran.

El dilema de los popups

● Hay quienes afirman que el uso de estos complementos lo único que hace es perjudicar la Experiencia de Usuario por la sencilla razón de que son muy molestos, no avisan y solo interrumpen la visita.

● Por otra parte hay quienes dicen que son una de las mejores formas para generar conversiones en una página web y que en cambio, agregan valor a los usuarios.

¿Entonces quién tiene razón?, vayamos a los datos.

1. 98% de los visitantes se van de una web promedio sin realizar ninguna acción de valor

Fuente: Privy

Está bien recibir visitantes, pero de poco sirve que solo entren para mirar. Sin ninguna herramienta como un formulario o un popup, no podrás convertirlos como esperas.

2. Más de 23 millones de visitantes se convirtieron en suscriptores en tan solo 2 años, gracias a los pop ups de Sumo

Fuente: Sumo

Es una buena señal, tomando en cuanta que solo se están considerando los números de una herramienta.

Esto confirma que los popups funcionan, entonces ¿por qué a Google no le gusta encontrarlos al rastrear una página web?, mas adelante explicare la delgada línea entre un popup útil y uno que no sirve.

3. La conversión promedio de los popups es de 3.09%, pero se puede llegar hasta un 40%

Fuente: Sumo

El primero no es un número tan malo, pero no estamos aquí para ser parte del promedio, más adelante, sabrás como llegar a ese 40%.

Cómo explica Sean Bestor, los popups HTML funcionan, el problema/oportunidad es que muchos no saben cómo hacer que funcionen.

Trucos para mejorar la conversión de un popup HTML

1. Las ventanas con mayor conversión no aparecen inmediatamente

Imagina que deseas entrar a una tienda física, todavía no ves bien lo que hay, ni siquiera sabes si necesitas algo y cuando te acercas a la puerta aparece uno de esos vendedores acosadores.

¿Cómo esperas que los usuarios se conviertan cuando ni siquiera han visto bien lo que ofreces?

En el mejor de los casos la mayoría ignorará la información y buscará con desesperación el botón de cerrar.

En la investigación de Sumo se descubrió que entre los popups con mayor rendimiento, solo el 8% aparecía antes de los 4 segundos.

Esto también se aplica para las notificaciones push, la mayoría de sitios te ofrecen recibir notificaciones cuando ni siquiera has leído un poco sobre qué trata la página.

¿Entonces cuándo es buen momento? La respuesta que todos odiamos: depende.

Debe el ser tiempo suficiente para que el usuario perciba que tu contenido vale la pena.

Por ejemplo, el siguiente pop up HTML aparece en una página de libros a los 15 segundos después de que el usuario entra:

Tiempo suficiente para que el usuario revise un poco la información, pero la clave aquí es que el popup ofrece el primer capítulo del libro que le interesa al usuario, totalmente gratis.

Es decir, aparece en el mejor momento, ofreciendo algo de valor para el visitante, y si está interesado en el libro, no dejará pasar la oportunidad.

Esto hace que dicha ventana tenga una conversión del 38.4%.

Esta es la magia del contexto/tiempo, sigue leyendo porque pronto explicare que tiene que ver el contexto aquí.

Ahora, seguro has visto popups que aparecen de inmediato en grandes sitios como NeilPatel o DolceGabbana. ¿Contradicen nuestro dato?

No. La explicación es simple, estos más que sitios se han vuelto marcas de gran valor, por lo que muchos de los usuarios que entran a estos sitios ya conocen a la persona o marca y confían tanto en estás, que no tienen problema en suscribirse desde el primer momento.

2. Los mejores pop ups contienen un texto impactante

Internet está saturado de tanta información y contenidos que ya ni se distinguen entre sí, esta es la razón por la que captar la atención de los usuarios es cada vez más complicado.

Pero hay formas de llamar la atención usando ciertas palabras fuera de lugar.

Para lograrlo no puedes hacer el mismo popup de siempre. Es como acercarte a una chica bonita, por supuesto no puedes llegar con la típica charla que seguro ha escuchado miles de veces.

Veamos un ejemplo:

Esta ventana se encuentra en el sitio de Optinmonster (otra herramienta de creación de popups HTML) y aparece al intentar salir.

La clave de este ejemplo es decirle al usuario lo que tendrá que enfrentar si no se queda en sitio. Vaya, esto sonó peor de lo que pensé.

Pero es real, estudios nos comprueban que los seres humanos ponemos mucha más atención cuando estamos a punto de perder algo. Y esto es algo que las grandes marcas ocupan para hacer marketing no solo con pop ups.

Por otra parte. Ve al grano, si en persona tienes poco tiempo para cautivar a una persona, en el mundo online, tienes aún menos.

No hay tiempo para texto de relleno, como «Suscríbete a nuestro blog y podrás recibir…».

Si tienes un descuento di que tienes un descuento y si por ejemplo tienes un libro o curso de marketing o negocios no digas que lo tienes directamente, menciona que resultados puede obtener el visitante si lo adquiere o lo toma.

Los usuarios están abrumados de tanto contenido, de hecho, de acuerdo con Nielsen NG, la persona promedio solo lee el 28% de un post de blog incluso aunque parezca muy completo.

No satures la interfaz con un popup complejo, recuerda que menos es más. Por supuesto como en otro tipo de anuncios o promociones también importa la claridad del mensaje.

En conclusión, muestra un mensaje impactante usando el menor número de palabras posible.

3. ¿Usar una imagen y una fecha límite?

Tal vez te preguntes si poner una imagen o una cuenta regresiva para crear el sentido de urgencia dentro de un popup funciona de verdad o no.

Tenemos datos que nos dan una respuesta sólida.

En una investigación de Sleeknote, se descubrió que las ventanas emergentes con una imagen obtuvieron una mayor tasa de conversión frente a las que no. Específicamente una tasa del 3.8% vs una del 2.07%.

La hipótesis neuro científica detrás de esto, es que como muchos saben, los seres humanos somos visuales y por supuesto vamos a estar más atraídos por gráficos que por solo texto.

Por supuesto antes de ir corriendo a poner una imagen, es recomendable hacer una prueba A/B para comparar los resultados en el caso de tu sitio, ya que no en todas las ventanas es necesaria una imágen, ni todas las imágenes tienen el mismo impacto.

Por otra parte, existen los countdown’s, elementos para dejarle claro al usuario que la oferta que ofreces es limitada y que pronto desaparecerá.

Cómo mencione antes, es una vieja técnica que aviva la atención de la persona, por el sentimiento de perder algo pronto.

En el mismo estudio se descubrió que los pop ups con tiempo limitado para accionar convertían mucho más que los que no generaban un sentido de urgencia. Específicamente un 8.07% vs 3.79%.

4. Los mejores popups ofrecen algo con demasiado valor

A menos que seas una gran marca internacional, pedir que se suscriban solo para recibir ofertas o contenidos no será lo más seductor para los usuarios.

Tal vez obtengas los correos de clientes fieles o personas conocidas, pero nada de gran impacto. Y esto por qué en vez de pedir tienes que dar.

¿Recuerdas el popups que ofrecía el primer capítulo del libro de interés para el usuario?

Seguro que para muchos lo más lógico es ofrecer una mini prueba gratis o un descuento y están en lo cierto.

La consultora Nielsen NG menciona que los popups se vuelven máquinas de conversión cuando ofrecen un descuento, principalmente cuando el usuario intenta salir, un consejo que reafirma el equipo de Sumo.

Pero ¿qué pasa cuando no puedes darte el lujo de ofrecer un descuento o una prueba gratis?

Este es un juego muy competitivo, por supuesto que las grandes empresas pueden permitirse regalar un poco de dinero con tal de conseguir clientes.

Y si quieres ser competitivo debes intentar ofrecer un descuento. Sin embargo puedes ocupar estrategias para no salir tan afectado como subir ligeramente el precio, ofrecer el descuento solo a partir de cierto número de pedidos o venderle al usuario complementos al producto inicial.

Pero a pesar de esto, existen otros beneficios que logran igualmente enormes tasas de conversión.

Ofrecer ebooks o reportes de investigaciones es lo que usan muchos bloggers para obtener emails, pero ojo, para que realmente funcionen deben ser contenidos épicos, por ejemplo información sobre cómo una empresa pasó de 0 a valer 50 millones de dólares puede llamar la atención.

Por ejemplo, aquí se ofrece un webinar en donde se explica cómo conseguir un gran volumen de tráfico sin gastar nada de dinero en anuncios. Muy bueno.

Desafortunadamente muchos bloggers ofrecen contenidos siempre parecidos entre sí, que incluso aunque no te pidieran el correo, no te los descargarias.

Nadie quiere recibir anuncios en su correo, así que deberías ofrecer una oferta prácticamente irresistible.

5. Los popups con la mejor tasa de conversión son los que entran en contexto

Para nadie es un secreto que un anuncio de sábanas queda mejor en una tienda de colchones que de comida.

Eso parece muy obvio pero el problema de los popups con resultados mediocres es que no están relacionadas con la página en cuestión donde se muestra.

Tal vez se relacione de forma general, es decir si se trata de un blog de cocina, una popup HTML que ofrezca una guía con los mejores consejos de cocina debería funcionar ¿No?

Si, pero seguirá siendo mediocre. A lo que me refiero es un contexto inigualable.

Recordemos que gran parte del éxito en la experiencia del usuario en sitios como YouTube, Facebook o Amazon es lo impresionantes que son sus algoritmos para recomendarte contenido o productos en base al que estás viendo o en tus intereses.

Volvamos al caso del blog de cocina, imaginemos que el negocio detrás es vender aparatos, utensilios e ingredientes de cocina de otras empresas.

Y que el contenido que está viendo el usuario actualmente es sobre como preparar un pavo para la cena navideña.

Más allá de un popup que solo invite al usuario a suscribirse al blog, se puede ofrecer lo siguiente:

Otros contenidos:

– Los platillos para la cena navideña más demandados

– Consejos para lograr una cena navideña inolvidable

Incluso si el blog es local:

– Los mejores lugares para comprar todo para la cena navideña en la Ciudad de México

Pongo esto primero, porque no todos los usuarios están abiertos a suscribirse desde el primer momento, pero sí a ver qué más ofreces, si es que complementa su necesidad.

Como dicen en Nielsen NG, los sistemas de recomendación pueden funcionar muy bien, siempre que aprovechen el contexto.

Pero si quisiéramos ganarnos un suscriptor, podríamos ofrecer una guía tanto en texto como en video sobre como preparar la cena de navidad perfecta.

Esta es una oferta que termina de complementar la necesidad actual del usuario.

De acuerdo con la investigación de Sumo, mantener el contexto es lo que hace que pocos popups logren tasas de conversión superiores al 40%.

Veamos este gran ejemplo:

No tiene el mejor diseño pero aparece justo en una reseña del software Squarespace y todo el pop up se relaciona con esta herramienta. Excelente contexto.

El problema es que demasiados sitios crean el típico popup de suscripción y lo programan para que aparezca en el mayor número de páginas de su sitio. ¿Por qué lo hacen?

A estas alturas cualquiera se da cuenta que un anuncio en Facebook puede llegar a ser 15 veces más eficiente que uno en TV nacional, gracias a la segmentación.

Para mejorar aún más el contexto, hoy en día los popups se pueden segmentar no solo por páginas, si no por factores como:

– De qué página viene el visitante

– Su ubicación geográfica

– El dispositivo que usa

– Si el usuario es nuevo o recurrente

Y muchos más

Con esto se logra crear un popup especial para una determinada audiencia, lo que puede aumentar la tasa de conversión brutalmente.

Ahora, sí la mayoría de sitios no hace esto, es por qué principalmente requiere más tiempo y esfuerzo que automatizar un popup general para toda una web. Es hora de aprovechar su negligencia.

¿Con que herramienta crear popups HTML?

Para pasar a la acción esta es una buena pregunta. Aunque hemos mencionado algunas a lo largo de este contenido, existe algo mejor.

Te dejo el top de las mejores herramientas para crear popups de todo el mundo, basado no en la opinión de una persona si no en un algoritmo que contempla una serie de factores para calificarlas de la forma más eficiente. Clic para ir.

No solo sabrás el nombre de cada herramienta, podrás ver ejemplos en vivo de popups creados con estás, conocer sus ventajas y desventajas, sus precios y aprender desde 0 cómo se usan.

Por último para poder sacarle provecho a la lista de prospectos que generes gracias a tus pop ups necesitarás una herramienta de email marketing, aquí es donde entra Mailrelay, crea tu cuenta gratis en pocos pasos.

Bueno, sinceramente espero que esté contenido te haya sido muy útil, me alegraría mucho si lo compartieras. Recuerda que puedes dejar tus dudas y opiniones en los comentarios, hasta la próxima.