Cómo personalizar los widgets de revisión

Estimados 12 minutos de lectura

Actualizado 5 nov 2024, 10:45 EST

Aprenda a personalizar el aspecto de sus widgets de reseñas (por ejemplo, los bloques de su tienda que muestran y aceptan reseñas de productos).

Widgets de reseñas disponibles

Klaviyo reviews proporciona varios widgets que puede añadir a su tienda:

Widget de valoración por estrellas
Muestra su valoración actual por estrellas para un producto concreto, y se suele añadir debajo del nombre de su producto.
Widget de resumen de reseñas
Muestra un gráfico en el que se desglosan todas las valoraciones que ha recibido un producto, las imágenes de los usuarios enviadas con las reseñas y las opiniones más comunes de los clientes. Suele añadirse cerca de la parte inferior de la página de un producto.
Widget de lista de reseñas
Muestra una lista de todas las reseñas publicadas y las preguntas de los clientes junto con una barra de búsqueda, filtros, un botón para escribir una reseña y otro para hacer una pregunta. La mayoría de las veces se añade inmediatamente debajo del widget de resumen de la reseña.
Widget de reseñas de productos
Una combinación de los widgets de resumen de reseñas y lista de reseñas anteriores. Si añade el widget de reseñas de productos a su sitio, no necesitará añadir los widgets de lista de reseñas y resumen de reseñas por separado.
Widget de carrusel de reseñas destacadas
Muestra las reseñas seleccionadas de cualquiera de sus productos. Puede aparecer en su página de inicio, en una página de reseñas independiente o en cualquier otro lugar de su sitio web. Puede seleccionar las reseñas que aparecen en este widget. Si están disponibles, las imágenes enviadas por el cliente acompañan a cada reseña; las imágenes de su producto se utilizan si no se ha enviado ninguna imagen junto a la reseña.
El widget SEO / Todas las reseñas muestra todas sus reseñas de todos los productos en una sola página. Utilice este widget para mejorar su SEO y proporcionar un lugar único para que sus clientes potenciales vean lo que les gusta a sus clientes actuales. Este widget se suele añadir a una página de reseñas independiente de su sitio web.

Estos widgets son totalmente personalizables, lo que significa que puede elegir las fuentes y los colores de su marca, así como seleccionar a mano las reseñas que desee destacar en el carrusel de reseñas destacadas.

Seleccione un idioma para los widgets de reseñas y las páginas de envío

Por defecto, todo el contenido de las reseñas de Klaviyo está en inglés. Para seleccionar otro idioma:

Navegue hasta la pestaña Reseñas en Klaviyo.
Haga clic en Configuración de las revisiones.
Seleccione General.
En el menú Seleccionar idioma, elija su idioma.

La actualización de su idioma para las revisiones de Klaviyo se aplica a:

Revisar la página de envío
Widgets in situ

Widget de valoración por estrellas
Widget de resumen de revisión
Widget de lista de revisiones
Widget de reseñas de productos
Widget de carrusel de reseñas destacadas

No puede actualizar la configuración de idioma de un solo widget; todos los widgets deben utilizar el mismo idioma. Todos los widgets y la página de envío se actualizan inmediatamente, incluidos los que ya están activos en su sitio.

La actualización de su idioma para las reseñas de Klaviyo no se aplica a ninguna otra característica de Klaviyo (por ejemplo, preguntas personalizadas, flujos, formularios de registro, páginas de preferencias, el contenido de las reseñas enviadas por los clientes, etc.). Estos deben traducirse y editarse manualmente.

Ocultar los widgets de reseñas hasta que un producto haya recibido reseñas

Estas instrucciones se aplican al widget de valoración por estrellas y al widget de lista de opiniones.

Por defecto, un producto sin reseñas mostrará 0/5 estrellas y un mensaje indicando que aún no se han enviado reseñas. Si prefiere ocultar el widget hasta que reciba las reseñas, siga estos pasos:

Abra la pestaña Reseñas en Klaviyo.
Seleccione los ajustes de Revisiones.
Haga clic en Widgets in situ.
Seleccione Reseñas del producto o Clasificación por estrellas.
Abra el menú Estado vacío.
Desactive el ajuste Mostrar con cero estrellas.

Cambiar la apariencia del widget

Siga estos pasos para ajustar el estilo (por ejemplo, fuentes, colores y más) de cualquier widget de reseñas.

