如何在 Shopify Product Reviews 应用中显示商品评价总数

· Updated
1 分钟阅读
如何在 Shopify Product Reviews 应用中显示商品评价总数
目录

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.

重要更新:Shopify 官方的 Product Reviews 应用已于 2024 年 5 月停止服务。本指南为历史参考而保留,但商家现在需要使用第三方评价应用,才能在 Shopify 店铺中展示商品评价。

提升 Shopify 商品集合页(Collection Page)视觉效果与信息价值的一个有效方法,是为每个商品加入评分数字以及对应的评价数量。这个简单的自定义不仅能让页面更显专业,还能为潜在客户提供关于商品热度与质量的关键参考。

Shopify 当前可用的评价应用选择

截至 2025 年,18.0% 的 Shopify 店铺安装了 Judge.me Product Reviews App,使其成为 Shopify 上领先的最佳免费评价应用。其他热门替代方案包括 Loox(已有 100,000 家电商企业使用)、Stamped.io、Yotpo 和 Fera。

大多数现代评价应用都提供与已停用的 Shopify Product Reviews 应用相似的功能,并额外支持以下特性,例如:

  • 图片与视频评价
  • 自动发送评价邀请邮件
  • 从其他平台导入评价
  • 可自定义的评价组件(widgets)
  • Google Shopping 集成
  • 社交媒体同步

旧版操作说明(历史参考)

以下说明适用于已停用的 Shopify Product Reviews 应用。如果你之前使用过该应用,则需要 迁移到第三方商品评价应用,才能继续收集并展示商品评价

在原应用中,流程是这样进行的:

  1. 进入 Shopify 后台管理面板,并导航到“Online Store”。
  2. 在“Online Store”部分中,选择“Themes”。
  3. 找到你要编辑的主题,并点击该主题的“Actions”。
  4. 在下拉菜单中选择“Edit Code”。
  5. 在代码编辑器中,在 “Snippets” 目录下找到“product-grid-item.liquid”文件。注意:部分主题可能会使用不同名称的同类文件,例如:
    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquid
  6. 在代码中,找到你希望显示评价总数的位置。通常建议放在商品标题的中间位置。搜索 {{ product.title }} 来定位商品标题。
  7. 将以下代码粘贴到包含商品标题 Liquid 标签的那一行下方的新一行中。
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

如果你想在页面的其他位置添加评价总数,也可以把这段代码放到不同位置进行尝试,直到你满意它的展示位置为止。

最终代码大致如下:

<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>

使用第三方评价应用继续前进

约 89% 的消费者表示,他们在网上购买商品前会先阅读评价,因此商品评价是建立访客信任与忠诚度的关键要素。虽然原 Shopify Product Reviews 应用已无法使用,但 大多数第三方应用都支持评价迁移功能,让你在更换评价应用时可以转移已有评价。

我们建议你浏览 Shopify App Store 的 Product Reviews 分类,找到最适合你店铺需求的解决方案。许多应用提供免费方案或试用期,方便你在正式投入前先测试不同选项。

分享这篇文章

相关文章