Cómo mostrar el recuento total de reseñas de la app Shopify Product Reviews

· Updated
4 min de lectura
Cómo mostrar el recuento total de reseñas de la app Shopify Product Reviews
Tabla de contenidos

TL;DR

Shopify discontinued its official Product Reviews app in May 2024, so the old badge snippet is now only useful as historical reference. In 2026, the easiest way to display total review counts is to use a modern review app such as Judge.me and output the metafield product.metafields.reviews.rating_count in your theme. If you want a fast, reliable setup for product pages and collection cards, Judge.me is the most practical option for most stores.

Actualización importante: La app oficial Product Reviews de Shopify se discontinuó en mayo de 2024. Esta guía se conserva como referencia histórica, pero ahora los comerciantes deben usar apps de reseñas de terceros para mostrar reseñas de productos en sus tiendas Shopify.

Una forma eficaz de mejorar el atractivo visual y el valor informativo de tu página de colección de Shopify es incorporar los números de valoración y el recuento de opiniones correspondiente para cada producto. Esta sencilla personalización no solo aporta un toque profesional, sino que también ofrece a los clientes potenciales información valiosa sobre la popularidad y la calidad del producto.

Opciones actuales de apps de reseñas para Shopify

A partir de 2025, el 18,0% de las tiendas Shopify han instalado la app Judge.me Product Reviews, lo que la convierte en la mejor app de reseñas gratuita líder para Shopify. Otras alternativas populares incluyen Loox, que es utilizada por 100.000 negocios de ecommerce, Stamped.io, Yotpo y Fera.

La mayoría de las apps de reseñas modernas ofrecen una funcionalidad similar a la de la app Shopify Product Reviews (ya discontinuada), con funciones adicionales como:

  • Reseñas con fotos y videos
  • Emails automatizados para solicitar reseñas
  • Importación de reseñas desde otras plataformas
  • Widgets de reseñas personalizables
  • Integración con Google Shopping
  • Sincronización con redes sociales

Instrucciones heredadas (como referencia histórica)

Las siguientes instrucciones eran para la app Shopify Product Reviews, ya discontinuada. Si antes usabas esta app, tendrás que migrar a una app de reseñas de productos de terceros para seguir recopilando y mostrando reseñas de productos.

Así funcionaba el proceso con la app original:

  1. Accede a tu panel de administración de Shopify y ve a “Tienda online”.
  2. Dentro de la sección “Tienda online”, selecciona “Temas”.
  3. Identifica el tema que deseas editar y haz clic en “Acciones” para ese tema.
  4. En el menú desplegable, elige “Editar código”.
  5. En el editor de código, localiza el archivo “product-grid-item.liquid” dentro del directorio “Snippets”. Ten en cuenta que algunos temas pueden tener variaciones de este archivo con nombres distintos, como:
    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquid
  6. En el código, busca el área donde quieres mostrar el recuento total de reseñas. Normalmente, querrás hacerlo en medio del título del producto. Busca {{ product.title }} para encontrar el título del producto.
  7. Pega el siguiente código en una nueva línea debajo del código que contiene la etiqueta Liquid del título del producto.
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Si querías añadir el recuento total de reseñas en cualquier otro lugar de la página, podías agregar el código en distintos sitios hasta que te gustara su posición.

Así es como quedaba el código final:

<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">

  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">

    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">

    <div class="h4 grid-view-item__title">{{ product.title }}</div>

      {% if section.settings.show_vendor %}

    <div class="grid-view-item__vendor">{{ product.vendor }}</div>

      {% endif %}

    <div class="grid-view-item__meta">

      {% include 'product-price' %}

    </div>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">

    </span>

  </a>

</div>

De cara al futuro con apps de reseñas de terceros

Alrededor del 89% de los compradores afirma que lee reseñas antes de comprar productos online, lo que convierte a las reseñas de productos en un ingrediente esencial para generar confianza y fidelidad entre tus visitantes. Aunque la app original Shopify Product Reviews ya no está disponible, la mayoría de las apps de terceros incluyen funciones de migración de reseñas, lo que te permite transferir reseñas existentes al cambiar a una nueva app de reseñas.

Recomendamos explorar la categoría Product Reviews de Shopify App Store para encontrar la mejor solución para las necesidades de tu tienda. Muchas apps ofrecen planes gratuitos o periodos de prueba, lo que facilita probar distintas opciones antes de decidirte.

Comparte este artículo

Artículos relacionados