Cómo obtener comentarios sobre el diseño de tu sitio web en WordPress (paso a paso)

En WPBeginner, hemos rediseñado nuestro sitio web de WordPress varias veces. Y cada vez, los comentarios de los usuarios jugaron un papel importante en la configuración del resultado final.

Pero obtener comentarios significativos generalmente no es tan simple como agregar un formulario a tu sitio web. Hemos aprendido que la mayoría de los visitantes no compartirán sus pensamientos a menos que hagas las preguntas correctas de la manera correcta.

En esta guía, te mostraremos cómo recopilar comentarios sobre el diseño de tu sitio web en WordPress. ¡Te guiaremos a través de los pasos que nos han ayudado a obtener información valiosa de los visitantes!

¿Por qué deberías pedir comentarios sobre el diseño de tu sitio web?

Si bien es bueno pedir consejos y trucos de diseño a los expertos, obtener comentarios sobre el diseño de tu sitio web de tus usuarios es esencial. Esto se debe a que son ellos quienes usan tu sitio web día a día. Y si eres un propietario de un negocio en línea, entonces es muy probable que también sean tus clientes.

Con los comentarios sobre el diseño de tu sitio web, puedes optimizar tu sitio de WordPress para las necesidades exactas de tus visitantes en lugar de adivinar qué podría funcionar mejor. Sus comentarios pueden ayudar a identificar puntos débiles, mejorar la navegación y mejorar la experiencia general del usuario.

Al escuchar a tus usuarios, puedes rediseñar tu sitio web de WordPress de una manera que resuene con tu audiencia y fomente visitas recurrentes y conversiones.

Hay muchas maneras de pedir retroalimentación sobre el diseño de un sitio web. Algunas personas eligen agregar un formulario de comentarios al final de una publicación de blog, mientras que otras pueden pedirlo por correo electrónico.

Según nuestra investigación, creemos que la mejor manera de pedir retroalimentación sobre el diseño de un sitio web en WordPress es utilizando un widget de encuesta que aparece en la esquina de tu página web. De esta manera, los usuarios pueden proporcionar sus comentarios sin interrumpir su experiencia de navegación.

Este artículo te ayudará a crear una encuesta de retroalimentación de diseño web utilizando el método del widget de encuesta. Hemos desglosado el proceso en pasos sencillos, y puedes saltar a cualquier sección rápidamente usando los enlaces a continuación:

• Paso 1: Instalar y activar el plugin UserFeedback
• Paso 2: Crear una nueva encuesta de retroalimentación de sitio web
• Paso 3: Agregar preguntas a tu formulario de retroalimentación de diseño web
• Paso 4: Decidir cuándo y dónde mostrar la encuesta
• Paso 5: Configurar notificaciones por correo electrónico
• Paso 6: Guardar la encuesta como borrador o publicarla
• Consejo adicional 1: Combina la retroalimentación del sitio web con los mapas de calor de UserFeedback
• Consejo adicional 2: Cómo idear preguntas para un formulario de retroalimentación de diseño web
• Consejo adicional 3: He recopilado retroalimentación de diseño web, ¿y ahora qué?

Paso 1: Instalar y activar el plugin UserFeedback

El primer paso es instalar el plugin UserFeedback. UserFeedback es una plataforma de recopilación de comentarios diseñada para sitios web de WordPress.

Con su constructor de formularios fácil de usar, puedes configurar un widget de encuesta fácilmente en muy poco tiempo. La función de segmentación inteligente también facilita el lanzamiento de un formulario de encuesta que no resulte intrusivo para los visitantes del sitio web.

En WPBeginner, hemos utilizado UserFeedback para aprender más sobre lo que querían nuestros clientes de diseño web. Funcionó muy bien, ¡y puedes obtener más información al respecto en nuestra reseña completa de UserFeedback!

