加了购物车却不结账：vibe 项目的购物车与结账流程实战

购物车里躺了三天，最后连账号一起注销了：先讲一个虚构的教训

先讲一个虚构的教学例子。小满一个人用 AI 搭了个线上文具店“纸间铺子”，卖笔记本、贴纸和钢笔，东西不贵，样子好看，上线第一个月加购率就很不错。可一算账她就傻了：把商品放进购物车的人不少，最后真付了钱的只有三成。七成的人，购物车里躺着东西，人却走了。

小满去翻日志，才拼出这些人是怎么走的。有的人加了五件商品，总价 56 元，点进结账页才看到运费 28 元——运费快赶上商品的一半了，当场就关了页面。有的人一路填到第三页，才发现还要注册账号、验证邮箱、再填一遍收货地址，填到一半直接放弃。还有一个人最冤：付款时银行卡被拒了一次，页面跳回首页，购物车空了，刚加的五件商品要一件一件重新找——他直接注销了账号。

这就是购物车和结账最常见的死法：把“放进购物车”当成“已经买了”，把“结账页”当成“顺手填个表”。放进购物车的意思是“我想要”，结账的意思是“你让我用最少的力气把钱付出去”。每一个多余的字段、每一次跳转、每一处最后才冒出来的费用，都是在劝一个已经决定买的人回头。

本文讲的就是怎么把这段路修平：购物车里该有什么、库存什么时候扣、结账分几步才不烦、运费和税费什么时候说、支付失败了怎么留住订单、弃购了要不要追、手机上又该怎么做。所有例子里的人名、店铺名和数字都是虚构的教学例子，只用来把道理讲清楚。

一、先划界：购物车是承诺，结账是兑现

动手之前，先把购物车和收藏夹分开。收藏夹的意思是“我以后可能想要”，购物车的意思是“我现在就想要”。用户把商品放进购物车的那一刻，是在对你做一个承诺：只要你不捣乱，这笔钱就是你的。产品要对这份承诺负责：价格别偷偷变、库存别悄悄丢、用户明天回来，车里的东西还得在。

结账的目标只有一个：让已经决定买的人，用最少的力气把钱付出去。结账页不是展示产品实力的地方，不是收集用户信息的机会，也不是塞问卷调查的时机。每一个多余的字段、每一次不必要的跳转、每一处最后才冒出来的费用，都是在消耗用户下单那一刻的决心——而决心这东西，关掉页面就没了。

本篇的边界也要先说清：支付网关怎么接，另一篇《支付接入》指南已经讲过；优惠券怎么设计，有《优惠券与折扣码》；退款和争议，有《退款与账单争议》。这篇只讲从“放进购物车”到“付完钱看到成功页”之间的这段路：车里装什么、库存怎么算、结账分几步、运费什么时候说、付失败了怎么办、弃购了追不追。

二、购物车里该有什么：让用户一眼算清账

购物车页面的第一任务，是让用户一眼算清这笔账：买什么、多少钱、最后付多少。每一行商品都要有图、有名字、有单价、有数量加减、有删除；数量改了，小计要马上变，别等刷新页面才变。删商品要给一次“撤销”的机会，点一下就回来——误删一次的挫败感，足够让一个人放弃整个购物车。

总价区是购物车最重要的地方，一行都不能少：商品小计、运费、优惠、税费、实付金额。优惠券没用上，也要写一句“未使用优惠券”，别让用户猜“是不是有个券我没发现”。免邮门槛值得单独写一行，带个进度条：“再买 12 元免运费”——这行字既是信息，也是轻轻推一把的动力，但别把它做成倒计时催促，催促和提醒是两回事。

购物车还要跨设备同步：手机上加的东西，电脑上打开还在；没登录时加的，登录之后要合并进来，别让用户登录后发现车空了。登录后车空了是最伤人的体验之一，用户会以为自己刚才白忙活了。另外，库存紧张要直接说：“仅剩 2 件”，别等到付款那一步才告诉用户没货了——前面几节会讲，库存问题越早说越好。

三、库存怎么扣：下单扣还是付款扣，决定了超卖还是白跑

库存什么时候扣，是购物车里最容易踩的工程坑，有三种做法，选错一种，后面全是客诉。第一种是加购就扣：用户一点“加入购物车”，库存就减一。这是最保险的做法，但也最浪费——很多人加购只是看看，库存被一堆“看看而已”的购物车占住了，真想买的人反而买不到。第二种是下单时扣：用户点“提交订单”才减库存，这是最常见的做法，平衡得最好。第三种是付款成功才扣：最省事，但也最容易超卖——十个人同时下单买最后一件，十个人都下了单，最后九个人付款成功才发现没货。

