11 ejemplos y preguntas de diseño de encuestas emergentes de sitios web

Los comentarios de un visitante o cliente, los buenos y los malos, son oro en polvo para mejorar su sitio web de comercio electrónico. Desde artículos con precios excesivos, errores tipográficos que se te pasaron por alto o una experiencia de usuario defectuosa, ¿quién mejor para ayudarte a mejorar que tus clientes?

¿Mencioné que pierdes 26 clientes por cada queja que ignoras?

En este artículo, le mostraremos 11 impresionantes encuestas emergentes que se utilizan para recopilar comentarios. Puede descubrir las mejores prácticas comerciales para hacer el trabajo a un nivel experto. Lo guiaremos sobre cómo crear un diseño espectacular y hacer las preguntas correctas.

Esto es lo que viene.

Tabla de contenido

11 ejemplos de encuestas emergentes para obtener valiosos comentarios de los clientes

5 consejos sobre cómo escribir preguntas emergentes de calidad

Diseño de ventana emergente de comentarios: cómo configurar una encuesta emergente en su sitio web

Primero, hablemos de diseño y copia. Siga leyendo para conocer 11 casos de uso de ventanas emergentes de encuestas súper nítidas.

1. Pregunte a los clientes por qué no compraron | Flip.hu

Lo que hace bien esta ventana emergente:

• Tiene un diseño atractivo que coincide con la estética del sitio. Tómese el tiempo para diseñar una hermosa ventana emergente que esté en la marca y llame la atención de sus usuarios. Cree una ventana emergente que use la misma fuente que su sitio y colores que reflejen su empresa.
  
  
• Solo hay una pregunta, por lo que es más probable que la gente responda. Sus tasas de devolución se disparan con cada pregunta adicional que hace. Para mejorar su tasa de respuesta, limite su pregunta a una o dos preguntas de la encuesta.

Lo que podría optimizarse o probarse A/B:

• Para un mayor contraste, Flip.hu podría probar diferentes colores de botones. Podrían probar con un botón azul contrastante contra un botón naranja. Los tonos contrastantes son tonos opuestos en la rueda de colores (naranja y azul, amarillo y morado o rojo y verde).
  
  
• También podrían probar una pregunta más corta y sencilla (p. ej., ¿por qué no solicitó el servicio Flip?). ¡Que sea breve! Los visitantes se desanimarán por una gran cantidad de texto.

2. Considere los estilos de vida de los clientes | Hittedzes.hu

Lo que hace bien esta ventana emergente:

• ¡Es una gran idea preguntar a los clientes cuándo quieren entrenar! Esta pregunta pone a los clientes en control. Replique esto encuestando a los clientes sobre los cambios que les gustaría ver en su tienda.
  
  
• El titular “Tu opinión importa” llama la atención. Para aumentar sus tasas de respuesta, busque un título que haga que su visitante se sienta importante y valorado.

Lo que podría optimizarse o probarse A/B:

• Este estilo de ventana emergente no coincide con el sitio web. Los tonos están apagados. Siempre asegúrese de que los colores de su ventana emergente coincidan con su marca.

3. Pregunte a los visitantes cómo lo encontraron | Tfsloans.es

Lo que hace bien esta ventana emergente:

• Tiene un diseño único, que coincide con el sitio web. Experimente con diseños geniales para ayudar a atraer visitantes a su ventana emergente.
  
  
• Con una simple pregunta, recopilan información importante sobre sus principales fuentes de referencia. Revise cuidadosamente qué datos necesita y vuelva a empaquetarlos de la manera más simple posible (es decir, una pregunta).

Lo que podría optimizarse o probarse A/B:

• La ventana emergente aparece justo después de que un visitante llega a la página. Es mejor si aparece después de unos segundos para que los visitantes no presionen automáticamente el botón X. Siempre deje que sus visitantes naveguen y conozcan su selección primero.
  
  
• Enumerar una selección de respuestas puede ayudar a mejorar las tasas de respuesta de sus ventanas emergentes.

4. Mostrar una pregunta rápida sobre la intención de salida | Hajoutkell.hu

Lo que hace bien esta ventana emergente:

• Utilizan colores de alto impacto. Opta siempre por tonos atrevidos en lugar de grises y beiges apagados.
  
  
• El titular: “Tu opinión es importante para nosotros” ayuda a amplificar su mensaje y dirige la atención de los visitantes. Ponga el foco en su visitante y hágale saber cuánto valora su opinión.
  
  
• El texto breve y simple ayuda a los visitantes a comprender la pregunta, lo que aumenta la cantidad de respuestas que recopilará.

Lo que podría optimizarse o probarse A/B:

• El diseño es llamativo, pero no encaja perfectamente con la estética del sitio. Siempre haga coincidir su ventana emergente con el esquema de color y el diseño de su sitio de comercio electrónico. Esto ayuda a respaldar la sensación de cohesión de su marca, generando confianza y reconocimiento entre sus visitantes y clientes.
  
  
• Para obtener comentarios más detallados, incluya un cuadro de texto donde los visitantes puedan compartir lo que están buscando.