Una vez que hayas elegido qué versión de UserFeedback quieres usar, procede a instalarla en WordPress. Para más información, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Luego, si estás usando la versión Pro, puedes activar tu clave de licencia Pro.

Para hacer esto, ve a UserFeedback » Ajustes desde tu panel de WordPress. Después de eso, copia y pega tu clave en el campo 'Clave de licencia' y haz clic en 'Verificar'.

A continuación, simplemente haz clic en el botón 'Guardar ajustes' en la parte inferior.

ℹ️ Una nota para usuarios Pro: antes de pasar al siguiente paso, deberías activar algunos complementos para facilitar mucho la creación del formulario de comentarios. Para hacer esto, simplemente ve a UserFeedback » Complementos.

En esta página, encontrarás 5 complementos: Plantillas Adicionales, Comportamiento, Marca, Tipos de Preguntas y Segmentación. Recomendamos instalarlos y activarlos todos, ya que todos serán importantes para el proceso más adelante. Simplemente haz clic en el botón 'Activar' para cada complemento.

Paso 2: Crear una nueva encuesta de retroalimentación de sitio web

En esta etapa, ya estás listo para crear tu formulario de comentarios de diseño web, así que procede a navegar a UserFeedback » Encuestas.

Aquí, simplemente haz clic en el botón 'Crear nuevo' cerca de la parte superior.

Serás dirigido a la página de configuración 'Seleccionar una plantilla'.

Si usas la versión Lite, puedes usar la plantilla ‘Comentarios del sitio web’ o ‘Experiencia del sitio web’. Ambas incluyen preguntas listas para usar relacionadas con comentarios sobre diseño y desarrollo web.

Dicho esto, siempre puedes seleccionar ‘Empezar desde cero’ para crear un formulario de comentarios personalizado.

Para usuarios Pro, recomendamos usar ‘Comentarios de diseño de sitio web (PRO)’, que puedes encontrar si te desplazas hacia abajo en la página. Usaremos esa plantilla en nuestro tutorial.

Paso 3: Agregar preguntas a tu formulario de retroalimentación de diseño web

El tercer paso es insertar preguntas en tu formulario de comentarios de diseño de sitio web.

Si usas la plantilla ‘Comentarios de diseño de sitio web (PRO)’, verás que ya se han agregado un par de preguntas. Dependiendo de tus objetivos, puedes usarlas o eliminarlas.

Exploremos algunas configuraciones básicas para el creador de formularios del plugin de comentarios.

Agregar, Eliminar y Reorganizar Preguntas

Para agregar más preguntas, haz clic en el botón ‘Agregar pregunta’ en la parte inferior y selecciona un tipo de pregunta.

Hay 7 tipos de preguntas:

• Casillas de verificación
• Botones de opción
• Captura de correo electrónico
• Campo de texto único
• Respuesta larga
• Calificación con estrellas (disponible para usuarios Pro)
• Puntuación neta del promotor (disponible para usuarios Pro)

Para eliminar una pregunta, puedes hacer clic en el botón ‘Eliminar pregunta’ en la parte inferior del cuadro de la pregunta, como en la captura de pantalla anterior.

Luego, haz clic en ‘Sí, eliminar’.

Para reorganizar la lista de preguntas, puedes hacer clic en el botón de seis puntos a la izquierda del cuadro de la pregunta.

Luego, arrastra y suelta la pregunta, como a continuación:

Recomendamos mantener la encuesta corta, con aproximadamente 5 preguntas, pero no más de 7. Los usuarios son más propensos a completar encuestas cortas porque no les quitan demasiado tiempo.

Configuración de las Opciones de Pregunta y Lógica

Si usas UserFeedback Pro, puedes cambiar a la pestaña 'Configuración' en el cuadro de pregunta y ver más opciones para configurar tus preguntas de encuesta.

Cada tipo de pregunta tiene su propia configuración, así que asegúrate de explorar las opciones para cada una.