小项目建议用第二种：下单时预留，付款成功才真正扣减。预留要设一个时限，15 到 30 分钟比较合适，页面上写清楚“已为你保留 15 分钟”，倒计时给用户看。时间到了还没付款，库存自动释放，订单自动取消，并且给用户发一条轻提醒：“订单已取消，商品已放回货架，需要可以重新下单。”别让用户第二天回来，发现订单状态是“未知”或者“处理中”，却永远等不到发货。

万一还是超卖了，处理顺序是：先道歉，再给选择。给用户两个选项：等补货，或者换同款、换个颜色、直接退款。千万别悄悄把订单改成“缺货已退款”，用户是在等快递的时候才发现钱退回来了——这种体验，他不会再来第二次。还有一点很容易被忽略：超卖的教训要记下来，复盘的时候看是预留时间太长、还是并发扣减没加锁，下次别在同一个地方摔两次。

四、结账分几步：一步太长，三步太碎

结账到底分几步，没有标准答案，但有一个判断标准：用户在任何一步停下来，都知道自己在哪、还剩几步、已经填的东西不会丢。建议分成四步：填信息（地址和联系方式）、选配送和看运费、付钱、确认。顶部放一个进度条，写清“第 2 步，共 4 步”，别只放四个圆点让用户猜。

必填项只留必要的：姓名、电话、地址、支付信息。生日、性别、“你是怎么知道我们的”这类问题，一律别在结账时问——想做用户调研，等订单完成了再问，愿意填的人自然会填。地址输入要省力：支持粘贴一整段地址自动拆分，省市区联动别让用户翻三级菜单，电话号码框弹数字键盘，别弹全键盘。

访客结账是一定要做的：别逼用户先注册再买东西。买完之后再问一句：“要不要顺手建个账号，下次不用重填地址？”建账号只要一个密码，不要让用户把地址再填一遍——他刚刚填过的东西，你再让他填一遍，他会觉得你根本没在听他说话。已经注册的用户也一样：登录之后地址自动带出来，改地址只要改一行，不要整页重填。

还有一个细节：每一步都要能回头。上一步填错了地址，点“返回修改”要能回到上一步，填过的内容都在；别做成“返回就清空”的单向门。用户在结账页上最怕的两件事，一是填了半天白填了，二是不知道自己填到哪一步了——这两件都别让它发生。

五、运费与税费：别在最后一步才吓人

运费和税费有个共同的毛病：越晚说，越伤信任。小满的教训就是例子：商品 56 元，运费 28 元，用户在购物车页看不到运费，一路填到支付页才看到实付 84 元——这种“最后一页总价跳变”，用户感受到的不是“原来还要运费”，而是“我被骗了”。哪怕运费本身完全合理，藏着掖着也会让它显得不合理。

运费越早说越好。商品页就可以给运费估算，购物车页必须把运费写进总价区，免邮门槛写在购物车顶部，带进度条：“再买 12 元免运费”。如果运费按重量或地区算，也别藏着：写清计费规则，“首重 12 元，续重每公斤 4 元”，用户自己能算出来，就不会觉得被蒙了。跨境订单更要提前说：关税可能另计、清关可能要等几天，这些话写在下单之前，比写在物流卡住之后有用得多。

税费也一样：能预估就预估，写清“含税”还是“另计”。含税价和另计税的差别，用户在付款页才发现，感受和运费跳变是一样的。数字上不用追求小数点后两位的精确，写“预计税费约 8 元，最终以支付页为准”是可以接受的——用户要的不是精确到分，而是“别让我在最后一步才发现多了笔钱”。

六、支付失败怎么办：别让用户重填一切

支付失败是结账流程里最脆弱的一刻，也是最能看出产品有没有替用户着想的一刻。银行卡被拒、余额不足、验证超时、网络抖动——原因有很多，但处理原则只有一条：订单要留着，用户只换支付方式，不重填一切。

具体做法是：支付失败后，回到结账页，商品、地址、优惠券、运费选择都在，只把支付那一步标成“需要重新选择支付方式”。千万别像小满早期的产品那样，失败一次就跳回首页、清空购物车——用户要一件一件重新找商品，绝大多数人不会再找第二遍。错误信息也要说人话：“银行拒绝了这笔交易，可以换张卡试试，或联系发卡行问问原因”，别只甩一个错误码。用户看不懂“Error 05”，也解决不了“Error 05”。

备用支付方式至少给两个：卡、钱包、货到付款（如果业务支持的话），或者分期。连续失败三次还不给换支付方式的产品，是在逼用户走。还有一个细节：失败之后别马上又扣一次。有的系统为了“帮用户再试一次”，失败后十秒内自动重扣，用户手机上连收两条扣款短信，第一反应是卡被盗刷了——这种“帮忙”比不帮还糟。

