売り切れ商品が一覧に残り購入意欲を下げていた
在庫切れ商品が並ぶことによるUX低下を防ぐため、在庫がゼロになった商品を自動的にストアから非表示にする機能を開発しました。 ランキング、スライダー、在庫僅少表示、追従ボタンなど。ストアフロントの見せ方を変えて、購入までの迷いを減らす機能を開発しています。
CHALLENGES
抱えていた課題
着手前に整理した、解くべき課題です。ここが決まらないまま作り始めると、あとから作り直すことになります。
売り切れ商品が一覧に残り購入意欲を下げていた
手動での商品公開・非公開の切り替えが追いつかなかった
再入荷時の再公開も手作業だった
WHAT WE BUILT
つくったもの
課題に対して実際に設計・実装した内容です。
在庫連動の非公開ロジック
在庫数がゼロになったタイミングをWebhookで検知し、商品を自動的に非公開にします。
再入荷時の自動再公開
在庫が補充された際には自動で公開状態に戻し、再公開の手作業をなくしました。
除外設定への対応
予約商品など非表示にしたくない商品はタグで除外できるようにしました。
SCOPE & TECHNOLOGY
対応範囲と技術
TECHWebhooksShopify Admin APIMetafields
PROCESS
進め方
この案件で実際にたどった流れです。
要件整理
「在庫切れ商品によるUX低下を防ぎたい事業者」の現場でどう使われるかを起点に、必要な機能範囲を洗い出します。
設計
Webhook + Admin APIとして実装する構成に落とし込み、データ構造を設計します。
実装
在庫連動非表示・自動再公開・除外タグ設定を中心に、ストアフロントと管理画面の両方を実装します。
検証・リリース
実際の購入導線で動作検証を行い、問題がないことを確認してから反映します。
OUTCOME
できるようになったこと
実装後の状態を、事実ベースで整理しています。
一覧が売り切れ商品で埋まらなくなった
公開・非公開の切り替え作業が不要になった
在庫再開時の対応漏れがなくなった
CONTACT
つくりたいものを聞かせてください。
Shopifyでの新規構築、既存テーマへの機能追加、アプリ開発のご相談まで。まだ具体化していないアイデアも、整理するところから一緒に始めます。
メールで相談する