Por ejemplo, si usas Casillas de verificación o Botones de opción, puedes ver las configuraciones para hacer que la pregunta sea obligatoria, aleatorizar las respuestas y habilitar un cuadro de texto para comentarios adicionales.

Junto a 'Configuración' está la pestaña 'Lógica'. Aquí es donde puedes habilitar lógica condicional para la pregunta. Esto significa que puedes elegir mostrar u ocultar una pregunta si el usuario respondió de cierta manera en una pregunta anterior.

En el ejemplo a continuación, a los visitantes que calificaron la experiencia del sitio web por debajo de 3 se les mostrará la pregunta: '¿Cuál fue el propósito de tu visita al sitio web hoy?'

Personalización del Mensaje de Agradecimiento

Al final de la encuesta, los visitantes verán un mensaje de agradecimiento. Para los usuarios Pro, puedes editar el contenido de este mensaje según tus preferencias.

Puedes personalizar el contenido de este mensaje para que la redacción se ajuste a la identidad de tu marca. Simplemente selecciona 'Mostrar mensaje en el widget' para hacerlo y cambia el texto en el cuadro.

Alternativamente, puedes seleccionar la opción 'Redirigir a una página'. Recomendamos hacer esto si deseas recompensar a tus visitantes por completar la encuesta.

Puedes enviarlos a una página especial de agradecimiento de WordPress o WooCommerce donde puedan acceder a descuentos exclusivos o participar en un sorteo.

Redirigir a los usuarios a una página dedicada no solo expresa tu gratitud, sino que también mejora la experiencia del usuario. Puede hacer que los visitantes se sientan apreciados y valorados por su tiempo y aportaciones.

Vista previa del widget de encuesta

Si deseas previsualizar cómo se ve el widget de encuesta, haz clic en el botón ‘Vista previa’ ubicado en la parte superior, junto a ‘Crear’.

Las personas que usan la versión Pro también pueden personalizar el diseño del popup de encuesta para que coincida con el diseño web. Esto es importante para mantener una experiencia de usuario consistente en tu sitio web.

Puedes ajustar:

• El esquema de color, de claro a oscuro o viceversa
• El color de fondo del widget
• El color del texto
• El color del botón

Si deseas obtener más información sobre cómo cambiar los colores en WordPress, lee nuestra guía sobre cómo personalizar los colores en tu sitio web de WordPress.

Para el botón, recomendamos usar un color que contraste bien con tu fondo. De esta manera, el botón puede destacar y ser fácilmente visible para los visitantes, animándolos a hacer clic y proporcionar comentarios.

Puedes usar la herramienta Verificador de contraste de WebAIM para ver qué tan bien contrasta un color con otro.

Una vez que todo se vea bien, simplemente haz clic en el botón ‘Siguiente paso: Configuración’ en la parte inferior.

Paso 4: Decidir cuándo y dónde mostrar la encuesta

Después de crear las preguntas de la encuesta, ahora serás redirigido al paso de Configuración. Si eres usuario Pro, puedes configurar los ajustes de Seguimiento, Segmentación y Comportamiento de tu encuesta.

Seguimiento

Con esta configuración, puedes elegir habilitar el seguimiento de Google Analytics con el plugin MonsterInsights. Si eres nuevo en el seguimiento del rendimiento de tu sitio de WordPress con Google Analytics, entonces MonsterInsights es la herramienta más fácil de usar.

De hecho, usamos MonsterInsights en nuestro sitio web para el seguimiento de conversiones, y ha estado funcionando muy bien. Consulta nuestra reseña completa de MonsterInsights para aprender todo sobre él.

Para obtener más información sobre cómo configurar Google Analytics, lee nuestra guía para principiantes sobre cómo instalar Google Analytics en WordPress.

Segmentación

Esta configuración te permite elegir dónde aparece el widget de encuesta según diferentes dispositivos y páginas web.

