跳到主要内容

ArtinTech Solution

Adding an Internal Order Fulfilment Tracker to WooCommerce

问任何一家通过电话或 Messenger 销售的 WooCommerce 店铺,某个订单的“处理中”到底是什么意思,诚实的回答通常是:看情况。有没有打电话给客户确认尺码?预付款到 bKash 了吗?已经打包了,还是在等快递员上门取件?WooCommerce 的订单状态一个都回答不了。

为什么订单状态不是合适的工具

WooCommerce 内置的状态(待付款、处理中、保留、已完成)与支付网关、库存管理和客户邮件相关联。把它们挪作内部检查清单,可能会破坏这些自动化:把订单标为“保留”来表示“等快递”,同时也改变了会发出哪些邮件,以及它在销售分析中的统计方式。

缺少的并不是订单状态的替代品,而是紧挨着它的第二条独立信息维度。

阶段选择器

我们新增了一个履约阶段字段,保存为独立的订单元数据键,与 WooCommerce 原生状态完全解耦:Call → Confirmed → Fee bKashed → Packing → Courier。每个阶段在订单列表中显示为彩色按钮(Call 为琥珀色,Confirmed 为蓝色,Fee bKashed 为紫色,Packing 为靛蓝,Courier 为绿色),管理者扫一眼列表就能掌握整个仓库的状态,无需任何点击。

阶段选定后,会锁定为彩色按钮,旁边附一个小小的“更改”链接,而不是在屏幕上一直留着展开的下拉框和保存按钮。这一个交互上的改变(收起为干净的状态,只在需要时才重新打开可编辑控件),让二十个订单的列表清晰可读,而不是二十行表单控件。

让它在手机上可用

WordPress 后台列表在窄屏上会隐藏除订单标题以外的所有列,这意味着阶段选择器和客户电话在手机上直接消失了。我们在 WordPress 唯一保留可见的那一列里再渲染一份副本,只在移动端断点以下显示,并把电话号码做成 tel: 链接。员工在手机上浏览订单列表时,现在可以一点就拨号,并直接更新阶段,无需打开订单。

要点总结

  • 内部工作流状态与平台定义的订单状态是两回事;为了省一个字段而把它们混在一起,往往事后代价更高。
  • “锁定值 + 更改链接”的模式,在多行列表中远比始终可编辑的控件更易读。
  • wp-admin 在手机上的列折叠默认非常激进;员工需要在手机上看到的内容,都必须有意识地重新显示出来。

相关阅读:记录快递运单号、在订单预览中实时编辑状态。

在您自己的 WooCommerce 或 WordPress 后台遇到类似限制?和我们聊聊:ArtinTech Solution 正是打造这类定制店铺工具的团队。

Share this article

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注