5. Medir NPS | Reunión de Google

Lo que este mensaje lateral hace bien:

• Entrega una encuesta justo después de que las personas salen de una reunión. Este es el momento ideal porque las personas están preparadas para la acción justo después de participar.
  
  
• Es muy fácil para la gente dejar comentarios. Simplemente pueden clasificar su experiencia. Use un sistema de clasificación como este para ayudar a tener una idea clara de cómo se sienten las personas con respecto a su oferta o sitio de comercio electrónico.

Lo que podría optimizarse o probarse A/B:

• Puede obtener información aún más profunda si pide a las personas que proporcionen comentarios más detallados. Para hacer esto, incluya una pregunta abierta (que comience con qué, por qué, dónde, cómo o cuándo) e incluya un cuadro de texto para que los visitantes compartan sus pensamientos.

6. Solicite comentarios sobre la experiencia de compra | Proveedores de Urban Outfitters

Lo que este mensaje lateral hace bien:

• El mensaje de la encuesta es muy sutil. No interrumpe la experiencia de navegación de un visitante, pero sigue siendo fácil de ver, por lo que tiene un bajo factor de irritación.
  
  
• Pide permiso para recopilar comentarios. Diseñar una ventana emergente de esta manera les da a sus visitantes una sensación de control sobre si deben o no proporcionar comentarios. El deseo de control es una necesidad psicológica innata . Pedir permiso para recopilar comentarios puede aprovechar esta necesidad y mejorar su relación con los clientes.

Lo que podría optimizarse o probarse A/B:

• Urban Outfitters podría usar tonos más coloridos para ayudar a aumentar la visibilidad de su mensaje lateral.
  
  
• Este mensaje lateral funciona bien porque no es invasivo. Sin embargo, puede intentar moverlo a una esquina diferente o al centro de la página para ver qué posicionamiento funciona mejor.

7. Pida a los visitantes del sitio web que lo ayuden a mejorar | Zenmountaingear.com

Lo que este mensaje lateral hace bien:

• Zen Mountain Gear solo hace una pregunta. Por cada pregunta adicional que se hace, un mayor número de visitantes sale sin terminar la encuesta. Haga que esto funcione para usted: concéntrese en una o dos preguntas de la encuesta como máximo.
  
  
• ¿Por qué un visitante no hace una compra? Esta es una de las preguntas más importantes a las que se enfrentan muchas tiendas de comercio electrónico. Asegúrese de agregar una pregunta que aborde esta consulta a su lista de preguntas de la encuesta.
  
  
• El aspecto es una combinación perfecta para este sitio de comercio electrónico. ¡Siempre combina con tu marca!

Lo que podría optimizarse o probarse A/B:

• Dibuja los ojos del visitante y estiliza el color del mensaje lateral con colores contrastantes.
  
  
• Si se cambia el color "enviar" del botón, podría obligar a los visitantes a completar el formulario.

8. Pide ayuda de forma sencilla | Mygeekgalaxy.com

Lo que este mensaje lateral hace bien:

• Un cuadro de texto permite a los visitantes proporcionar información más detallada sobre su experiencia en su tienda. Los cuadros de texto son increíbles para recopilar más información de sus visitantes.

• Utiliza colores de alto impacto pero no perturba la experiencia del usuario. Elija colores atractivos sin restarle demasiada experiencia a sus visitantes en su sitio.

Lo que podría optimizarse o probarse A/B:

• Evite frases como “¡Ayuda, por favor!”. Esta frase se siente un poco presionante y desagradable, ya que suena como una orden emocionalmente exigida.

• Elija un título más creativo y atractivo (no tenga miedo de experimentar con la jerga y los emojis para captar la atención de su audiencia).

9. Pida a los clientes que participen en una encuesta de satisfacción del cliente | ATT.com

Lo que hace bien esta ventana emergente:

• Esta ventana emergente tiene increíbles colores contrastantes y enfoca la atención de sus visitantes.
  
  
• El botón utiliza la primera persona. Una llamada a la acción (CTA) activa puede aumentar sus conversiones en un 90% masivo .

Lo que podría optimizarse o probarse A/B:

• La copia es conversacional pero cae en el lenguaje comercial. Esto puede socavar su estrategia de marketing. Una copia escrita como "Ha sido seleccionado para participar en una breve encuesta de satisfacción" es el tipo de lenguaje que los visitantes están demasiado acostumbrados a ver en las páginas web.
  
  
• Inmediatamente pueden pasar por alto la ventana emergente debido a la copia sin inventiva. Esto puede reducir sus tasas de conversión de forma masiva. Aumente sus conversiones al incluir proyectos de copia divertidos, emojis y un poco de jerga.

10. Utilice una ventana emergente de NPS | Mailtag.io

Lo que hace bien esta ventana emergente:

• Esta ventana emergente lo mantiene fácil, alegre: la copia es breve y agradable. El sistema de calificación simple y el pequeño cuadro de texto obligan a los visitantes a compartir sus comentarios. ¡ Esta es una clase magistral en el diseño de ventanas emergentes de comentarios de los clientes y una copia breve y ágil para obtener las máximas conversiones!