Abra la pestaña Reseñas en Klaviyo.
Seleccione los ajustes de Revisiones.
Haga clic en Widgets in situ.
Elija el widget que desea editar.
Haga clic en Diseño & style.
Ajuste la apariencia del widget como desee, incluyendo fuentes, colores y espaciado.

El cambio de un ajuste en una reseña widget (por ejemplo, el color del botón) no repercute en ese ajuste para otro widget, a excepción del de SEO / Todas las reseñas widget. Este widget hereda todos los ajustes del widget de reseñas de productos. Para personalizar la apariencia del widget SEO / Todas las reseñas pero no del widget de reseñas de productos, debe utilizar CSS personalizado.

Ajustes de estilo de revisión disponibles

Abra cada menú desplegable para obtener más información sobre las opciones de estilo disponibles para esa categoría.

Widget de reseñas de productos

En la sección de estilo Layout & de la configuración de estilo de las reseñas de productos, puede ajustar las siguientes opciones:

Margen
Ajuste el espacio en la parte superior, inferior, izquierda y/o derecha del widget.
Color de fondo primario
Active este ajuste para añadir un color de fondo para toda el área del widget.
Color de fondo secundario
Edite el color de determinados elementos del widget, como las barras del histograma.
Color del acento
Edite el color utilizado para varios acentos, incluida la selección en una pregunta de rango y las insignias de revisor verificado.
Radio de las esquinas
Aplique esquinas redondeadas a toda el área del widget de reseñas de productos. Tenga en cuenta que esto sólo es visible si añade un color de fondo primario.
Líneas de división
Añada líneas opcionales entre cada revisión.
Fuente principal
Elija Heredar del sitio para utilizar la fuente existente en su sitio, o seleccione una fuente. El ajuste de fuente primaria se aplica a todas las fuentes del widget excepto:
- La etiqueta #/5 en la sección Opiniones de los clientes.
- La marca de tiempo de cada revisión.
- El texto de la etiqueta en el histograma de estrellas.
- El texto del marcador de posición en el campo de búsqueda.
Fuente secundaria
Elija Heredar del sitio para utilizar la fuente existente de su sitio, o seleccione una fuente. El ajuste Fuente secundaria se aplica al histograma de estrellas, al campo de búsqueda, a la marca de tiempo de cada opinión y a la etiqueta #/5 de la sección Opiniones de clientes.
Tamaño, peso y color de la fuente
Ajuste el tamaño, el peso y el color de las fuentes primaria y secundaria, respectivamente.
Configuración de los botones
- Color
  Color del botón.
- Radio de las esquinas
  La redondez de las esquinas de los botones. Ponga 0 para no redondear.
- Borde
  Un borde de color alrededor del botón.
- Especificar color al pasar por encima
  Si los botones deben cambiar de color al pasar por encima, active esta opción.
- Relleno
  Relleno dentro de cada botón, rodeando el texto del botón. Si añade relleno, el botón parecerá más grande.
- Fuente, tamaño de fuente, peso de fuente, color de fuente
  La fuente utilizada para los botones del widget.
Ajustes de clasificación
- Color de relleno
  El color de las estrellas seleccionadas (por ejemplo, si un producto está valorado con 4/5 estrellas, las 4 primeras estrellas utilizarán este color).
- Color vacío
  El color de las estrellas no seleccionadas (por ejemplo, si un producto está valorado con 4/5 estrellas, la 5ª estrella utilizará este color).
- Borde
  Un borde de color opcional que rodea todas las estrellas.
- Espacio
  El espacio entre cada estrella.
- Forma
  Elija estilos de puntuación alternativos, como estrellas puntiagudas, corazones redondeados y mucho más.
- Talla
  - Resumen
    El tamaño de las estrellas dentro del resumen de la reseña.
  - Reseña
    El tamaño de las estrellas dentro de cada reseña de cliente.
Ajustes de los filtros
Los ajustes delos filtros se aplican al campo de búsqueda y a los filtros de revisión.
- Color de fondo
  El color de fondo de los botones de filtro y de la barra de búsqueda.
- Ancho, color del trazo activo
  La anchura y el color del borde que indica una opción de filtro activa (es decir, seleccionada). (Mínimo 1.)
- Radio de las esquinas
  El redondeo de las esquinas en el campo de búsqueda. Para no redondear, seleccione 0 px.
- Icono de búsqueda
  Activa o desactiva el icono de búsqueda en forma de lupa.