七、弃购挽回：提醒可以，别变成骚扰

用户把东西放进购物车却没结账，叫弃购。弃购挽回就是发提醒把人请回来，这件事能做，但边界要守住：提醒和骚扰之间，只差一个频率和一个语气。

时机上建议两封邮件：第一封在弃购一小时后发，内容是商品图、总价、一键回到购物车；第二封在 24 小时后发，内容差不多，但可以加一句“库存只剩 2 件了”（前提是真的只剩 2 件，别编数字骗人）。别在当天发第三封，更别连续发三天。用户不是没看见，是还没决定；你发得越多，他越觉得这件事很烦，越不想回来。

折扣要留到最后。第一封提醒别上来就给折扣——先提醒，折扣留给第二封、甚至留给彻底不回来的人。见面就打折有两个坏处：一是用户会学会“先弃购、等折扣”，下次下单前故意把购物车晾一天；二是折扣发多了，利润就被吃掉了。挽回率的算法很简单：回来结账的人除以收到提醒的人。只看这个数，别看邮件打开率自嗨——打开率高、回来的人少，说明邮件写得勾人、产品留不住人。

还有一条隐私边界：没登录的访客购物车，别追着发邮件——你没有人家的邮箱，硬要发就是买数据、发垃圾邮件。用户明确说“不要再发这类邮件”，就立刻停，一次都别多发。退订入口要放在邮件底部一眼能看到的地方，别藏起来。

八、移动端：大按钮、少输入、钱包直付

现在大部分订单发生在手机上，结账流程首先要按手机来设计，再考虑桌面。手机上的三条铁律：按钮够大，输入够少，能不填就不填。

按钮和输入框要按手指的尺寸做：主按钮至少占满一行的宽度，数量加减用拇指够得着的大按钮，别用桌面端那种小箭头。数字键盘要弹数字键盘，电话、邮编、卡号都一样——让用户在小屏幕上切换到数字键盘再输一串数字，是最容易让人放弃的细节之一。地址输入支持从通讯录或地图里选，别让用户在小屏幕上一个字一个字打完整地址。

钱包直付是手机结账最值得接的东西：Apple Pay、Google Pay、微信支付、支付宝，能接就接。钱包直付把十几个字段压缩成一次指纹或一次面容确认，用户连地址都不用填。接不上的小项目也别硬上，先把“访客结账 + 地址自动带出 + 数字键盘”这三件做好，手机端的流失就能少一大截。

最后是网络：手机网络不稳，提交按钮要点一下就锁住，显示“正在提交”，别让用户因为没反应多点三下，结果下了三个订单。提交失败也要给明确的反馈：“网络不太好，订单还没提交，可以再试一次”，而不是一片空白让用户猜。

九、上线前必须跑的检查清单

下面这十条，全部打勾再上线。任何一条没做到，购物车到结账的路上就有一个洞。

1. 购物车每行都有图、名字、单价、数量加减和删除；数量改了小计马上变；删商品能撤销一次。
2. 总价区五行齐全：商品小计、运费、优惠、税费、实付金额；没用优惠券也写一句“未使用优惠券”。
3. 购物车跨设备同步：手机上加的，电脑上还在；没登录时加的，登录后合并进来，不会清空。
4. 库存是下单时预留、付款成功才扣减；预留 15 到 30 分钟，页面上有倒计时，超时自动释放并轻提醒用户。
5. 结账分四步：填信息、选配送看运费、付钱、确认；顶部进度条写清“第几步，共几步”；每一步都能返回修改，填过的内容不丢。
6. 必填只留姓名、电话、地址、支付信息；访客能直接结账，买完再问要不要建账号，建账号只要密码。
7. 运费和税费在购物车页就写进总价区；免邮门槛带进度条写在购物车顶部；跨境关税和清关时间在下单前说清。
8. 支付失败后订单留着：商品、地址、优惠都在，只换支付方式；错误说人话，不甩错误码；至少两个备用支付方式。
9. 弃购提醒最多两封：一小时后一封、24 小时后一封；折扣留到第二封以后；退订入口一眼能看到，用户说停就停。
10. 手机端按钮够大、数字键盘弹数字键盘、提交按钮点一下就锁住防重复下单；钱包直付能接就接，接不上先把访客结账和地址自动带出做好。

购物车到结账的这段路，没有一项是高科技：算清账、别超卖、少填表、早说运费、失败了留住订单、提醒别骚扰、手机上好点。难的不是技术，是站在用户的角度走一遍这段路——加五件商品、看到运费、填三页表、付款被拒一次、第二天回来发现车还在不在。走一遍，你就知道洞在哪。修好这些洞，七成弃购里能回来一半，账就完全不一样了。