Cómo personalizar el widget de revisión

Aprox. 12 min. de lectura

Actualizado el 7 jul 2025, 10:27 a.m. EST

Aprende a personalizar la apariencia de tu widget de reseñas (por ejemplo, el bloque de tu tienda, comercio que muestra y acepta reseñas de productos).

Widget de opiniones disponibles

Klaviyo Reviews proporciona varios widget que puedes añadir a tu tienda, comercio:

Valoración por estrellas widget
Muestra tu valoración actual por estrellas para un producto concreto, y se suele añadir debajo del nombre de tu producto.
Resumen de opiniones widget
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.
Lista de opiniones widget
Muestra una lista de todas las opiniones y preguntas de clientes publicadas, junto con una barra de búsqueda, filtros, un botón Escribir una opinión y un botón Formular una pregunta. La mayoría de las veces se añade inmediatamente debajo del widget de resumen de la reseña.
Reseñas de productos widget
Una combinación del widget de resumen de reseñas y lista de reseñas anterior. Si añades las reseñas de productos widget a tu sitio, no necesitas añadir por separado el widget de lista de reseñas y el de resumen de reseñas.
Carrusel de opiniones destacadas widget
Muestra las opiniones seleccionadas de cualquiera de tus productos. Puede aparecer en tu página de inicio, en una página de opiniones independiente o en cualquier otro lugar de tu sitio. Puedes seleccionar las opiniones que aparecen en este widget. Si están disponibles, las imágenes enviadas por el cliente acompañan a cada opinión; las imágenes de tu producto se utilizan si no se ha enviado ninguna imagen junto a la opinión.
El widget SEO / Todas las opiniones muestra todas tus opiniones de todos los productos en una sola página. Utiliza este widget para mejorar tu SEO y proporcionar un único lugar para que los clientes potenciales vean lo que les gusta a tus clientes actuales. Este widget se suele añadir a una página de Opiniones independiente de tu sitio.

Estos widgets son totalmente personalizables, lo que significa que puedes elegir las fuentes y los colores de tu marca, así como seleccionar a mano las opiniones que deseas destacar en el carrusel de opiniones destacadas.

Selecciona un idioma para el widget de reseñas y las páginas de envío

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

Navega hasta la pestaña Reseñas en Klaviyo.
Haz clic en Configuración de las revisiones.
Selecciona General.
En el menú Seleccionar idioma, elige tu idioma.

actualizar tu idioma para Klaviyo Revisiones se aplica a:

Página de envío de reseñas
Widgets del sitio web

Clasificación por estrellas widget
Resumen de la revisión widget
Revisar lista widget
Widget de reseñas de productos
Revisión destacada carrusel widget

No puedes actualizar la configuración de idioma sólo para un 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 tu sitio.

actualizar tu idioma para Klaviyo Reseñas no se aplica a ninguna otra función/característica de Klaviyo (por ejemplo, preguntas personalizadas, flujo, formulario de registro, páginas de preferencias, contenido de las reseñas enviadas por los clientes, etc.). Hay que traducirlos y editarlos manualmente.

Ocultar el widget de opiniones hasta que un producto haya recibido opiniones

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

Por defecto, un producto sin opiniones mostrará 0/5 estrellas y un mensaje indicando que aún no se han enviado opiniones. Si prefieres ocultar el widget hasta que recibas las valoraciones, sigue estos pasos:

Abre la pestaña Reseñas en Klaviyo.
Selecciona la configuración de Revisiones.
Haz clic en Widget in situ.
Selecciona Reseñas del producto o Valoración por estrellas.
Abre el menú Estado vacío.
Desactiva el ajuste Mostrar con cero estrellas.

Cambiar la apariencia del widget

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

Abre la pestaña Reseñas en Klaviyo.
Selecciona la configuración de Revisiones.
Haz clic en Widget in situ.
Elige el widget que quieras editar.
Haz clic en el estilo de diseño & .
Ajusta la apariencia del widget como desees, incluyendo fuentes, colores y espaciado.

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