• El esquema de colores es súper simple, utilizando una atractiva combinación de azul y blanco.
  

Lo que podría optimizarse o probarse A/B:

• “Su aporte es valioso para nosotros” es un poco seco y poco inventivo. Pueden renovar el mensaje mediante el uso de textos publicitarios más lúdicos o divertidos para atraer a los visitantes del sitio web e inspirarlos a compartir sus pensamientos.

• Todas las mayúsculas (para las preguntas) pueden ser discordantes y difíciles de leer. Las pruebas A/B de texto en minúsculas podrían ayudar potencialmente a aumentar las tasas de respuesta.

11. Pide retroalimentación después de leer un artículo | OptiMonk

Lo que este mensaje lateral hace bien:

• La imagen ayuda a personalizar el mensaje lateral al crear una conexión con el visitante.
  
  
• La pregunta es súper simple: todo lo que los visitantes del sitio web tienen que hacer es dar un pulgar hacia arriba o hacia abajo a la publicación.
  
  
• Los colores son divertidos y totalmente de marca para OptiMonk.

Lo que podría optimizarse o probarse A/B:

• La copia es fácil de leer, pero cambiar el texto podría aumentar las tasas de respuesta.
  
  
• Agregar un emoji divertido podría ayudar a que el mensaje sea más divertido y atractivo.

Ahora que hemos terminado nuestro resumen de ejemplos, estas son las 5 conclusiones más importantes para la futura creación de ventanas emergentes de encuestas.

1. Elija una combinación de preguntas de encuesta abiertas y cerradas

Las preguntas cerradas son más fáciles de responder para los visitantes de su sitio web, ya que requieren un esfuerzo mínimo. Por el contrario, las preguntas abiertas proporcionan información más profunda sobre las experiencias de sus visitantes o clientes.

En acción:

Una pregunta cerrada podría ser: "¿Te gustó este artículo?" La respuesta: Sí o No. Pruebe emojis de sonrisa o ceño fruncido en los que se puede hacer clic o pulgares hacia arriba o hacia abajo como en nuestro ejemplo emergente anterior.

Una pregunta abierta podría ser: "¿Por qué te gustó este artículo?" La respuesta podría ser de opción múltiple con un cuadro de texto, dando al espectador la opción de agregar más información.

2. Resista la tentación de hacer que los visitantes hablen sobre su solución

Puede ser tentador buscar respuestas que destaquen solo lo bueno de su producto, servicio o página web. Pero algunos de los comentarios más útiles se centran en lo que podría optimizar y mejorar.

Elija "¿Cómo fue su experiencia?" en lugar de "¿Cuánto te gustó tu experiencia?"

3. Mantén tu texto al mínimo

No abrume a sus visitantes con demasiado texto que les haga querer presionar el botón "X" de inmediato.

Mantenga su copia breve, directa y legible para aumentar la cantidad de respuestas que recibe.

4. Limite su pregunta a una pregunta (¡los cuadros de texto para información adicional no cuentan!)

Aumentará enormemente sus tasas de respuesta haciendo solo una pregunta a la vez de sus visitantes o clientes.

Si hace varias preguntas al mismo tiempo, confundirá a los visitantes.

5. Elija siempre una copia divertida y atractiva en vez de una copia que sea seca y demasiado profesional.

Diseñe su copia para atraer a los visitantes de su sitio web y aumentar sus tasas de respuesta. Recuerde que cuando una copia es demasiado aburrida o comercial, hará poco para captar la atención de su audiencia.

Tienes la inteligencia que necesitas para una impresionante ventana emergente de comentarios. Pongámoslos en acción.

¿Listo para crear algunas encuestas emergentes de alta conversión? Es muy fácil crear una ventana emergente hermosa, gratuita y dirigida por láser con OptiMonk.

Así es como :

Paso 1: Cree una nueva cuenta de OptiMonk o inicie sesión aquí .

Paso 2: Inicie una nueva campaña haciendo clic en el botón "Nueva campaña":

Paso 3: Filtre por "recopilar comentarios" como su objetivo:

Paso 4: Elija la plantilla de su elección:

Paso 5: Diseña la ventana emergente en nuestro editor de arrastrar y soltar. Juega con la fuente, las imágenes, los colores y tu botón CTA.

Paso 6: Elija quién puede ver su ventana emergente y cuándo.

Por ejemplo, puede orientar su ventana emergente para que solo se muestre a los nuevos visitantes con la intención de salir (por ejemplo, cuando intentan abandonar su sitio sin comprar).

Paso 7: active su ventana emergente arrastrando el interruptor de desactivación a "activar".

Las ventanas emergentes de comentarios son una forma increíble de aprovechar un tesoro de pensamientos y sentimientos de clientes y visitantes.

Desde descubrir cómo lo encontraron sus visitantes hasta solicitar su opinión sobre sus productos, las ventanas emergentes son una de las mejores formas de obtener la información que necesita para hacer crecer su negocio.

¡Conócenos abajo en los comentarios! ¿Qué ejemplo fue tu favorito? ¿Cuál es más probable que utilice para su negocio?