Cómo instalar Klaviyo Reviews en temas de Shopify 2.0
Objetivos del artículo
Aprende a instalar Klaviyo Reviews en tu tienda Shopify 2.0 instalando la app y agregando widgets de reseñas.
Si tu tienda de Shopify usa un tema vintage, debes copiar y pegar algunos fragmentos de código para agregar widgets de reseñas. Aprende cómo instalar Klaviyo Reviews en un tema vintage de Shopify. Si usas WooCommerce, aprende cómo instalar Klaviyo Reviews para WooCommerce.
Antes de empezar
Antes de agregar estos widgets a tu tienda de Shopify:
- Agrega la aplicación Klaviyo Reviews en tu tienda de Shopify.
- Habilita la incrustación de la aplicación de Klaviyo en la integración de Shopify.
- Si planeas agregar un carrusel de reseñas destacadas, elige las reseñas que quieres destacar en Reviews > All reviews antes de instalarlo.
Widgets de reseñas disponibles
Klaviyo Reviews ofrece varios widgets que puedes agregar a tu tienda de Shopify:
- El widget de calificación por estrellas muestra la calificación por estrellas actual de un producto específico, y por lo general se agrega debajo del nombre del producto.

- El widget de reseñas de productos muestra una gráfica que desglosa todas las calificaciones que recibió un producto, las imágenes de usuarios enviadas con reseñas y los comentarios más comunes que ha recibido el producto.
Debajo de eso hay una lista de todas las reseñas publicadas y las preguntas de los clientes, junto con una barra de búsqueda, filtros de reseñas, un botón Escribir una reseña y un botón Hacer una pregunta.
Por lo general, se agrega cerca de la parte inferior de una página de producto.


- El widget de carrusel de reseñas destacadas muestra reseñas destacadas de todos tus productos. Esto puede mostrarse en la página de inicio, en una página de reseñas independiente o en cualquier otra parte del sitio. Puedes seleccionar las reseñas que se muestran en este widget. Si están disponibles, las imágenes enviadas por los clientes acompañan cada reseña; se usan las imágenes del producto si no se envió ninguna imagen junto con la reseña.

- El widget de SEO/todas las reseñas muestra todas tus reseñas de todos los productos en una sola página. Usa este widget para mejorar tu SEO y ofrecer un solo lugar para que los clientes potenciales vean lo que les encanta a tus clientes actuales. Este widget se agrega con mayor frecuencia a una página independiente de Reseñas en tu sitio.

Agrega los widgets de reseñas a tu sitio
Estos pasos describen cómo agregar widgets de Klaviyo Reviews en una tienda Shopify con un tema de Shopify 2.0. Si usas un tema vintage de Shopify, deberás instalar fragmentos de código de forma manual para agregar estos widgets.
Sigue los pasos a continuación para instalar el widget del carrusel de reseñas del producto, calificación con estrellas o reseñas destacadas en tu tema actual activo. Para trabajar en una copia del tema, usa los pasos de instalación manual a continuación. El widget de SEO / Todas las reseñas tiene pasos de instalación por separado en la siguiente sección.
- En Klaviyo, ve a Reseñas.
- Haz clic en Configuración de reseñas en la esquina superior derecha.
- Selecciona Widgets del sitio web.
- Haz clic en el widget que te gustaría instalar (por ejemplo, Reseñas de productos).
- Selecciona Instalación.
- En la pestaña Shopify 2.0, haz clic en Instalar ahora.
- Se te dirigirá al editor del tema actual de Shopify. Las reseñas de productos y las calificaciones con estrellas se agregan a la plantilla predeterminada del producto; el carrusel de reseñas destacadas se agrega a la página principal.
- Revisa la ubicación del widget y ajusta en el editor de Shopify si es necesario.
- Haz clic en Guardar para publicar las actualizaciones y activar el widget en tu sitio.
- Repite con widget adicionales (p. ej., widget de calificación con estrellas, widget de carrusel de reseñas destacadas) según sea necesario.
Si los productos usan otras plantillas, agrega los widgets de reseñas de productos y calificación de estrellas a cada plantilla donde quieras que aparezcan. Usa las instrucciones de instalación manual a continuación para seleccionar esas plantillas o para colocar un carrusel de reseñas destacadas en otra página.
Agrega el widget de SEO/Todas las reseñas
- En Reseñas > Configuración de reseñas > Widgets en el sitio, selecciona SEO/Todas las reseñas. Abre Instalación y selecciona Shopify 2.0.
- Usa el enlace del editor de temas de Shopify en la primera instrucción de instalación para crear una plantilla de página para las reseñas.
- Regresa a Klaviyo y haz clic en Siguiente paso. Sigue las instrucciones para agregar el widget Todas las reseñas a la nueva plantilla y, luego, guarda la plantilla en Shopify.
- Vuelve a Klaviyo y haz clic en Siguiente paso de nuevo. Sigue el enlace de páginas de Shopify para crear una página que use la nueva plantilla de reseñas y, después, guarda la página.
Instala manualmente los widgets desde el editor de temas de Shopify
Puedes instalar manualmente los widgets de reseñas dentro del editor de temas de Shopify. Estos pasos usan una copia del tema para que puedas revisar los widgets antes de publicar los cambios.
Pasos de instalación manual
- En el Administrador de Shopify, ve a Tienda en línea > Temas.