Para 'Tipo de dispositivo', es mejor seleccionar Escritorio, Tableta y Móvil. Las personas usan varios dispositivos para navegar por la web, por lo que recopilar comentarios de todos los tipos asegura que obtengas información para mejorar tu diseño para todos los usuarios.

Consulta nuestra guía sobre formas de crear un sitio de WordPress compatible con dispositivos móviles para obtener consejos y trucos para que tu sitio web se vea bien en teléfonos inteligentes.

Para 'Páginas', puedes elegir si el widget de encuesta debe aparecer en todas las páginas o solo en páginas específicas.

Recomendamos mostrar el widget en páginas clave como tu página de inicio, páginas de productos/servicios y página de contacto. Estos son los lugares donde los visitantes a menudo se forman opiniones sobre tu sitio.

Obtener comentarios de estas páginas puede proporcionar información valiosa sobre la experiencia del usuario y ayudarte a realizar mejoras importantes.

Comportamiento

Con esta configuración, puedes decidir cuándo aparece la encuesta en tu sitio web y por cuánto tiempo.

En 'Tiempo de visualización', puedes elegir que la encuesta aparezca:

• Inmediatamente
• Después de varios segundos de retraso
• Cuando un usuario está a punto de abandonar la página en un escritorio
• Cuando un usuario se desplaza a la mitad de la página

Dado que estamos pidiendo comentarios sobre el diseño del sitio web, recomendamos mostrar la encuesta después de que el visitante haya explorado tu sitio de WordPress durante algún tiempo y se haya formado una primera impresión.

Para esto, puedes elegir 'Después de un retraso de _ segundos' o 'Cuando un usuario se desplaza a la mitad de la página'.

Elegir ‘Cuando un usuario está a punto de abandonar la página en Escritorio’ también es una buena idea. UserFeedback puede detectar cuándo un usuario está a punto de salir o navegar a una pestaña diferente.

Dado que la encuesta aparece cuando los usuarios ya están abandonando el sitio, pueden ser más honestos y estar más dispuestos a compartir sus opiniones sobre tu sitio web.

En ‘Duración de la visualización’, puedes seleccionar con qué frecuencia aparece la encuesta. Puedes elegir:

• ‘Siempre, hasta que se complete la encuesta de UserFeedback’
• ‘Solo una vez’
• ‘Siempre’ (incluso si la encuesta se ha completado)

No quieres abrumar ni molestar a tus visitantes mostrando la encuesta con demasiada frecuencia. Es por eso que recomendamos elegir la primera o segunda opción para evitar irritar a tus usuarios.

Para una inmersión más profunda, dirígete a nuestra guía completa sobre el futuro del marketing de pop-ups.

La siguiente sección es ‘Tiempo de ejecución de la encuesta’. Aquí, puedes especificar cuánto tiempo se ejecutará el widget de la encuesta. Puede ser ‘Indefinidamente’ o hasta un período determinado.

Es mejor ejecutar la encuesta por un tiempo limitado, como una semana o un mes. De esta manera, los visitantes no ven esta encuesta de comentarios con demasiada frecuencia, y tú no sigues recibiendo comentarios nuevos a pesar de que ya tienes suficiente información.

Dicho esto, es posible que desees considerar la posibilidad de ejecutar encuestas durante temporadas o eventos específicos cuando esperes un mayor volumen de tráfico. Esto es para que obtengas comentarios de una variedad de visitantes, lo que te permitirá ver diferentes perspectivas y experiencias.

En la parte inferior de la página de Configuración, hay un interruptor para la opción ‘Iniciar encuesta minimizada’. Habilitar esto hace que el widget de la encuesta sea menos intrusivo, aunque también puede ser menos notorio.

Cuando se activa, el popup de la encuesta no mostrará automáticamente la primera pregunta. En su lugar, aparecerá como un botón minimizado que los usuarios pueden hacer clic para abrir y participar a su conveniencia.

Una vez que haya configurado todas las opciones, haga clic en el botón ‘Siguiente paso: Notificaciones’ en la parte inferior.

