メインコンテンツにスキップ

ArtinTech Solution

Adding an Internal Order Fulfilment Tracker to WooCommerce

電話や Messenger で販売している WooCommerce ストアに、ある注文の「処理中」が実際に何を意味するのか尋ねると、正直な答えはたいてい「場合による」です。サイズ確認の電話は済んだのか。前払い金は bKash に入金されたのか。梱包は済んだのか、それとも配送業者の集荷待ちなのか。WooCommerce の注文ステータスはそのどれにも答えられません。

注文ステータスが適したツールではない理由

WooCommerce 標準のステータス(保留中、処理中、保留、完了)は、決済ゲートウェイ、在庫管理、顧客へのメールと連動しています。これを社内のチェックリストとして流用すると、その自動化を壊すおそれがあります。「配送業者待ち」の意味で「保留」にすると、送信されるメールや売上分析での扱いまで変わってしまいます。

足りなかったのは注文ステータスの代わりではなく、その隣に置く独立した 2 つ目の情報軸でした。

工程の選択

出荷工程のフィールドを追加し、専用の注文メタキーに保存して、WooCommerce 標準のステータスから完全に切り離しました:Call → Confirmed → Fee bKashed → Packing → Courier。各工程は注文一覧で色付きのボタンとして表示されます(Call は琥珀色、Confirmed は青、Fee bKashed は紫、Packing は藍色、Courier は緑)。管理者は一覧を見るだけで、クリックせずに現場全体の状況を把握できます。

工程を選ぶと、その色のボタンとして確定し、横に小さな「変更」リンクが付きます。常に開いたドロップダウンと保存ボタンを画面に残すことはしません。この 1 つのインタラクションの変更(すっきりした状態にまとめ、必要なときだけ編集できるようにする)によって、20 件の注文一覧は 20 行のフォームではなく、読みやすいリストになります。

スマートフォンでも使えるように

WordPress の管理画面の一覧表は、幅の狭い画面では注文タイトル以外の列をすべて隠すため、工程の選択欄や顧客の電話番号はスマートフォンではそのまま消えていました。WordPress が表示し続ける唯一の列の中に両方の 2 つ目のコピーを表示し、モバイルのブレークポイント以下でのみ見えるようにして、電話番号は tel: リンクにしました。スタッフはスマートフォンで注文一覧を見ながら、注文を開かずにタップで電話をかけ、工程を更新できます。

ポイントのまとめ

  • 社内の業務ステータスとプラットフォームが定義する注文ステータスは別物です。フィールドを 1 つ節約するためにまとめると、たいてい後で高くつきます。
  • 「確定した値+変更リンク」のパターンは、行数の多い一覧では常に編集可能なコントロールよりはるかに読みやすくなります。
  • wp-admin のモバイルでの列の折りたたみは初期設定では強力です。スタッフがスマートフォンで見る必要があるものは、意図的に表示し直す必要があります。

関連記事:配送業者の伝票番号を記録する、注文プレビューでステータスを直接編集する。

ご自身の WooCommerce や WordPress の管理画面で同じような制約にお困りですか?ご相談ください。ArtinTech Solution はまさにこうしたストア向けのカスタムツールを開発しています。

Share this article

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です