Lanzamiento de los nuevos widgets de reseñas de EmbedSocial

Nos complace anunciar que hoy lanzamos un rediseño completo de nuestros widgets de reseñas y testimonios.

En el siguiente texto, describiremos el proceso y mostraremos los nuevos widgets que puedes empezar a usar ahora mismo.

La inspiración: las necesidades de los clientes guían nuestra hoja de ruta

Desde los inicios de la creación de EmbedSocial, nuestra principal prioridad es escuchar los comentarios y solicitudes de nuestros clientes e incorporar sus deseos en nuestra hoja de ruta de desarrollo.

Una de las funciones principales que hemos desarrollado juntos es la facilidad de mostrar un widget con reseñas sociales en cualquier sitio web, algo que cualquier usuario puede hacer, sin necesidad de programar.

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 increíble; sin embargo, los diseños podrían mejorar un poco. Espero que puedan ser más avanzados y sencillos al mismo tiempo”, dice un usuario de Estados Unidos.

Una de las solicitudes más frecuentes ha sido simplificar nuestros widgets de reseñas y testimonios mejorando la experiencia de interfaz de los usuarios.

Así que hoy nos entusiasma mostrarte en qué hemos estado trabajando durante los últimos meses.

¡5 nuevos widgets de reseñas!

Hicimos un lavado de cara completo del código, el diseño, los diseños y el atractivo de los widgets de reseñas.

Así es como abordamos todo el proceso:

Los hicimos más sencillos y responsivos para que se adapten a cualquier diseño o sitio web de forma predeterminada.

Por otro lado, si necesitas hacer ajustes, nuestro código y nuestras clases CSS ahora son más fáciles de usar y podrás utilizar la opción de CSS personalizado de forma muy, muy sencilla.

Esperamos que el lanzamiento de nuestros nuevos diseños de reseñas mantenga los aspectos técnicos lo más sencillos posible, garantizando al mismo tiempo que nuestros clientes disfruten de mayor flexibilidad en lo que se muestra en sus sitios web.

Los primeros comentarios son en su mayoría positivos:

“Me encanta el diseño y el formato. Este tipo de diseño me inspira a escribir una reseña. ¡Qué valioso!”, dice un usuario de Tokio.

Comentarios como estos confirman que vamos por buen camino.

Sigue leyendo para descubrir cómo fue entre bastidores, conocer cómo logramos resolver algunos retos de diseño y asegúrate de revisar las nuevas demos de los widgets.

Entre bastidores: el proceso de rediseño

Las reseñas de clientes se están convirtiendo en uno de los principales detonantes en la toma de decisiones cuando la gente decide comprar un producto.

Y captar reseñas positivas se está volviendo realmente difícil a medida que los consumidores están más informados y siguen exigiendo productos y servicios superiores.

Como probablemente sabes (o tal vez no), el objetivo principal de EmbedSocial es captar y dar vida a tus reseñas sociales y testimonios de clientes en tu sitio web.

Lo hacemos mediante la integración directa con las principales redes sociales y sincronizamos las reseñas generadas en tiempo real en tu sitio web con widgets altamente interactivos.

Un proceso complejo que intentamos solucionar, ¿verdad?

Pues bien, creemos en el poder de la verdadera prueba social. Por eso creemos que mostrarla en el formato más sencillo pero a la vez destacado aportará un valor extra a nuestros usuarios.

Por eso hemos aceptado el reto, liderado por nuestra hipercreativa diseñadora de producto Angela Ristovska y nuestro equipo de Éxito del Cliente.

Así fue todo el proceso:

1. Reuniones de lluvia de ideas con el equipo de soporte al cliente
2. Analizar los comentarios, necesidades y deseos de los clientes
3. Elaborar una lista de los principales deseos y necesidades de la plataforma
4. Definir componentes de diseño atómico
5. Crear y presentar los primeros borradores
6. Realizar (más de unos cuantos) ajustes de los borradores
7. Incorporar CSS y HTML
8. Probar, probar, probar
9. Lanzar