- Haz clic en el ícono de tres puntos debajo de tu tema actual.
- Haz clic en Duplicar para hacer una copia.
- Junto a la nueva copia de tu tema, haz clic en Personalizar.
- Sigue los pasos de cada widget a continuación.
Agregar un resumen y una lista de reseñas de productos
- Haz clic en el menú desplegable con la etiqueta Página principal.
- Haz clic en Productos > Productos por defecto (o la plantilla que uses para las páginas de producto).

- En la barra lateral, haz clic en Agregar sección.

- Selecciona Reseñas de productos en la lista.

- Ajusta la ubicación del widget según sea necesario y luego haz clic en Guardar.
Agrega una calificación con estrellas debajo del título del producto
- Haz clic en el menú desplegable en la parte superior del editor del sitio de Shopify.
- Haz clic en Productos > Productos por defecto (o la plantilla que uses para las páginas de producto).

- En la sección Información del producto, haz clic en Agregar bloque.

- Elige el bloque de calificación de estrellas.

- Usa el ícono a la derecha del nombre del bloque para reordenar el bloque. El widget de calificación con estrellas suele colocarse directamente encima del precio del producto.

- Cuando estés conforme con la ubicación de tus widget de reseñas, haz clic en Guardar.
Muestra reseñas destacadas en cualquier parte del sitio
- Navega hasta la plantilla de cualquier página en tu tienda de Shopify.
- Haz clic en Añadir sección.
- Haz clic en Apps.
- Selecciona el bloque Carrusel de reseñas destacadas.

- Ajusta la ubicación del carrusel según sea necesario y luego haz clic en Guardar.
Este bloque mostrará reseñas que elegiste destacar en el administrador de Klaviyo Reviews.

Después de agregar los widgets que quieras, previsualiza la copia del tema. Cuando estés conforme con el resultado, publica la copia para que los widgets sean visibles en la tienda activa. Guardar los cambios en la copia no la publica.
Si quieres agregar calificaciones con estrellas debajo del nombre de un producto en una página de colección, tendrás que editar los archivos del tema y agregar el fragmento de código a continuación dentro de la cuadrícula de productos.
<div class="klaviyo-star-rating-widget" data-id="{{product.id}}" data-product-title="{{product.title}}" data-product-type="{{product.type}}"></div>
Esto puede requerir ayuda de un desarrollador. El equipo de soporte de Klaviyo no puede editar directamente los archivos de temas.
Resultado
Una vez que hayas guardado los widgets en el tema en vivo, o publicado la copia del tema que editaste, las reseñas aparecerán en las páginas que usan esas plantillas.
Si un producto no tiene reseñas y la opción Mostrar con cero estrellas está desactivada, el widget de reseñas de productos o calificación por estrellas permanecerá oculto. Descubre cómo cambiar esta configuración.
Recursos adicionales
- Primeros pasos con Klaviyo Reviews
Descubre cómo configurar reseñas para recopilar comentarios de los clientes y compartir las reseñas positivas con tus clientes potenciales.
- Cómo personalizar widgets de reseñas
Aprende a personalizar la apariencia de los widgets de reseñas (por ejemplo, los bloques de tu tienda que muestran y aceptan reseñas de productos).