Paso 5: Configurar notificaciones por correo electrónico

El siguiente paso es configurar tus notificaciones por correo electrónico. Si deseas activar esta configuración o no, depende de ti. Si esperas recibir muchos comentarios, tu bandeja de entrada de correo electrónico podría saturarse.

También es una buena idea recibir notificaciones por correo electrónico para las respuestas de comentarios que sean urgentes o requieran atención inmediata. Por ejemplo, si un usuario califica la experiencia de tu sitio web con 1 de 5 estrellas, es posible que desees investigar el problema y abordarlo lo antes posible.

En ese caso, puedes habilitar el botón 'Enviar correo electrónico' en la sección Flujo de trabajo.

Luego, completa tu dirección de correo electrónico en el campo 'Enviar por correo electrónico todas las respuestas nuevas a las direcciones de correo electrónico especificadas'.

También puedes insertar varios correos electrónicos en este cuadro, lo que puede ser útil si trabajas con muchos miembros diferentes del equipo. Solo asegúrate de separar las direcciones con una coma sin un espacio después.

A continuación, querrás marcar la casilla 'Habilitar lógica condicional'. Debajo de 'Enviar correo electrónico si', puedes especificar los criterios para cuándo se deben enviar las notificaciones por correo electrónico.

En este ejemplo anterior, le pedimos a UserFeedback que envíe una notificación por correo electrónico si el usuario calificó la experiencia del sitio web con menos de 3 de 5 estrellas.

Una vez que hayas terminado, simplemente haz clic en el botón 'Siguiente paso: Publicar'.

Paso 6: Guardar la encuesta como borrador o publicarla

El último paso es guardar la encuesta como borrador o publicarla.

En la parte superior de la página, encontrarás un resumen de tu encuesta de comentarios del sitio web y la configuración que has configurado.

Al desplazarte hacia abajo, encontrarás la sección 'Publicar'. Aquí, puedes establecer el 'Estado de la encuesta' como 'Borrador' o 'Publicar', según tus preferencias. Si deseas continuar trabajando en la encuesta más tarde, elige 'Borrador'.

Si deseas que la encuesta se ejecute en tu sitio web en vivo de inmediato, selecciona 'Publicar'. Los usuarios Pro también pueden activar la configuración 'Programar para más tarde' y elegir la fecha en que se lanzará la encuesta.

Finalmente, haz clic en 'Guardar y publicar' o 'Guardar y programar'.

Y ¡felicidades! ¡Has creado con éxito una encuesta de comentarios sobre el diseño de tu sitio web!

Visita tu sitio web para ver cómo se ve el widget.

Si eres usuario Pro y deseas personalizar la apariencia del widget, puedes navegar a UserFeedback » Ajustes desde tu panel de WordPress. Luego, haz clic en la pestaña 'Widget'.

Aquí, puedes cambiar los elementos de diseño del widget como el ícono, la fuente, la ubicación y el color del tema.

Para ver las respuestas de tus comentarios, ve a UserFeedback » Resultados.

El informe muestra información como el total de respuestas e impresiones para ayudarte a entender cuántas personas han completado el formulario.

Consejo extra 1: Combina los comentarios del sitio web con los mapas de calor de UserFeedback

Si bien recopilar comentarios del sitio web es valioso, entender cómo los usuarios interactúan realmente con tu sitio web puede proporcionar información aún más profunda.

Ahí es donde entra la potente función de mapas de calor de UserFeedback. Te muestra exactamente cómo los visitantes usan tus páginas rastreando dónde hacen clic, hasta dónde se desplazan y qué áreas de contenido reciben más atención.

Configurar mapas de calor toma solo unos pocos clics en tu panel de WordPress, lo que facilita comenzar a rastrear el comportamiento de los visitantes de inmediato.

Cuando se combinan con los comentarios del sitio web, los datos de los mapas de calor te ayudan a tomar decisiones más informadas sobre el diseño de tu sitio web.