Revisa a continuación los principales resultados de este proceso:

Componentes de diseño de los nuevos widgets

Durante más de 3 meses, centramos nuestros esfuerzos en recrear nuestros widgets de reseñas que te ENCANTARÁ insertar en tus sitios web.

Estos son los principales elementos del rediseño:

• Rediseño de la estrella
• 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.

Aquí están los detalles:

Reinventando la… ¡estrella!

Quizás te preguntes por qué empezamos por la estrella.

Pues bien, creemos que el concepto central de un testimonio de cliente es el símbolo de las 5 estrellas.

En términos sencillos, si tienes un texto, es solo un párrafo, pero si añades las estrellas al lado…. (¡Tachán!) se convierte en un testimonio.

Así que las estrellas son las que hacen que este formato sea lo que es. Sin ellas, es solo una cita o un párrafo.

Y realmente queríamos crear nuestras propias estrellas.

Así que, después de un par de horas de lluvia de ideas, nuestro equipo decidió crear un diseño de estrella con la marca EmbedSocial.

Queríamos que la estrella indicara el simbolismo de EMBED, que como verbo significa: fijar (un objeto) de forma firme y profunda en una masa circundante.

Esto es exactamente lo que queremos que hagas con los testimonios de tus clientes: convertirlos en una parte esencial de tu 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 casualidad:

Nos enamoramos de nuestras flamantes estrellas, así que las aplicamos a todos nuestros widgets.

El resultado: un aspecto fresco y un widget que hace que la voz del cliente destaque.

Misión cumplida :)

El camino para 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 consideramos:

Componentes de diseño de los widgets

Aunque decidimos hacer solo una mejora 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 una mejora a inventar el nuevo coche de Tesla. Para asegurarnos de no perder de vista el objetivo, creamos una lista de metas, prioridades y aspectos básicos que debíamos seguir durante este proyecto:

1. ¡Mantenlo simple!
2. Seguir los principios del diseño atómico
3. Crear un sistema de componentes para cada widget en Figma con un diseño nuevo (sencillo).
4. Implementar los componentes usando HTML, CSS y JS. Código limpio, nueva nomenclatura de las clases, CSS personalizado fácil de aplicar.
5. Probar los nuevos widgets

Y así comenzó el viaje.

Definir un conjunto sencillo de componentes como un sistema de diseño nos ayuda a declarar con firmeza cuáles son los elementos principales de cada widget y nos ayudó a definir todas las clases CSS principales, haciendo que el diseño y su implementación fueran muy fáciles.

Como resumen, estos son los componentes más utilizados en cada widget:

Del componente al widget, a través de looongos días de trabajo y esfuerzo, es oficial… ¡Ya están en marcha!

¡El trabajo duro dio sus frutos! Creamos widgets modernos y responsivos que se adaptan a cualquier diseño o sitio web de forma predeterminada.

Temas de los widgets

Como resultado del proceso anterior, creemos que una vez que crees e insertes cualquiera de los nuevos widgets, no necesitarás personalizarlo más (esperamos), ayudándote así a ahorrar tiempo y esfuerzo 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 nuestras clases CSS ahora son más fáciles de usar y podrás utilizar la opción de CSS personalizado de forma muy, muy sencilla.

Muestra de los nuevos widgets

Y finalmente, el diseño se conceptualiza con los dos elementos principales de la marca EmbedSocial:

1. La etiqueta de código unificadora que representa la parte insertada de la marca
2. El símbolo de una relación que nuestros usuarios quieren construir con sus clientes

Creemos que este cambio renueva el aspecto de los widgets y respalda a la marca para representar el innegable poder de los comentarios de los usuarios.

Así que, por fin, aquí están los nuevos widgets:

Widget de cuadrícula

El widget de cuadrícula muestra reseñas sociales en un mosaico responsivo que simula un diseño de cuadrícula moderno que se adapta a cualquier página completa donde quieras mostrar tantas reseñas como sea posible.