Ajustes de estilo de revisión disponibles

Abre 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 Estilo del diseño & de la configuración del estilo de las reseñas de productos, puedes ajustar las siguientes opciones:

Margen
Ajusta el espacio en la parte superior, inferior, izquierda y/o derecha del widget.
Color de fondo principal
Activa esta opción para añadir un color de fondo a toda el área del widget.
Color de fondo secundario
Edita el color de ciertos elementos de widget, como las barras del histograma.
Color del acento
Edita el color utilizado para varios acentos, incluyendo la selección en una pregunta de rango y las insignias de revisor verificado.
Radio de esquina
Aplica esquinas redondeadas a toda el área del widget de revisión del producto. Ten en cuenta que esto sólo es visible si añades un color de fondo primario.
Líneas de división
Añade líneas opcionales entre cada revisión.
Fuente principal
Elige Heredar del sitio para utilizar la fuente existente en tu sitio, o selecciona una fuente. El ajuste Fuente primaria se aplica a todas las fuentes del widget excepto:
- La etiqueta #/5 en la sección de 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
Elige Heredar del sitio para utilizar la fuente existente de tu sitio, o selecciona 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 de opiniones de clientes.
Tamaño, peso y color de la fuente
Ajusta el tamaño, el peso y el color de las fuentes primaria y secundaria, respectivamente.
Ajustes de los botones
- Color
  Color del botón.
- Radio de las esquinas
  La redondez de las esquinas de los botones. Pon 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, activa esta opción.
- Relleno
  Relleno dentro de cada botón, rodeando el texto del botón. Si añades 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 utiliza este color).
- Borde
  Un borde de color opcional que rodea todas las estrellas.
- Espacio
  El espacio entre cada estrella.
- Forma
  Elige estilos de puntuación alternativos, como estrellas puntiagudas, corazones redondeados y mucho más.
- Tamaño
  - Resumen
    El tamaño de las estrellas dentro del resumen de la reseña.
  - Opinión
    El tamaño de las estrellas dentro de cada opinión del cliente.
Configuración de los filtros
La configuración delos filtros se aplica 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.
- con actividad anchura del trazo, color
  La anchura y el color del borde que indica una opción de filtro con actividad (es decir, seleccionada). (Mínimo 1.)
- Radio de las esquinas
  El redondeo de las esquinas en el campo de búsqueda. Para no redondear, selecciona 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 la 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 opiniones
  El tamaño de las imágenes incluidas con las reseñas individuales.

Carrusel de reseñas destacadas

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

Titular de la sección
Añade una etiqueta, opiniones de clientes, a este widget.
Tipo de carrusel
Elige si el carrusel debe mostrar imágenes o sólo texto.
Número máximo de opiniones por página
Elige cuántas opiniones destacadas mostrar por página.
Límite de texto
Elige cuántas líneas de texto incluir en cada vista previa de revisión.
Margen
Ajusta 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
Activa o desactiva 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, puedes 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. Ten en cuenta que la cabecera de sección debe estar activada en diseño para que este ajuste se aplique a tu widget.
Altura de la imagen
Edita el tamaño de la imagen incluida en la vista previa de la revisión.
Radio de esquina
Modifica el redondeo de las esquinas en cada ficha de revisión destacada.
Color de la ficha
Añade un color de fondo a cada ficha de revisión.
Sombra
Añade o elimina una sombra de las cartas.
Borde
Añade o elimina 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 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 cliente.
- Forma
  Elige estilos de puntuación alternativos, como estrellas puntiagudas, corazones redondeados y mucho más.
Revisar la configuración de la fuente del titular
Elige Heredar del sitio para utilizar la fuente existente de tu sitio, o selecciona una fuente y su tamaño, peso y color.
Revisar la configuración de la fuente del cuerpo
Elige Heredar del sitio para utilizar la fuente existente de tu sitio, o selecciona una fuente y su tamaño, peso y color.
Configuración de la fuente de las etiquetas de fecha y nombre
Elige Heredar del sitio para utilizar la fuente existente en tu sitio, o selecciona una fuente y su tamaño, peso y color.

