本指南介绍如何在 Shopify Plus 上充分利用 Aftersell 的 checkout widget——从在 Pages 和 Standalone widget 之间做选择,到配置 upsell、信任徽章、奖励和客户评价,再到运行 A/B 测试和避免常见的设置错误。
由于 Shopify Checkout Extensibility API 的限制,checkout widget 仅对 Shopify Plus 商家开放。关于购后 upsell 最佳实践,参见购后最佳实践。
Aftersell 提供两种向结账页添加 widget 的方式:Pages 和 Standalone widgets。一开始就选对结构可以节省时间并避免后续冲突。
Page 是共享同一组触发条件的一组 widget。当触发条件满足时,页面中的所有 widget 一起展示。当你想向同一受众展示一组协调的 widget 时使用 Pages——例如,让 upsell、信任徽章和客户评价一起向特定客户群体展示。
Pages 支持引导式设置,会根据你选择的目标推荐 widget:
- Increase AOV and conversion rate——Upsells、Trust Badges、Testimonials
- Build customer trust and reduce abandonment——Trust Badges、Cart Controls、Text
- Promote add-ons and accessories——Checkbox Upsells、Images、Testimonials
- Encourage customers to reach free shipping threshold——Upsells(配合 Rewards)、Text
保存后目标无法更改。如果你需要不同的目标,必须删除该页面并新建一个。widget 可以随时添加到页面或从页面中移除。
Standalone widgets 独立运作,各自的触发条件和优先级在变体层级配置。当你需要一个独立运行的 widget,或需要为不同 widget 设置不同触发条件时,使用 Standalone widget。
Standalone widget 还支持 A/B 测试(Pages 尚不支持 A/B 测试),因此如果测试是你策略的一部分,请使用 Standalone。
Pages 每种 widget 类型最多允许 5 个块。Standalone widget 每种 widget 类型最多允许 3 个块。当所有块都被占用后,在移除现有块之前,你无法再创建同类型的 widget。
Checkout upsell 是这个阶段的主要收入驱动力。目标是在不增加结账放弃率的前提下提升 AOV。
Aftersell 提供三种 upsell widget 模式:
- Single Product Upsell——展示一个带 Add to Cart 按钮的产品。最适合聚焦、高把握度的优惠,即你非常清楚客户可能想要什么的场景。
- Multi-Product Upsell——以堆叠或轮播布局展示多个产品。客户可以接受多个优惠。最适合品类丰富、希望给客户更多选择的商店。
- Checkmark Upsell——展示单个产品,用复选框代替 Add to Cart 按钮。最适合运费保障、礼品包装或加急处理等低价附加项,此类决策简单快速。注意:复选框默认不能预先勾选,也不能自动添加到订单中。Shopify 不允许这样做。客户必须主动勾选才能添加该产品。
每个 upsell widget 支持多种产品选取方式。请根据你的品类和策略来选择:
- Specific Products——手动选择要进行 upsell 的具体产品。当你想完全控制展示内容时使用,例如季节性促销或精心搭配的组合。
- Collection——选择一个系列,从中随机展示最多 5 个产品。已在购物车中的产品会自动排除。当你希望在精选范围内保持多样性、又不想手动管理单个产品时使用。
- AI Recommendations——让 Aftersell 根据客户的购物车内容自动推荐产品。当你的品类庞大、希望获得无需人工筛选的个性化推荐时使用。
- Most Expensive Product——自动对客户购物车中最贵的产品进行 upsell。适用于再次推荐主打商品有意义的交叉销售场景。
- Spend Threshold——推荐帮助客户达到免运费门槛的产品(需要启用 rewards widget)。与奖励进度条搭配使用,弥合客户当前购物车价值与免运费目标之间的差距。
我们强烈建议为每个 checkout upsell widget 添加折扣。折扣给客户一个立即将产品加入订单的动力,并显著提高接受率。即使是小折扣也能传递价值信号,可能就是客户接受优惠还是忽略它的分水岭。
折扣直接在 Aftersell upsell widget 中配置,客户将 upsell 产品加入订单时自动应用。你可以选择现有的 Aftersell checkout 折扣,也可以直接在 widget 编辑器中创建新折扣(百分比或固定金额)。折扣配置的完整细节参见 Checkout Widget 类型。
请注意:
- Shopify 同一时间只允许每个产品有一个行项目折扣。如果产品已应用折扣,Aftersell 的 upsell 折扣不会在同一行项目上叠加。
- 两个折扣要能组合,必须都在 Shopify Admin 中显式设置为”combinable”。
- 如果另一个应用正在动态修改你的结账页(例如重新计算价格),Aftersell 折扣可能无法按预期应用。
如果你安装了兼容的评论应用,请在 upsell widget 上启用产品评分星级。评分能建立信任,提高客户接受优惠的可能性。你可以设置最低评分门槛(默认 4.0),只有评价良好的产品才显示星级。
支持的评论应用包括 Shopify Product Reviews、Judge.me、Okendo、Loox、Stamped 以及其他将评分存储在产品 metafields 中的应用。完整列表参见 Checkout Widget 类型。
Content widget 不直接提供产品,但它们能减少结账放弃率并建立信任,从而提高整体转化率。
信任徽章突出安全特性、保障承诺和配送优势。可以垂直堆叠或水平展示。
有效的信任徽章内容包括:
- 安全结账 / SSL 加密
- 退款保证或满意保证
- 免费退货或轻松换货
- 免费或快速配送
- 客户数或订单数(“Trusted by 50,000+ customers”)
保持徽章简洁并使用易识别的图标。将它们放在支付部分附近——客户最容易犹豫的地方。
Flex Testimonials 从你的评论应用(Judge.me、Klaviyo、Okendo 或 Yotpo)拉取真实评论,并直接展示在结账页上。评价会根据客户购物车中的产品自动获取,因此每位客户看到的都是与其所购商品相关的评论。
评论在设置后 24 小时内自动同步,之后每周同步一次。要立即导入评论,前往 Settings > Product Reviews 并点击 Sync now。
设置最低评分筛选(例如 4.0),并使用截断选项让长评论保持整洁。超过字符限制的评论会自动出现”Read more”按钮。
奖励进度条向客户展示他们距离获得免运费还差多少。这自然地激励客户向订单中添加更多产品。
要充分发挥奖励进度条的作用:
- 基于订单金额或商品数量设置目标
- 将它与使用 Spend Threshold 产品类型的 upsell widget 搭配,后者会自动推荐帮助客户弥合免运费门槛差距的产品
- 在 Shopify 中通过修改 Shipping Rules 创建免运费奖励,在目标订单金额处提供免运费
奖励进度条和消费门槛 upsell 搭配效果最佳——进度条制造动机,upsell 提供达成目标的产品。
购物车控件让客户直接在结账页修改购物车——更换变体、调整数量、移除商品或升级为订阅。这减少了阻力,可以防止那些原本会离开结账页去做修改的客户放弃购买。
你可以使用可见性设置来定向哪些产品显示购物车控件:所有产品、仅选中的产品,或除选中产品外的所有产品。例如,这让你可以只在符合条件的产品上启用订阅升级,而不在其他商品上暴露不必要的控件。
触发条件让你控制哪些客户看到哪些 widget。有效使用触发条件意味着让合适的客户在合适的时机看到合适的优惠。
可用的 checkout 触发条件全集:
- **产品:**特定产品、特定系列、特定产品的数量
- **购物车:**小计、数量、订阅购买
- **折扣:**已应用的折扣名称、折扣金额
- **客户:**收货国家、客户语言、客户标签、设备类型
- **高级:**触发条件组(组合多个触发条件以实现复杂逻辑)
在构建复杂的触发逻辑之前,先将你的主要 widget 设置为向所有客户展示。这确保每个结账会话都能看到你的优惠,并在你开始细分之前为你提供一个可对照的基线。
对 upsell 影响最大的触发条件:
- 特定产品或系列——当特定产品或系列在购物车中时,展示互补的 upsell
- 特定产品的数量——仅当客户拥有一定数量的特定产品时展示 widget(例如,当客户拥有 2 件及以上某产品时展示批量折扣 upsell)
- 购物车小计——仅当购物车金额在某个门槛范围内时展示奖励进度条或 upsell(例如,如果免运费从 $75 开始,当小计在 $40 到 $75 之间时展示奖励进度条)
- 购物车数量——根据购物车中的商品数量显示或隐藏 widget
- 订阅购买——根据购物车中是否有订阅商品显示或隐藏 widget
- 收货国家——根据客户的收货目的地展示不同的内容或优惠
- 客户语言——向语言环境匹配特定语言的客户展示已翻译的 widget。将触发条件设为”is French”,并在 widget 内将所有可编辑字段翻译成法语
- 客户标签——基于 Shopify 客户标签定向客户。用于 VIP 客户、忠诚度等级、批发账户或你在 Shopify 中设置的任何其他客户细分
- 设备类型——根据客户使用移动端还是桌面端显示或隐藏 widget。这对放置策略尤其重要(参见下方移动端结账行为部分)
使用 Group of triggers 选项组合多个条件。例如,仅当购物车包含产品 X 且小计超过 $50 时才展示特定 upsell。这可以防止出现不相关的优惠,改善客户体验。
widget 在结账页中的位置会影响客户看到并与之互动的可能性。一般准则:
- Upsells——放在支付部分上方,客户正在积极查看订单的地方。避免将 upsell 放在订单摘要区域内(见下方移动端说明)。
- 信任徽章——放在支付部分附近,那里是犹豫最集中的地方。
- 奖励进度条——放在结账页顶部附近,让客户尽早看到激励并有时间采取行动。
- 客户评价——放在 upsell 下方以强化社会认同,或放在支付部分附近。
在移动端,Shopify 会将订单摘要区域折叠为默认隐藏的下拉框。放在订单摘要区域内的任何 widget 都会被隐藏在该下拉框下,大多数客户不会看到它们。这是 Shopify 的默认行为,Aftersell 无法控制。
对于你希望每位客户都能看到的 widget(尤其是 upsell 和奖励进度条),请将它们放在订单摘要区域之外,这样无论桌面端还是移动端都可见,客户无需展开任何内容。
使用设备类型触发条件为移动端和桌面端创建各自的 widget 配置。例如,你可以在移动端(屏幕空间有限)展示精简的单产品 upsell,在桌面端展示多产品轮播。或者你可以为桌面端用户将 widget 放在订单摘要中(那里始终可见),并为移动端用户在订单摘要之外使用一个单独的 widget。
如果你的 upsell widget 放在订单摘要中,并且你发现移动端展示次数偏低,这很可能就是原因。将 widget 移到订单摘要之外的区域,或使用设备类型触发条件向移动端客户展示放在不同位置的 widget。
在 Shopify Checkout Editor 中放置 widget 后,如果你希望 widget 也显示在 Shop Pay 结账中,请勾选”Include app block in Shop Pay”选项。设置详情参见 Shop Pay Widgets。
与店面视觉不一致的结账页会削弱信任并增加放弃率。使用结账品牌设置让结账页的按钮颜色、圆角和正文颜色与商店设计相匹配。如果你的商店不在 Shopify Plus 上,请改为在 Shopify 结账编辑器中进行这些更改(Settings → Checkout → Customize)。请特别注意主按钮样式——它是结账页中最显眼的元素,应与店面的 CTA 按钮保持一致的观感。
A/B 测试是提升 checkout widget 表现最有效的方法。设置说明参见完整的 Checkout A/B 测试指南。
- A/B 测试目前仅适用于 Standalone widget(Pages 尚不支持 A/B 测试)
- 每个 widget 支持两个版本(Version A 和 Version B),自动进行 50/50 流量分配
- 测试比较的是单个 widget 内的内容——你无法跨不同 widget 类型或不同放置位置进行测试
- 使用 Version A 和 Version B 的说法(而非”Layout”——那是购后功能的术语)
Upsell widget 测试:
- 特定产品 vs. AI 推荐 vs. 最贵产品
- 互补产品 vs. 相同产品
- 百分比折扣 vs. 固定金额折扣
- 有折扣 vs. 无折扣
- 单产品 upsell vs. 勾选式 upsell
- 激活优惠 vs. Blank (Skip),衡量展示 upsell 对整体结账转化是有利还是有害
Content widget 测试:
- 带特定徽章 vs. 不带特定徽章的信任徽章
- 不同的评价选择
- 激活内容 vs. Blank (Skip),衡量展示该 widget 的影响
当你同时更改多个元素时,就无法判断是哪个改动带来了结果。保持测试干净:
- 推荐:10% 折扣 vs. 20% 折扣(一个变量)
- 避免:10% 折扣 + 产品 A vs. 20% 折扣 + 产品 B(两个变量)
这是你能做的最有价值的测试之一。Blank 版本对分配到它的客户不展示任何内容,为你提供真实的基线。如果 Blank 版本带来更高的结账完成率,说明该 widget 可能正在损害转化,需要重新考虑。
如果结账放弃率同时在上升,更高的 upsell 接受率就毫无意义。运行 A/B 测试时,在 Analytics > Checkout 选项卡中追踪 Checkout abandonment rate。对于 content widget,各版本分析中也包含结账放弃率指标。
Upsell revenue per order(checkout upsell 收入 / 已购买订单数)是衡量 checkout widget 长期表现的推荐指标。它同时考虑了 upsell 接受率和整体订单完成率,为你提供完整的图景。
❌ Aftersell 与 Shopify 中的放置位置不匹配——在 Shopify Checkout Editor 中选择的放置位置必须与 Aftersell 中设置的放置位置一致(例如 Default placement、Additional placement 1、Additional placement 2)。如果不匹配,widget 不会出现或会显示在错误的位置。这是 widget 无法显示的最常见原因之一。修复方法 →
❌ 在 Aftersell 中没有启用 widget——创建并放置 widget 还不够。你还必须在 Aftersell 后台的 widget 设置右上角使用开关启用该 widget。如果开关关闭,无论放置与否,widget 都不会显示。修复方法 →
❌ 缺少 Shop Pay 应用块设置——如果你希望 checkout widget 显示在 Shop Pay 结账中,必须在 Shopify Checkout Editor 中为每个 widget 勾选”Include app block in Shop Pay”选项。该选项默认关闭。修复方法 →
❌ 没有”Show to all”基线——没有先建立向所有客户展示 widget 的基线就直接构建复杂的触发逻辑。先从”Show to all”开始积累表现数据,再根据所学用触发条件进行细分。修复方法 →
❌ 叠加无法组合的折扣——Aftersell 的 upsell 折扣遵循 Shopify 的标准折扣规则。如果产品已有折扣,且两个折扣都没有在 Shopify Admin 中设置为”combinable”,Aftersell 折扣将不会应用。在认定折扣出问题之前,请先检查你的 Shopify 折扣组合设置。修复方法 →
❌ 没有在 upsell 旁配置奖励进度条——只运行 upsell widget 而没有奖励进度条,就错失了给客户一个多买的理由的机会。将奖励进度条与 upsell widget 中的消费门槛产品类型搭配,让 upsell 直接帮助客户达到免运费门槛。修复方法 →
❌ 没有用 Blank (Skip) 做测试——大多数商家会互相测试不同的优惠,但从不测试展示 widget 本身是否有帮助。用 Blank (Skip) 作为对照,衡量 widget 是在提高还是降低结账完成率。修复方法 →
❌ A/B 测试只运行一个版本——要让 Standalone widget 的 A/B 测试有效,两个版本必须同时处于激活状态。如果停用一个版本,所有流量都会流向剩余版本,无法收集对比数据。修复方法 →
如果你在配置或优化 checkout widget 方面有疑问,请通过应用右下角的在线聊天与我们的支持团队交流。