Demo del widget de cuadrícula

Widget de columna

Un diseño de dos columnas perfecto para páginas a pantalla completa, para mostrar varias reseñas en una sola página.

Demo del widget de columna

Widget de carrusel

El control deslizante mostrará tus reseñas en un formato de reproducción automática perfecto para tu página de inicio. Puedes ver las reseñas haciendo clic en un cuadro que mostrará la reseña en un lightbox deslizante o en un control deslizante vertical fijo.

Demo del widget de carrusel

Widget de control deslizante

Muy similar al widget de carrusel, con ligeros cambios en el diseño y un aspecto plano para diseños de sitios web minimalistas.

Demo del widget de control deslizante

Widget de página

Llamamos a este diseño “Página” porque actúa como una página completa de reseñas, con botones y filtros que hacen que la página web avance por completo para mostrar las reseñas de los usuarios. Está diseñado principalmente para páginas de producto, donde los usuarios pueden usar opciones adicionales para buscar y filtrar las reseñas proporcionadas.

Demo del widget de página.

Widget de tabla

Por último, si necesitas una versión más simplificada del diseño de página, que no incluya los filtros ni el campo de búsqueda, puedes usar el diseño de tabla, que muestra una lista completa de las reseñas en formato de tabla, similar a una sección de reseñas al estilo de Amazon.

Demo del widget de tabla

Widget emergente

Muestra prueba social en tu sitio web con una sencilla ventana emergente que aparece como un widget fijo en la parte inferior izquierda o inferior derecha de tu sitio web.

Este widget aparece al cargar la página y se puede configurar para que abra todas las reseñas con un clic. Revisa el enlace de la demo para probarlo en vivo.

Demo del widget emergente

Aplicabilidad de los nuevos widgets de reseñas

Nuestro objetivo sigue siendo crear productos que a los clientes les ENCANTE poner en sus sitios web y ofrecer a SUS clientes una experiencia innovadora y atractiva.

Aquí tienes algunos ejemplos de cómo mejorar tu sitio web con widgets de reseñas:

Control deslizante o carrusel de reseñas para páginas de inicio

Inserta tu control deslizante o carrusel directamente en tu página de inicio. La prueba social suele aparecer justo debajo de la imagen principal o la llamada a la acción de tu página de inicio.

Del mismo modo, puedes crear la misma estructura en cualquier página de destino que utilices en el embudo de conversión de tu sitio web.

Widget de testimonios para páginas de producto de comercio electrónico

Los widgets de tabla y de página son perfectos para las páginas de producto. Lo mejor de estos widgets es la opción de obtener una reseña de ese producto directamente en esa página, lo que te permitirá combinar reseñas en el widget captadas desde tu cuenta de redes sociales, pero también de visitantes que dejaron una reseña en la página del producto.

¿Cómo empezar a usar los nuevos widgets de reseñas?

Como puedes ver en las imágenes de arriba, nuestros nuevos diseños están listos para usar!

Puedes usar los nuevos widgets ahora mismo, simplemente navegando a la sección Feed de Reseñas y haciendo clic en el feed que quieres editar.

El último paso es simplemente cambiar la opción Diseños y seleccionar Cuadrícula, Columna, Página, Tabla, Control deslizante o Carrusel.

Y si por casualidad aún no eres usuario de la plataforma EmbedSocial, no dudes en registrarte para una prueba gratuita de 7 días y echar un vistazo a los nuevos widgets de reseñas.

Si necesitas ayuda adicional, nuestro dedicado equipo de Éxito del Cliente siempre está a tu disposición (podemos hacerlo en tu lugar). No dudes en contactarnos para cualquier pregunta.

Sin embargo, aunque nuestro diseño cambie, nuestra misión principal sigue siendo la misma: ir más allá para ayudar a nuestros clientes y a nuestros usuarios a generar confianza con sus clientes y, como resultado, aumentar las conversiones.