Klaviyo 评论

关于 Klaviyo 评论应用

Klaviyo 评论 帮助 Shopify 商家收集、管理和展示客户反馈。您可以完全自定义小部件设计以匹配您的品牌，甚至可以使用 Klaviyo 中的评论数据进行个性化电子邮件营销和细分。

主要特点：

• 星级评定小部件： 直接在您的产品页面上显示平均产品评级。
• 回顾部分： 列出详细的客户反馈，并附带可选的图片或视频。
• 精选评论轮播： 展示突出的评论以获得社会认可。
• 可定制设计： 调整字体、颜色和布局以符合您商店的主题。

为什么使用 Klaviyo 评论：

• 通过真实的用户生成内容增强品牌信誉和信任。
• 通过透明的产品反馈帮助客户更快地做出购买决定。
• 利用评论见解进行营销、产品改进和个性化。
• 通过社会认同来提高转化率。

如何安装 Klaviyo 评论？

第三步： 要安装 Klaviyo Reviews 应用，请访问 Shopify App Store 并单击 安装.

第三步： 继续点击 安装 授予应用程序访问权限。

第三步： 您将被重定向到 Klaviyo 网站上的登录仪表板。

从那里登录您的 Klaviyo 帐户。

第三步： 去 评价 选项​​卡，并选择 在 Shopify 上启用应用程序嵌入.

第三步： 在主题编辑器中，启用应用程序嵌入代码并点击 已保存 应用更新。

设置 Klaviyo 评论小部件

第三步： 带回了 评价 选项卡，然后单击 添加产品评论小部件.

第三步： 按照左侧栏中的每个部分来设置您的 Klaviyo 评论小部件。

• 安装方式： 将评论小部件添加到您的 Shopify 商店。

• 布局和风格： 自定义小部件的可见性，例如调整边距、修改主样式、文本样式和元素样式。

• 评论摘要和媒体： 选择将显示在小部件中的摘要项。

• 评论列表： 选择显示您喜欢的评论项目。

• 空状态： 自定义尚无评论时小部件的外观。

完成后，单击 发布变更 应用并发布您的更新。

第三步： 你会回到 评论仪表板。从那里，您可以单击其他小部件开始自定义它们以适合您商店的外观和感觉。

如何在 GemPages v7 中使用 Klaviyo 评论？

在开始之前，请确保：

• Klaviyo 评论 已安装在您的 Shopify 商店上。
• 您已在 Klaviyo 内配置了审核小部件和现场设置。
• 您正在使用 GemPages v7 具有编辑页面的权限。

在产品页面上显示（推荐）

第三步： 从 GemPages 仪表板，前往 前往 > 产品，然后点击目标产品页面在编辑器中打开。

第三步： 导航到 Shopify应用程序 并使用搜索栏查找 Shopify 应用程序元素。然后，将其拖放到设计区域。

第三步： 按照左侧边栏中显示的步骤操作：发布您的页面，并在 Shopify 编辑器中添加应用程序小部件。

第三步： 在 Shopify 编辑器中，点击 第1 > 加挡.

第三步： 搜索“Klaviyo 评论”并从列表中选择您喜欢的小部件。

例如，我们选择 产品评论 上面创建的小部件。

第三步： 命中的 已保存 按钮来应用您的更新。

显示在其他地方er 页面类型

由于 Klaviyo Reviews 无法与这些页面类型原生集成，因此您需要使用 自定义代码元素 并将其放入 产品 or 产品列表 元素.

按着这些次序：

第三步： 在编辑器 v7 中，搜索自定义代码元素，并将该元素嵌套在产品元素中。

如果您还没有任何产品元素，请查看 本文 添加一个。

第三步： 点击此元素即可在左侧边栏中打开其设置。在 自定义代码 部分，点击“+添加...”按钮打开代码面板。

第三步： 在代码面板中，将以下代码片段之一粘贴到 HTML/Liquid 标签。

每个片段显示一个 Klaviyo Reviews 小部件类型，包括：

窗口小部件	片段	例如：
星级	<div class="klaviyo-star-rating-widget"     data-id="{{ product.id }}"     data-product-title="{{ product.title }}"      data-product-type="{{ product.type}}"></div>
审查部分	<div id="klaviyo-reviews-all" data-id="{{ product.id }}"></div>
圆盘传送带	<div id="klaviyo-featured-reviews-carousel"></div>

第三步： 完成后，单击 已保存，然后重新发布您的页面以应用更改。

如何显示多个产品的评论？

如果您想在目标网页上显示多个产品的评论：

• 使用 产品列表 元素 循环产品。
• 将代码放在每张产品卡内，参考 {{ product.id }} 或适当的变量。
• 或者，使用此代码片段显示所有评论：

<div id="klaviyo-reviews-all" data-id="all"></div>

例如：

常见问题和故障排除

关于 Klaviyo 评论的常见问题解答

1. 我可以在非产品页面上显示 Klaviyo 评论吗？

是的。使用 自定义代码 方法并确保代码放置在产品或产品列表元素内。

2. 为什么该小部件在 GemPages 预览中不可见？

大多数第三方应用程序仅在 现场店面，不在预览模式下。

3. 我的小部件出现错误或无法加载。我该怎么办？

检查浏览器控制台 (F12)。禁用其他自定义脚本进行测试。如果错误仍然存​​在，请联系 Klaviyo 支持.