Ajustes de las imágenes
- Radio de las esquinas de las imágenes de resumen
  Redondeo en la selección de imágenes de resumen en el resumen de revisión.
- Radio de las esquinas de las imágenes de las reseñas
  Redondeo en cada imagen dentro de las reseñas individuales.
- Tamaño de las imágenes de las reseñas
  El tamaño de las imágenes incluidas con las reseñas individuales.

Carrusel de reseñas destacadas

En la sección Diseño de la configuración del estilo de carrusel de reseñas destacadas, puede ajustar las siguientes opciones:

Titular de la sección
Añada una etiqueta, Opiniones de clientes, a este widget.
Tipo de carrusel
Elija si el carrusel debe mostrar imágenes o sólo texto.
Máximo de reseñas por página
Elija cuántas reseñas destacadas mostrar por página.
Límite de texto
Elija cuántas líneas de texto incluir en cada vista previa de revisión.
Margen
Ajuste el espacio en la parte superior, inferior, izquierda y/o derecha del widget.
Alineación del texto
Si el texto debe alinearse a la izquierda, a la derecha o al centro.
Elementos de la tarjeta
Active o desactive la opción de mostrar la fecha, el autor y la insignia de verificación de una revisión.

En la sección Estilo de la configuración del estilo del carrusel de reseñas destacadas, puede ajustar las siguientes opciones:

Ajustes de fuente del encabezado de sección
Fuente, color de fuente y tamaño de fuente para el titular de la sección. Tenga en cuenta que el encabezado de sección debe estar activado en Diseño para que este ajuste se aplique a su widget.
Altura de la imagen
Edite el tamaño de la imagen incluida con la vista previa de la revisión.
Radio de esquina
Modifique el redondeo de las esquinas en cada ficha de revisión destacada.
Color de la ficha
Añada un color de fondo a cada ficha de revisión.
Sombra
Añada o elimine una sombra de las cartas.
Borde
Añada o elimine un borde de las tarjetas.
Ajustes del estilo de clasificación
- Color de relleno
  El color de las estrellas seleccionadas (por ejemplo, si un producto está valorado con 4/5 estrellas, las 4 primeras estrellas utilizarán este color).
- Color vacío
  El color de las estrellas no seleccionadas (por ejemplo, si un producto está valorado con 4/5 estrellas, la 5ª estrella utilizará este color).
- Borde
  Un borde de color opcional que rodea todas las estrellas.
- Espacio
  El espacio entre cada estrella.
- Tamaño
  El tamaño de las estrellas dentro de cada opinión de los clientes.
- Forma
  Elija estilos de puntuación alternativos, como estrellas puntiagudas, corazones redondeados y mucho más.
Revise la configuración de la fuente del titular
Elija Heredar del sitio para utilizar la fuente existente en su sitio, o seleccione una fuente y su tamaño, peso y color.
Revise la configuración de la fuente del cuerpo
Elija Heredar del sitio para utilizar la fuente existente en su sitio, o seleccione una fuente y su tamaño, peso y color.
Configuración de la fuente de las etiquetas de fecha y nombre
Elija Heredar del sitio para utilizar la fuente existente en su sitio, o seleccione una fuente y su tamaño, peso y color.

Clasificación por estrellas

Margen
Ajuste el espacio en la parte superior, inferior, izquierda y/o derecha del widget.
Ajustes del estilo de clasificación
- Color de relleno
  El color de las estrellas seleccionadas (por ejemplo, si un producto está valorado con 4/5 estrellas, las 4 primeras estrellas utilizarán este color).
- Color vacío
  El color de las estrellas no rellenadas (es decir, no seleccionadas) (por ejemplo, si un producto está calificado con 4/5 estrellas, la 5ª estrella utiliza este color).
- Borde
  Un borde de color opcional que rodea todas las estrellas.
- Espacio
  El espacio entre cada estrella.
- Tamaño
  El tamaño de las estrellas dentro de cada opinión de los clientes.
- Forma
  Elija estilos de puntuación alternativos, como estrellas puntiagudas, corazones redondeados y mucho más.
Fuente primaria
Edite la fuente utilizada para el texto # clasificaciones. ElijaHeredar del sitio para utilizar la fuente existente en su sitio, o seleccione una fuente.
Tamaño, peso y color de la fuente
Ajuste el tamaño, el peso y el color del texto de #calificación.

Desactivar o activar filtros y acciones de revisión

