伊斯坦布尔希什利一家 28 桌的地中海餐厅在其 QR 菜单中加入了底部黏性购物车栏。一周内结账放弃率从 11% 降至 4%。当购物车在滚动中始终可见,顾客不会忘记自己添加了什么。
行为逻辑
Baymard 2024 研究显示,持久购物车栏平均将移动端转化率提升 18%。餐厅菜单效果更强,因为用户穿越 6-8 个分类。
一行三个信号:金额、数量、"前往购物车"按钮。只要三者可见,顾客就保持"接近完成"的感觉。
设计要素
好的栏需要对比但不喧宾夺主。理想高度 48-56 像素。
- 格式:"¥168 • 3 件 • 查看购物车"
- 添加时 200ms 脉冲动画
- Z-index 低于模态框,不遮挡对话
A/B 结果
thMenu Pro+ 餐厅 6 周测试:启用黏性购物车后平均客单价 +23%。风险:在高端定位中过于显眼会有"销售压力"感。
方案:购物车为空时隐藏,首次添加时柔和上滑显示。
常见问题
短菜单也有效吗? 20 项以下提升约 5%;50 项以上效果显著。
在手机上占空间吗? 48-56px 约占视口 6%——可忽略。
如何在 thMenu 启用? Pro+ 套餐:设置 → 菜单显示 → "Sticky Cart Bar"。
觉得有用?分享给朋友。