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

Una ventana emergente es un elemento de interfaz que aparece en la parte superior de una página web en un navegador. Aparece de repente sin que el usuario lo pida o aparece al hacer clic. Suele servir para captar abonados, informar de noticias, mostrar anuncios o prestar asistencia técnica.

¿Qué son las ventanas emergentes?

Los anuncios emergentes o pop-ups son publicidad en línea en la World Wide Web. Una ventana emergente es un área de visualización de la interfaz gráfica de usuario, normalmente una ventana pequeña, que aparece de repente ("pops up") en el primer plano de la interfaz gráfica de usuario.

Popup o Pop Up

Lo más probable es que se haya encontrado con tres grafías durante su navegación por Internet: "pop-up", "pop-up" o "popup". Aunque son consonantes, todavía difieren en significado.

"Pop up" es un verbo - la acción de una aparición repentina o inmediata.

"Popup" o "ventana emergente" se utilizan como sustantivos, con el significado de un widget informativo o publicitario en su sitio web.

Aunque "popup" es la grafía más común, no es gramaticalmente correcta. Por eso en Claspo optamos por "pop-up" en lugar de "popup" o "pop up" e intentamos ser coherentes en todos nuestros contenidos.

Lo más probable es que haya encontrado tres grafías mientras navegaba por Internet: "pop-up", "pop-up" o "popup". Aunque son consonantes, todavía difieren en significado.

"Pop up" es un verbo: la acción de una aparición repentina o inmediata.

"Popup" o "pop-up" se utilizan como sustantivos, es decir, un widget informativo o publicitario en su sitio web.

Si bien "popup" es la ortografía más común, no es gramaticalmente correcta. Es por eso que en Claspo elegimos las opciones "pop-up" en lugar de "popup" o "pop-up" e intentamos ser consistentes en todo nuestro contenido.

¿Por qué necesitamos ventanas emergentes?

Ejemplo de ventana emergente

Los pop-ups tienen varias ventajas que animan a cada vez más propietarios de sitios web y profesionales del marketing a utilizarlos en sus estrategias online. Estas ventajas incluyen pero no se limitan a:

Atraer la atención

Hoy en día, la mayoría de los visitantes pasan sólo 54 segundos en un sitio web. Muchos de ellos sólo hojean una o dos páginas antes de marcharse. Las ventanas emergentes le permiten aprovechar este breve espacio de tiempo y transmitir sus mensajes clave de forma inmediata. Con Claspo, puede colocarlos en la página de inicio o en todas las páginas visitadas con frecuencia para, como mínimo, captar la atención de los visitantes y, como máximo, motivarles a comprar.

Aumentar las conversiones

Los datos de más de un millón de sitios web de Duda muestran que los sitios web que utilizan publicidad emergente tienen 4 veces más conversiones que los que no lo hacen. Además de llamar la atención, las ventanas emergentes tienen una clara llamada a la acción y redirigen rápidamente a los visitantes a la página adecuada para realizar esa acción. De este modo, se simplifica su camino hacia la conversión.

¿Por qué buscar lejos ejemplos de éxito? Nuestros casos de colaboración muestran claramente lo que Claspo puede hacer por su empresa: el uso de ventanas emergentes multiplicó por 2 las conversiones de Grade y por 3,9 las de DeepStateMap. Lea y descubra cómo Claspo puede marcar la diferencia.

Adaptabilidad al cambio 

Teniendo en cuenta el significado técnico de pop-up, un pop-up es un bloque de código incrustado en su sitio web. Para crear una nueva popup con Claspo, sólo tiene que arrastrar y soltar los elementos deseados en el diseño y, a continuación, copiar y pegar el código ya preparado en el sitio. Así, podrá añadir o modificar pop-ups cuando su estrategia online lo requiera. Al mismo tiempo, no necesita entender de codificación ni de arquitectura de sitios web.

Solución integral

Puede tener diferentes objetivos, pero todos son más fáciles de alcanzar con las ventanas emergentes. Por ejemplo, si quiere atraer a nuevos clientes, las ventanas emergentes animan a los visitantes del sitio web a unirse a su lista de suscriptores mediante un imán de clientes potenciales. Si su objetivo es reducir el número de carritos abandonados, las ventanas emergentes pueden disipar las dudas de los clientes recordándoles un envío gratuito o una oferta especial. Con más de 700 plantillas de Claspo listas para usar, puede encontrar un pop-up para cualquier propósito.

Qué son las ventanas emergentes: tipos y ejemplos

Respondiendo a la pregunta "¿Qué es una ventana emergente?", la mayoría de la gente sigue dando a entender que se trata de un mensaje promocional en un sitio web que cubre toda la pantalla. Sí, este tipo de ventanas emergentes siguen siendo muy utilizadas. Pero, de hecho, pueden tener diferentes diseños y propósitos.

Tipos de Pop-Ups por diseño

El diseño de las ventanas emergentes determina cómo se muestran y se sitúan en la pantalla. Puede tratarse sólo de una pequeña ventana que aparece en el centro de la página o de una barra que se desplaza a un lado. Una 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 por diseño.

Lightbox o modal popup