Por ejemplo, si tu mapa de calor muestra que los usuarios no se desplazan más allá de cierto punto en tu página de inicio, podrías crear una encuesta preguntando a los visitantes qué contenido buscan o qué les impide explorar más a fondo.

Para obtener más información, consulta nuestra guía sobre las mejores herramientas y complementos de mapas de calor y grabación de sesiones para WordPress.

Consejo adicional 2: Cómo idear preguntas para un formulario de retroalimentación de diseño web

En este punto, sabes cómo usar UserFeedback como una herramienta de retroalimentación de diseño web. Ahora, hablemos de los factores a considerar al formular tus preguntas de retroalimentación.

• Usa una combinación de tipos de preguntas. Podrías incluir preguntas de opción múltiple para un análisis fácil, como: "¿Cómo calificarías el diseño de nuestro sitio web en una escala del 1 al 5?"
• Agrega preguntas de texto abierto para obtener retroalimentación más detallada. Por ejemplo: "¿Hubo algo específico que te resultó difícil al navegar en nuestro sitio web?" Para las preguntas abiertas, intenta profundizar en los puntos débiles de los lectores para poder identificar áreas problemáticas que necesiten mejoras.
• Considera preguntar si los usuarios han visitado recientemente los sitios web de la competencia. Esto puede proporcionar información valiosa para tu propio diseño. Un ejemplo podría ser: "¿Has explorado sitios web similares en el último mes? Si es así, ¿qué características te gustaron de ellos?"
• Pide comentarios positivos y testimonios de los usuarios. Por ejemplo, “¿Qué característica o aspecto de nuestro sitio web te resultó más útil?” Esta pregunta puede resaltar aspectos exitosos de tu diseño web que debes mantener.

Finalmente, recuerda pedir la dirección de correo electrónico del usuario. Esto es para que puedas contactarlos en caso de tener preguntas de seguimiento.

Consejo Adicional 3: He Recopilado Comentarios sobre el Diseño del Sitio Web, ¿Y Ahora Qué?

Con tus comentarios recopilados, ahora puedes comenzar a implementar algunos cambios para mejorar tu sitio web. Si no estás seguro por dónde empezar, nuestra guía sobre cómo rediseñar un sitio web de WordPress puede ayudarte.

Además, aquí tienes algunas ideas sobre lo que puedes hacer para optimizar tu sitio web:

• Cambia tu tema de WordPress (correctamente) – Si los usuarios encuentran tu diseño actual obsoleto o difícil de navegar, considera cambiar a un nuevo tema.
• Sigue aprendiendo cómo editar en WordPress – WordPress está en constante evolución, por lo que es crucial mantenerse actualizado con las últimas funciones y complementos de edición de sitios web.
• Considere usar un creador de sitios web con IA – Si es principiante y los comentarios sugieren que su diseño necesita una revisión importante, es posible que desee probar un creador de sitios web con IA. Estas herramientas pueden ayudarle a crear un sitio de aspecto profesional rápidamente.
• Agregue una imagen principal – Algo que a menudo hacemos en nuestros rediseños es agregar una imagen principal llamativa a la página de inicio. Esto puede captar inmediatamente la atención de los visitantes y transmitir el mensaje de su marca.
• Mejore la compatibilidad con dispositivos móviles de su sitio – Si los usuarios informan muchos problemas en dispositivos móviles, entonces necesita hacer una revisión importante de su sitio web móvil.
• Considere cambiar su esquema de color – Si los comentarios sugieren que sus colores actuales no son atractivos o no coinciden con su marca, considere actualizar su esquema de color.

Esperamos que este artículo te haya ayudado a aprender cómo obtener comentarios sobre el diseño de tu sitio web en WordPress. También te puede interesar nuestra guía sobre comparación entre creadores de sitios web y codificación manual y nuestra lista de excelentes ejemplos de sitios web de WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.