Nos complace anunciar que hoy lanzamos un rediseño completo de nuestros widgets de opiniones y testimonios.
En el siguiente texto, describiremos el proceso y mostraremos los nuevos widgets que puedes empezar a utilizar ahora mismo.
La inspiración: Las necesidades de los clientes impulsan nuestra hoja de ruta
Desde el principio de la construcción de EmbedSocial, nuestra prioridad es escuchar los comentarios y peticiones de nuestros clientes e implementar sus deseos en nuestra hoja de ruta de desarrollo.
Una de las principales características que hemos desarrollado juntos es la facilidad para mostrar un widget con reseñas sociales en cualquier sitio web, que cualquier usuario puede hacer, sin necesidad de codificación.
Pero a medida que los widgets evolucionaban con nuevas funciones y nuevos segmentos de clientes adoptaban nuestros productos, surgió la necesidad de una variedad de widgets:
"La funcionalidad de la plataforma es impresionante, sin embargo, los diseños pueden mejorar un poco. Espero que puedan ser más avanzados y sencillos al mismo tiempo", dice un usuario de Estados Unidos.
Una de las peticiones más frecuentes ha sido simplificar nuestros widgets de reseñas y testimonios mejorando la experiencia de usuario.
Por eso, hoy estamos encantados de mostrarte en qué hemos estado trabajando los últimos meses.
5 nuevos widgets de reseñas
Hemos renovado por completo el código, el diseño, la presentación y el atractivo de los widgets de revisión.
Así es como enfocamos todo el proceso:
Los hemos hecho más sencillos y responsivos para que se adapten por defecto a cualquier diseño o sitio web.
Por otro lado, si necesitas hacer ajustes, nuestro código y clases CSS son ahora más sencillos de usar y podrás utilizar la opción de CSS personalizado muy, muy fácilmente.
Esperamos que el lanzamiento de nuestros nuevos diseños de reseñas mantenga los aspectos técnicos lo más sencillos posible, al tiempo que garantiza que nuestros clientes disfruten de una mayor flexibilidad en lo que se muestra en sus sitios web.
Los primeros comentarios son mayoritariamente positivos:
"Me encanta el diseño y el formato. Este tipo de diseño me inspira a escribir una reseña. Es muy valioso", dice un usuario de Tokio.
Comentarios como éste no hacen sino confirmar que vamos por el buen camino.
Siga leyendo para descubrir cómo fue entre bastidores, cómo conseguimos resolver algunos retos de diseño y no deje de ver las nuevas demos de widgets.
Entre bastidores: El proceso de rediseño
Las opiniones de los clientes se están convirtiendo en uno de los principales factores desencadenantes de la decisión de compra de un producto.
Y captar opiniones positivas se está convirtiendo en todo un reto, ya que los consumidores están cada vez más informados y siguen exigiendo productos y servicios de calidad superior.
Como usted probablemente sabe o (tal vez no), el propósito principal de EmbedSocial es capturar, llevar sus comentarios sociales y testimonios de clientes a la vida en su sitio web.
Para ello, nos integramos directamente con las principales redes sociales y sincronizamos las reseñas generadas en tiempo real en su sitio web con widgets muy interactivos.
Un proceso complejo que intentamos arreglar, ¿verdad?
Creemos en el poder de la verdadera prueba social. Por eso creemos que mostrarla en el formato más sencillo pero enfatizado añadirá un valor extra a nuestros usuarios.
Por eso hemos aceptado el reto, liderados por nuestra hipercreativa diseñadora de productos Angela Ristovska y nuestro Equipo de Éxito de Clientes.
He aquí cómo fue todo el proceso:
- Reuniones de intercambio de ideas con el equipo de atención al cliente
- Analizar las opiniones, necesidades y deseos de los clientes
- Haga una lista de los principales deseos y necesidades de la plataforma
- Definir los componentes atómicos del diseño
- Crear y presentar primeros borradores
- Hacer (más de unos pocos) ajustes de los borradores
- Incorporar CSS y HTML
- Prueba, prueba, prueba
- Lanzamiento
Consulte a continuación los principales resultados de este proceso:
Componentes de diseño de los nuevos widgets
Durante más de 3 meses, hemos centrado nuestros esfuerzos en recrear nuestros widgets de reseñas que os ENCANTARÁN para incrustarlos en vuestros sitios web.
Estos son los principales elementos del rediseño:
- Rediseño de estrellas
- Diseño de componentes atómicos de los widgets
- Temas de los widgets
Cada uno de estos elementos de diseño tiene su propia historia.
He aquí los detalles:
Reinventar la... ¡estrella!
Te preguntarás por qué buscamos la estrella al principio.
Pues bien, creemos que el concepto central de un testimonio de cliente es el símbolo de las 5 estrellas.
En términos simples, si usted tiene un texto es sólo un párrafo, pero si se agregan las estrellas junto .... (Tadaam) se convierte en un testimonio.
Las estrellas hacen que este formato sea lo que es. Sin ellas, no es más que una cita o un párrafo.
Y realmente queríamos llegar a nuestras propias estrellas.
Así que, tras un par de horas de lluvia de ideas, nuestro equipo decidió crear un diseño de estrella EmbedSocial.
Queríamos que la estrella indicara el Simbolismo EMBEDque, como verbo, significa: fijar (un objeto) firme y profundamente en una masa circundante.
Esto es exactamente lo que queremos que haga con los testimonios de sus clientes. conviértalos en una parte esencial de su sitio web.
En caso de que notes alguna similitud entre el logotipo de EmbedSocial y nuestro nuevo diseño de estrellas, no eres el único.
Esta analogía no es casual:
Nos enamoramos de nuestras flamantes estrellas, así que las aplicamos a todos nuestros widgets.
Los resultados: Aspecto fresco y widget que hace destacar la voz del cliente.
Misión completada 🙂
El camino hasta llegar a un diseño de estrella tan encantador estuvo lleno de intentos y fracasos antes de desarrollar un diseño que nos dejara sin aliento.
Estos son algunos de los diseños que hemos considerado:
Componentes de diseño de widgets
Aunque decidimos hacer sólo un levantamiento de los diseños actuales, sabíamos que el proceso no sería nada fácil.
Rediseñar es un proceso creativo, y es muy fácil pasar de la elevación a la invención del nuevo coche Tesla. Para asegurarnos de no perder de vista el objetivo, hemos creado una lista de objetivos, prioridades y aspectos básicos que debemos seguir durante este proyecto:
- Que sea sencillo.
- Seguir los principios de diseño de Atomic
- Crear un sistema de componentes para cada widget en Figma con un nuevo (simple) diseño.
- Implementación de componentes mediante HTML, CSS y JS - Código limpio, nueva nomenclatura de las clases, CSS personalizado fácil de aplicar.
- Probar nuevos widgets
Y así comenzó el viaje.
Definir un conjunto sencillo de componentes como sistema de diseño nos ayuda a afirmar con rotundidad cuáles son los elementos principales de cada widget y nos ayudó a definir todas las clases CSS principales, lo que facilitó mucho el diseño y su implementación.
A modo de resumen, estos son los componentes más utilizados en cada widget:
Desde el componente hasta el widget, pasando por largas jornadas de trabajo y dolor, ya es oficial... ¡Ya están en marcha!
¡El trabajo duro ha dado sus frutos! Hemos creado widgets modernos y adaptativos que se adaptan por defecto a cualquier diseño o sitio web.
Temas para widgets
Como resultado del proceso anterior, creemos que una vez que crees e incorpores cualquiera de los nuevos widgets, no necesitarás personalizarlo más, (esperamos) ayudándote así a ahorrar tiempo y esfuerzos para centrarte más en tus actividades diarias.
Los temas te ayudarán a cambiar rápidamente entre diseños oscuros o blancos con un solo clic:
Por otro lado, si necesitas hacer ajustes, nuestro código y clases CSS son ahora más sencillos de usar y podrás utilizar la opción de CSS personalizado muy, muy fácilmente.
Nuevos widgets escaparate
Y por último, el diseño está conceptualizado con los dos elementos principales de la marca EmbedSocial:
- La etiqueta de código unificador que representa la parte incrustada de la marca
- El símbolo de una relación que nuestros usuarios quieren construir con sus clientes
Creemos que este cambio refresca el aspecto de los widgets y se mantiene fiel a la marca para representar el innegable poder de los comentarios de los usuarios.
Por último, aquí están los nuevos widgets:
Widget de cuadrícula
El widget de cuadrícula muestra las reseñas sociales en una mampostería adaptable que simula un diseño de cuadrícula moderno que se adapta a cualquier página completa en la que desee mostrar el mayor número posible de reseñas.
Demostración del widget de cuadrícula
Widget de columna
Un diseño a dos columnas perfecto para páginas a pantalla completa, para mostrar varias reseñas en una sola página.
Demostración del widget de columnas
Widget de carrusel
El control deslizante mostrará sus opiniones en un formato de reproducción automática perfecto para su página de inicio. Puedes ver las opiniones haciendo clic en un cuadro que mostrará la opinión en una caja de luz deslizante o en un deslizador vertical fijo.
Demostración del widget de carrusel
Widget deslizante
Muy similar al widget de carrusel con ligeros cambios en el diseño y un aspecto plano para los diseños de sitios web que son minimalistas.
Demostración del widget deslizante
Widget de página
Hemos llamado a este diseño 'Página' porque actúa como una página de opiniones completa, con botones y filtros que hacen que la página web avance completamente para mostrar las opiniones de los usuarios. Está diseñado principalmente para páginas de productos, en las que los usuarios pueden utilizar opciones adicionales para buscar y filtrar las opiniones proporcionadas.
Demostración del widget de página.
Widget de tabla
Por último, si necesita una versión más simplificada del diseño de página, que no incluya los filtros ni el campo de búsqueda, puede utilizar el diseño de tabla, que muestra una lista completa de las opiniones en formato de tabla, similar a una sección de opiniones de Amazon.
Demostración del widget de tabla
Widget emergente
Escaparate prueba social en su sitio web con un simple popover que se muestra como un widget fijo en la parte inferior izquierda o inferior derecha de su sitio web.
Este widget aparece al cargar la página y puede configurarse para abrir todas las reseñas con un clic. Consulta el enlace de demostración para probarlo en vivo.
Demostración del widget emergente
Nuevas revisiones de la aplicabilidad de los widgets
Nuestro objetivo sigue siendo crear productos que a los clientes les ENCANTARÍA poner en sus sitios web y ofrecer a SUS clientes una experiencia innovadora y atractiva.
He aquí algunos ejemplos de cómo mejorar su sitio web con widgets de reseñas:
Deslizador o carrusel de reseñas para páginas de inicio
Inserta tu slider o carrusel en tu página de inicio. La prueba social suele estar justo debajo de la imagen principal o de la llamada a la acción de la página de inicio.
Del mismo modo, puedes hacer la misma estructura de cualquier página de aterrizaje que utilices en el embudo de conversión de tu sitio web.
Widget de testimonios para páginas de productos de comercio electrónico
Los widgets Tabla y Página son perfectos para las páginas de productos. Lo mejor de estos widgets es la opción de obtener una reseña de ese producto directamente en esa página, lo que le permitirá combinar reseñas en el widget capturadas de su cuenta de redes sociales, pero también de visitantes que dejaron una reseña en la página del producto.
¿Cómo empezar a utilizar los nuevos widgets de reseñas?
Como se puede ver en las fotos de arriba, nuestros nuevos diseños ya están listos
Puede utilizar los nuevos widgets, ahora mismo, simplemente navegando a la sección Comentarios y haga clic en el feed que desee editar.
El último paso es simplemente cambiar la opción Diseños y seleccione Rejilla, Columna, Página, Tabla, Deslizador, Carrusel.
Y si por casualidad aún no eres usuario de la plataforma EmbedReviews, no dudes en regístrese para una prueba gratuita y echa un vistazo a los nuevos widgets de reseñas.
Si necesita más ayuda, nuestro equipo de atención al cliente está siempre a su disposición (podemos hacerlo nosotros en su lugar). No dude en Contacto para cualquier pregunta.
Sin embargo, aunque nuestro diseño cambie, nuestra misión principal sigue siendo... ir más allá para ayudar a nuestros usuarios a generar confianza con sus clientes y, como resultado, aumentar las conversiones.
Insertar el widget de reseñas de Google
Recoger automáticamente y incrustar reseñas de Google y utilice herramientas de gestión de reseñas AI para liberar el potencial de ventas de su sitio web.
PARA SU INFORMACIÓN: Puede automáticamente incrustar widget de reseñas de Google en su sitio web y mostrar reseñas auténticas generadas por los usuarios, aumentando la confianza para conseguir más ventas. Pruébalo ahora.