Ver ejemplos de lightbox pop-up de Claspo

Este tipo de pop-up clásico aparece en el centro de la pantalla y se superpone al contenido de su sitio web oscureciéndolo como fondo. Según las estadísticas, el modal popup muestra una de las mejores tasas medias de conversión, del 7,39%.

Ventana emergente a pantalla completa

Ver ejemplos de ventanas emergentes a pantalla completa de Claspo

Si el pop-up lightbox aparece encima del contenido del sitio web y sólo lo atenúa, el pop-up fullscreen aparece como un banner que bloquea el contenido por completo. Los propietarios de sitios web suelen utilizar este tipo cuando necesitan verificar la edad de los visitantes antes de permitirles acceder al contenido. Sin embargo, puede elegir esta solución de bloqueo de contenido para enviar cualquier mensaje urgente, ya que garantiza que los visitantes del sitio web lo notarán primero.

Caja flotante

Ver ejemplos de cajas flotantes emergentes de Claspo

Estas ventanas emergentes pueden situarse en distintas partes de la pantalla. La característica principal es que no se superponen al contenido del sitio web, sino que permanecen delante de los ojos de los visitantes cuando se desplazan por la página. Si su mensaje en el cuadro flotante emergente es irrelevante para los visitantes, pueden descartarlo fácilmente.

Barra flotante

Ver ejemplos de barra flotante emergente de Claspo

Al igual que una caja flotante emergente, la barra flotante se pega a una parte específica de la pantalla y acompaña a los visitantes mientras se desplazan. Pero a diferencia de ella, la barra flotante ocupa aún menos espacio en la página y, por tanto, interfiere menos en la visualización del contenido del sitio web.

Widget integrado

Vea ejemplos de ventanas emergentes integradas en Claspo

Como sugiere el nombre, los widgets en línea o integrados se incrustan permanentemente en partes específicas de una página web sin aparecer. Son estáticos y, por tanto, los visitantes no pueden cerrarlos. Funcionan muy bien si has estudiado el recorrido del usuario en tu sitio web y sabes qué información puede necesitar en cada momento. Por ejemplo, se puede insertar una ventana emergente de recomendaciones personalizadas en la página de pago.

Lanzador

Ver ejemplos de ventanas emergentes de Claspo

El lanzador es una versión en miniatura de su ventana emergente cuyo objetivo es captar la atención de los visitantes y motivarles para que lean su mensaje completo. En pocas palabras, al entrar en su sitio web, los visitantes ven un lanzador y, si les interesa, hacen clic en él y pasan a una ventana emergente de tamaño completo.

Tipos de ventanas emergentes por objetivo

De hecho, las ventanas emergentes de un sitio web pueden servir para muchos propósitos diferentes, lo cual es una de sus principales ventajas. Aunque un artículo apenas basta para describir en detalle todos los objetivos posibles, pueden dividirse en 5 categorías clave.

Recogida de datos

Create a data collection pop-up

El objetivo de estas ventanas emergentes es recopilar datos sobre sus clientes actuales y potenciales. Puede tratarse solo de sus correos electrónicos y números de teléfono, o de información más detallada, como preferencias de contenido, estado civil, intereses, etc.

Algunos ejemplos de ventanas emergentes animan a los clientes a compartir sus datos para estar al día de las novedades de la empresa. Otros, en cambio, les ofrecen ventajas como descuentos, libros electrónicos o libros blancos a cambio de información personal. En cualquier caso, las ventanas emergentes cumplen bien su función. Según Entrepreneur, este tipo de pop-up les permitió aumentar sus suscripciones en un 86%.

Promoción de ofertas especiales

Crear una oferta especial emergente

Este tipo de ventana emergente centra la atención de los visitantes del sitio web en códigos promocionales, descuentos, regalos y otras grandes ofertas de su marca. Dado que el 94% de los clientes siempre buscan una buena oferta antes de comprar, una ventana emergente de este tipo puede llevar sus conversiones y ventas al siguiente nivel. Su oferta destacará sobre el resto del contenido, independientemente del diseño elegido.

Mantener el contacto con los clientes

Crear una ventana emergente para mantener el contacto

Mantenerse en contacto con los clientes es posible gracias a distintos tipos de ventanas emergentes. Por ejemplo, una ventana emergente con un botón de contacto permite a los clientes ponerse en contacto con usted a través de uno o varios mensajeros, una ventana emergente de devolución de llamada le ayuda a ponerse en contacto con los clientes para resolver cualquiera de sus problemas y una ventana emergente de redes sociales redirige rápidamente a la audiencia a sus cuentas de redes sociales. Todos ellos tienen como objetivo mejorar la fidelidad, el compromiso y las relaciones con los clientes.

Recogida de comentarios

Crear una encuesta emergente

A sus clientes les encanta que les escuchen y quieren que sus opiniones importen. El 77% son fieles a las marcas que recogen opiniones y las tienen en cuenta para introducir mejoras. Las ventanas emergentes con encuestas son una de las formas más comunes y eficaces de obtener este feedback.

Notificación a los visitantes del sitio web

Crear una ventana emergente de notificación

