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

你将会学到

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

开始之前

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

• 在您的 Shopify 商店中添加 Klaviyo Reviews 应用。 – 在 Shopify 集成中启用 Klaviyo 应用嵌入。

可用的评论小部件

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 后台中，导航至在线商店 > 主题。

2. 单击当前主题下方的三个点图标。
3. 单击复制 进行复制。
4. 在主题的新副本旁边，单击自定义。
5. 请按照以下每个小组件的步骤进行操作。

添加产品评论摘要和列表

1. 单击标有主页的下拉菜单。
2. 单击产品 > 默认产品（或您用于产品页面的任何模板）。

3. 在侧栏中，单击添加部分。

4. 从列表中选择产品评论。

在产品标题下添加星级

1. 单击 Shopify 网站编辑器顶部的下拉菜单。
2. 单击产品 > 默认产品（或您用于产品页面的任何文件）。

3. 在产品信息部分，单击添加块。

4. 选择星级块。

5. 使用块名称右侧的图标对块重新排序。星级小部件通常放置在产品价格的正上方。

6. 一旦您对评论小部件的放置感到满意，请单击保存。

在您网站上的任何位置显示特色评论

1. 导航到 Shopify 商店中任何页面的模板。
2. 单击添加部分。
3. 单击应用程序。
4. 选择特色评论轮播块。

5. 此块将显示您选择在 Klaviyo 评论管理中显示的评论。

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

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

结果

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