Permita a sus clientes filtrar las reseñas por puntuación, medios (es decir, si las reseñas contienen imágenes) o sus respuestas a preguntas personalizadas. Esto puede ayudar a los clientes potenciales a encontrar las reseñas más relevantes para ellos.

Navegue hasta la pestaña Reseñas en Klaviyo.
Haga clic en Configuración de las revisiones.
Seleccione Widgets in situ.
Seleccione el widget Reseñas de productos.
Seleccione Lista de revisión.
Para mostrar u ocultar el botón y la pestaña Q&A, o el botón Escribir una reseña, active o desactive esa selección en la tarjeta Acciones.
Para eliminar o añadir la sección de filtros en su widget de lista de reseñas, desactive o active el conmutador Filtros.
Marque o desmarque cualquiera de estas opciones para determinar qué opciones de filtro aparecen: Barra de búsqueda, Clasificación (reciente, más alta, más baja), Valoración, Medios, Preguntas personalizadas.

Acerca del filtro más relevante

El filtro Más relevantes destaca las reseñas que los usuarios tienen más probabilidades de encontrar útiles. Una vez seleccionadas, las reseñas aparecerán en este orden:

Reseñas con texto, imágenes o preguntas personalizadas enviadas desde el país del visitante
Reseñas sin ningún contenido (es decir, reseñas sólo de valoración) enviadas desde el país del visitante
Reseñas con texto, imágenes o preguntas personalizadas enviadas desde otros países
Reseñas sin ningún contenido (es decir, reseñas de sólo calificación) enviadas desde otros países

Dentro de cada categoría, las reseñas están ordenadas por fecha de envío, apareciendo primero la más reciente.

Elija si desea incluir imágenes de los productos en el resumen de sus reseñas

Los resúmenes de las reseñas incluyen una galería opcional de imágenes de los productos enviadas por los clientes. Para activar o desactivar esta galería:

Navegue hasta la pestaña Reseñas en Klaviyo.
Haga clic en Configuración de las revisiones.
Seleccione Widgets in situ.
Seleccione el widget Reseñas de productos .
Seleccione Revisar resumen & media.
Active o desactive el ajuste Galería de imágenes.

Ocultar elementos de la lista de revisiones

Estas instrucciones se aplican al widget de la lista de revisiones.

Si lo desea, puede ocultar elementos de su lista de reseñas (por ejemplo, autor de la reseña, respuesta de la tienda, marca de tiempo). Para ello:

Abra la pestaña Reseñas en Klaviyo.
Seleccione los ajustes de Revisiones.
Haga clic en Widgets in situ.
Elija Reseñas de productos.
Haga clic en Revisar lista.
Desactive los elementos que desee ocultar.

Si desactiva la valoración por estrellas, los medios de comunicación y las preguntas personalizadas de la lista de revisiones, desaparecerán las opciones de configuración de los filtros de revisión. Para que un visitante del sitio pueda filtrar su búsqueda, al menos un criterio de filtrado (valoración por estrellas, medios de comunicación o preguntas personalizadas) debe estar visible en la lista de opiniones.

Seleccione las reseñas que se mostrarán en el carrusel de reseñas destacadas

Las reseñas destacadas aparecerán en el carrusel de reseñas destacadas. Para elegir qué reseñas presentar:

Navegue hasta la pestaña Reseñas.
Seleccionar todas las reseñas.
Junto a una reseña que desee destacar, haga clic en Destacar.
Repita la operación como desee. Recomendamos seleccionar al menos 3-5 reseñas para destacar.

Recursos adicionales

¿Te ha resultado útil este artículo?

Utiliza este formulario solo para enviar comentarios sobre el artículo. Más información sobre cómo contactar con el servicio de asistencia.

Descubre más sobre Klaviyo

Klaviyo Community

Conecta con compañeros, socios y expertos de Klaviyo para encontrar ideas, compartir información y resolver todas tus dudas.

Visitar Klaviyo Community

Formación en tiempo real

Únete a una sesión en tiempo real con expertos de Klaviyo para conocer las prácticas recomendadas, cómo configurar funciones clave y mucho más.

Registrarse ahora

Asistencia

Accede al servicio de asistencia a través de tu cuenta.

Asistencia por correo electrónico (prueba gratuita y cuentas de pago) Disponible 24/7

Asistencia por chat/virtual
La disponibilidad varía según la ubicación y el tipo de plan

Iniciar sesión