Las ventanas emergentes de notificación no animan al visitante del sitio web a realizar ninguna acción. En su lugar, comunican información importante que los visitantes deben conocer. Aunque estas ventanas emergentes no afectan a las conversiones, pueden mejorar la experiencia del cliente.

Las mejores prácticas de Pop-Up

Las ventanas emergentes, como cualquier otra herramienta, sólo funcionan bien si se utilizan correctamente. Por eso hemos reunido 7 consejos de eficacia probada para que los recuerdes a la hora de crear tus ventanas emergentes.

1. Cuide el diseño. Lo ideal es adaptar el aspecto de la ventana emergente al diseño general de su sitio web para garantizar la coherencia de colores y fuentes. Además, no sobrecargue la ventana emergente con texto. De lo contrario, su mensaje puede resultar difícil de entender. Por último, añada una imagen para aumentar el porcentaje de clics en la ventana emergente en un 25%.

2. Esperar para mostrar la ventana emergente. El 28,6% de los visitantes dicen que les molesta la aparición inmediata de ventanas emergentes tras entrar en el sitio. Por lo tanto, déles tiempo para desplazarse y sentirse cómodos. Mejorará no sólo la experiencia del usuario, sino también sus conversiones. Las ventanas emergentes que aparecen 8 segundos después de entrar en el sitio web son las que mejor convierten. Pero para determinar el momento ideal, siempre puede probar diferentes opciones.

3. Utilice un activador de desplazamiento. Con Claspo, puede mostrar su ventana emergente sólo cuando los visitantes se hayan desplazado por un determinado porcentaje de la página de su sitio web. Algunos estudios demuestran que las ventanas emergentes que aparecen después de un 10-50% de desplazamiento de la página son las que mejor convierten, y por lo tanto, este tipo de visualización retardada puede ser una gran solución.

4. Adaptar la ventana emergente a la versión móvil. El 72% de las visitas a sitios web se realizan a través de smartphones. Por lo tanto, si su publicidad emergente no está adaptada a la versión móvil, puede perder la mayor parte de las conversiones. Los pop-ups de Claspo responden a diferentes tamaños de pantalla y pueden ajustarse fácilmente por anchura y altura al diseño de su página.

5. No muestre las mismas ventanas emergentes. No muestre las mismas ventanas emergentes. El 19,2% de los visitantes se quejan de que ven la misma ventana emergente cada vez que visitan un sitio web. Es molesto e ilógico, como cuando los suscriptores vuelven a ver el pop-up de registro. Con Claspo, puede dejar de mostrar pop-ups en cuanto los clientes hayan dejado sus datos de contacto. Además, puede controlar la frecuencia y mostrar un pop-up una vez o una vez cada varios días. La mejora de la experiencia del usuario está garantizada.

6. Muestre ventanas emergentes especiales a los visitantes que se marchan. Según la definición de ventana emergente de intención de salida, se trata de una oferta de última hora que se muestra a quienes tienen intención de abandonar su sitio web. Gracias a ella, puede convencer a más del 10% de los visitantes para que se queden y realicen una compra. De hecho, cualquiera de sus pop-ups puede convertirse en una oferta de intención de salida con un solo clic en Claspo. Lo principal es asegurarse de que su mensaje es lo suficientemente convincente como para retener a los clientes.

7. Piense detenidamente en su llamada a la acción. Debe explicar claramente al cliente qué acción espera de él. Además, debe centrar su CTA en el valor. Por ejemplo, en lugar de "empiece a comprar", puede utilizar "compre ahora con un 20% de descuento". Por último, puede añadir un temporizador de cuenta atrás a su CTA, que es más probable que acelere a los compradores que un simple botón de comprar ahora. En concreto, las ventanas emergentes con este gancho convierten 2 veces más.

Cómo puede ayudarle Claspo

Claspo se centra en la experiencia del usuario y las conversiones. Por lo tanto, crear pop-ups con el editor de Claspo es una solución beneficiosa para todos.

• Protección contra molestias y solapamiento. Con nuestras funciones exclusivas, puede configurar el intervalo de silencio entre la visualización de las ventanas emergentes. Además, Claspo evitará que se solapen si deben mostrarse simultáneamente.
• Opciones avanzadas de visualización y segmentación. Con Claspo, tendrá un control total sobre quién ve sus ventanas emergentes y cuándo. Le permite mejorar el recorrido de un cliente in situ y personalizar su experiencia, aumentando sus beneficios hasta en un 40%.
• Fácil localización. Claspo le permite mostrar ventanas emergentes en función de la ubicación geográfica de sus clientes. Al mismo tiempo, su audiencia puede ver su mensaje en el idioma que coincida con su navegador.
• Más de 5000 integraciones. Transfiera las métricas clave de sus ventanas emergentes a un único repositorio de datos de su elección, explore información valiosa sobre su audiencia y ofrezca la mejor experiencia al cliente para impulsar las ventas.

Novedoso deslizador emergente. Con él, puede mostrar varios productos u ofertas especiales como una presentación de diapositivas animada. De este modo, no molestará a los clientes con tantas ventanas emergentes, pero transmitirá todos sus mensajes.