如何在 Shopify 2.0 主题上安装 Klaviyo Reviews

你将会学到 #

了解如何通过安装应用程序并添加评论小部件来在 Shopify 2.0 商店中安装 Klaviyo Reviews。如果您的 Shopify 商店使用复古主题,您必须复制并粘贴一些代码片段才能添加评论小部件。了解如何在老式 Shopify 主题上安装 Klaviyo Reviews。如果您使用 WooCommerce,请了解如何安装 WooCommerce 的 Klaviyo Reviews。 ## 开始之前

在将这些小部件添加到您的 Shopify 商店之前:

Klaviyo Reviews 提供了多个可以添加到 Shopify 商店的小部件:

-*星级小部件*显示您当前对特定产品的星级,并且通常添加在您的产品名称下方。 !星级小部件

  • 产品评论小部件显示了一个图表,其中详细列出了产品收到的所有评级、随评论提交的用户图像以及产品收到的最常见反馈。下面是所有已发布评论和客户问题的列表,以及搜索栏、评论过滤器、撰写评论按钮和提出问题**按钮。它通常添加在产品页面底部附近。 !带图片的评论摘要
评论列表
评论列表
  • 特色评论轮播小部件**显示您所有产品的突出评论。这可以出现在您的主页、独立评论页面或网站上的任何其他位置。您可以选择此小部件中的评论。如果有的话,客户提交的图像会附在每次评论中;如果评论中未提交任何图片,则会使用您的产品图片。 !特色评论轮播小部件
  • *SEO/所有评论小部件 在一个页面上显示您对所有产品的所有评论。使用此小部件可以改进您的搜索引擎优化,并为潜在客户提供一个单一的位置来查看当前客户的喜好。此小部件通常添加到您网站上的独立评论*页面。 !所有评论小部件

将评论小部件添加到您的网站 #

这些步骤概述了如何使用 Shopify 2.0 主题在 Shopify 商店中添加 Klaviyo Reviews 小部件。如果您使用 Shopify 复古主题,则需要手动安装代码片段 来添加这些小部件。 1. 在 Klaviyo 中,导航至*评论。 2. 单击右上角的评论设置。 3. 选择现场小部件。 4. 单击您要安装的小部件(例如产品评论小部件)。 5. 选择安装。 6. 在 Shopify 2.0 选项卡中,单击安装。 7. 您将被定向到当前 Shopify 主题的编辑器,并添加了小部件。 8. 检查小部件的位置,并根据需要在 Shopify 编辑器中进行调整。 9. 单击保存* 发布您的更新并在您的网站上设置小部件。 10. 根据需要重复其他小部件(例如,星级评分小部件、特色评论轮播小部件)。 ### 通过 Shopify 主题编辑器手动安装小部件

如果您更愿意手动安装评论小部件而不是使用自动安装程序,则可以在 Shopify 主题编辑器中执行此操作。 *手动安装步骤*

  1. 在您的 Shopify 后台中,导航至*在线商店 > 主题*。 !Shopify 的在线商店主题
  2. 单击当前主题下方的三个点图标。 3. 单击*复制 进行复制。 4. 在主题的新副本旁边,单击自定义*。 5. 请按照以下每个小组件的步骤进行操作。 ### 添加产品评论摘要和列表
  1. 单击标有*主页的下拉菜单。 2. 单击产品 > 默认产品*(或您用于产品页面的任何模板)。 !默认产品模板
  2. 在侧栏中,单击*添加部分*。 !添加部分
  3. 从列表中选择*产品评论*。 !产品评论小部件

在产品标题下添加星级 #

  1. 单击 Shopify 网站编辑器顶部的下拉菜单。 2. 单击*产品 > 默认产品*(或您用于产品页面的任何文件)。 !Shopify 中的默认产品页面
  2. 产品信息部分,单击*添加块*。 !添加区块
  3. 选择*星级*块。 !星级评级应用程序
  4. 使用块名称右侧的图标对块重新排序。星级小部件通常放置在产品价格的正上方。 !星级排名
  5. 一旦您对评论小部件的放置感到满意,请单击*保存*。 ### 在您网站上的任何位置显示特色评论
  1. 导航到 Shopify 商店中任何页面的模板。 2. 单击*添加部分。 3. 单击应用程序。 4. 选择特色评论轮播*块。 !特色评论轮播小部件块
  2. 此块将显示您选择在 Klaviyo 评论管理中显示的评论。 !功能评论轮播小部件

如果您想在产品系列页面上的产品名称下添加星级评级,则需要编辑主题文件并在产品网格中添加下面的代码片段。 <div class="klaviyo-star- rating-widget" data-id="{{product.id}}" data-product-title="{{product.title}}" data-product-type="{{product.type}}"></div>

这可能需要开发人员的帮助。 Klaviyo 的支持团队无法直接编辑您的主题文件。 ## 结果

添加本文中概述的小部件并启用新主题后,您的评论将显示在您的网站上。

您的感觉是什么