你会学到 #

了解如何在产品详细信息页面上显示交互式“添加到购物车”小部件。当传统的“添加到购物车”按钮不再可见时，可自定义的小部件会鼓励购物者在产品详细信息页面滚动到顶部下方时进行购买或保存产品以供日后使用。

开始之前 #

本指南介绍如何在您的网站上启用“添加到购物车”小部件。在继续之前，请确保您拥有 Klaviyo 中启用客户中心功能 和 已启用收藏夹扩展.

了解有关客户中心的更多信息.

概述 #

当购物者滚动到产品详细信息页面的首屏下方时，“添加到购物车”小部件会提供一致的购买号召性用语，引导客户完成购买过程。它通过将最小的小部件图标动画化为带有“添加到购物车”标注的当前产品的扩展描述来吸引购物者的注意力。该小部件仅显示在产品详细信息页面上，并且可以根据滚动深度和购物者属性进行自定义显示，确保它补充您现有的网站体验。

启用“收藏夹”后，购物者还可以直接从小部件将商品保存到他们的收藏夹列表中。

启用该小部件后，仍然可以在最小的通知栏中访问网络聊天通知，确保购物者在任何给定时间只能看到最重要的信息。

如何设置添加到购物车小部件 #

1. 导航至客户中心在 Klaviyo 的左侧导航中。
2. 选择设计.
3. 选择 小部件 然后是 添加到购物车 在预览顶部查看

   

4. 从 展示 菜单中，您可以切换“添加到购物车”横幅，然后选择购物者在小部件出现之前必须向下滚动页面多远（以页面高度的百分比衡量）。

   

5. 从 瞄准 菜单中，您可以根据购物者与您品牌的关系来控制哪些购物者可以看到“添加到购物车”小部件：
   • 所有购物者（已识别、登录和注销） – 向访问产品详细信息页面的每个人显示小部件。
   • 已识别或已登录的购物者 – 向 Klaviyo 认可的购物者展示小部件（通过 _kx 令牌）或完全登录其帐户的人。这是推荐的设置，可提供个性化体验，同时排除首次匿名访问者。
   • 仅登录购物者 – 将小部件严格限制为已完成完整帐户登录的用户。
   • 已注销/匿名购物者 – 首次访问者或没有跟踪历史记录的访问者将看到该小部件，但系统会提示您进行身份验证或登录以将项目保存到个人资料中。
   • 特定购物群体—— 将小部件定位到属于指定群体的购物者（例如 VIP 客户、时事通讯订阅者）

   

6. 点击 节省 使您的更改生效。

其他资源 #

• 如何设计您的客户中心
• 网络聊天入门
• 如何在您的网站和客户中心中显示收藏夹按钮