Calificación con estrellas

Margen
Ajusta 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á valorado 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 cliente.
- Forma
  Elige estilos de puntuación alternativos, como estrellas puntiagudas, corazones redondeados y mucho más.
Fuente primaria
Edita la fuente utilizada para el texto # valoraciones. EligeHeredar del sitio para utilizar la fuente existente en tu sitio, o selecciona una fuente.
Tamaño, peso y color de la fuente
Ajusta el tamaño, el peso y el color del texto de las #calificaciones.

desactivar/inhabilitar o activar filtros y acciones de revisión

Permite a tu cliente filtrar las opiniones por puntuación, contenido multimedia (es decir, si las opiniones contienen imágenes) o sus respuestas a preguntas personalizadas. Esto puede ayudar a los clientes potenciales a encontrar las opiniones más relevantes para ellos.

Navega hasta la pestaña Reseñas en Klaviyo.
Haz clic en Configuración de las revisiones.
Selecciona Widget in situ.
Selecciona el widget Reseñas de productos.
Selecciona Revisar lista.
Para mostrar u ocultar el botón y la pestaña Q&A, o el botón Escribir una opinión, activa o desactiva esa selección en la tarjeta Acciones.
Para eliminar o añadir la sección de filtros en tu lista de revisiones widget, desactiva/inhabilita o activa el conmutador Filtros.
Marca o desmarca cualquiera de estas opciones para determinar qué opciones de filtro aparecen: Barra de búsqueda, Ordenación (reciente, más alto, más bajo), Valoración, Contenido multimedia, Preguntas personalizadas.

Sobre el filtrado más relevante

El filtro Más relevante resalta las opiniones 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 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 contenido (es decir, reseñas sólo de valoración) enviadas desde otros países

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

Elige si quieres funciones/características imágenes del producto en el resumen de tus opiniones

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

Navega hasta la pestaña Reseñas en Klaviyo.
Haz clic en Configuración de las revisiones.
Selecciona Widget in situ.
Selecciona el widget Reseñas de productos .
Selecciona Revisar resumen & contenido multimedia.
Activa o desactiva 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.

Puedes ocultar elementos de tu lista de reseñas (por ejemplo, autor de la reseña, tienda, respuesta de comercio, marca de tiempo) si lo deseas. Para ello:

Abre la pestaña Reseñas en Klaviyo.
Selecciona la configuración de Revisiones.
Haz clic en Widget in situ.
Elige Revisiones del producto.
Haz clic en Revisar lista.
Desactiva cualquier elemento que quieras ocultar.

Si desactivas/inhabilitas Valoración por estrellas, Contenido multimedia y Preguntas personalizadas de la lista de opiniones, desaparecerán las opciones de configuración de los Filtros de opinión. Para que un visitante del sitio pueda filtrar su búsqueda, al menos un criterio de filtro (valoración por estrellas, contenido multimedia o preguntas personalizadas) debe estar visible en la lista de opiniones.

Selecciona las opiniones que se mostrarán en el carrusel de opiniones destacadas

Las opiniones destacadas aparecerán en el carrusel de opiniones destacadas. Para elegir qué reseñas funciones/características:

Navega hasta la pestaña Reseñas.
Selecciona Todas las opiniones.
Junto a una reseña que te gustaría funciones/características, haz clic en funciones/características.
Repite la operación como desees. Recomendamos seleccionar al menos 3-5 opiniones para destacar.

Recursos adicionales

¿Te resultó útil este artículo?

Usa este formulario solo para enviar comentarios sobre el artículo. Más información sobre cómo contactar al equipo de asistencia.

Descubre más sobre Klaviyo

Comunidad

Conecta con colegas, socios y expertos de Klaviyo para inspirarte, compartir ideas y resolver todas tus dudas.

Visita la comunidad

Capacitación en vivo

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

Regístrate ahora

Asistencia

Accede a la asistencia a través de tu cuenta.

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

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

Iniciar sesión