概述
工作原理
- 如果购物车仅包含 upsell 商品,checkout 按钮会变灰
- 按钮下方会显示一条警告消息
- 一旦添加了常规商品,按钮就会激活,警告消失——为确保 upsell 商品仅与相关触发商品一起购买的场景提供清晰的验证,例如显示有针对性的警告消息。
第 1 步:添加自定义 HTML
Upcart > Cart Editor > Settings > Custom HTML
在 Above announcements/rewards 部分粘贴:
旧版说明:
window.upcartOnCartLoaded 回调仍然有效,但已被弃用并会在控制台记录警告。所有新脚本请使用 upcartSubscribeCartLoaded。第 2 步:添加自定义 CSS
Upcart > Cart Editor > Settings > Custom CSS 粘贴以下代码:
最终效果
- 除非购物车中至少有一件非 upsell 商品,否则结账将被阻止
- 一条消息会告知客户结账被禁用的原因
- 整体体验流畅且符合品牌调性
- 防止意外的单件 upsell 购买
- 让 upsell 始终作为附加商品存在
- 更好地控制 AOV 和商品组合