在庫が少ないことがユーザーに伝わっていなかった
在庫僅少による購入促進を行いたい事業者向けに、商品ごとの在庫数をストアフロントへリアルタイムに表示する機能を開発しました。 ランキング、スライダー、在庫僅少表示、追従ボタンなど。ストアフロントの見せ方を変えて、購入までの迷いを減らす機能を開発しています。
CHALLENGES
抱えていた課題
着手前に整理した、解くべき課題です。ここが決まらないまま作り始めると、あとから作り直すことになります。
在庫が少ないことがユーザーに伝わっていなかった
在庫数をそのまま出すと在庫切れ間際が目立ちすぎる
商品によって表示の閾値を変えたい
WHAT WE BUILT
つくったもの
課題に対して実際に設計・実装した内容です。
在庫数の取得と表示
商品バリアントの在庫数を取得し、商品ページ・一覧ページに残数を表示します。
閾値による表示制御
在庫数が設定した閾値を下回った場合にのみ「残りわずか」表示を出す仕組みにしました。
商品単位での閾値設定
メタフィールドで商品ごとに表示閾値を設定できるようにし、業態に合わせて調整可能にしました。
SCOPE & TECHNOLOGY
対応範囲と技術
TECHShopify LiquidShopify Admin APIMetafields
PROCESS
進め方
この案件で実際にたどった流れです。
要件整理
「在庫僅少による購入促進を行いたいEC事業者」の現場でどう使われるかを起点に、必要な機能範囲を洗い出します。
設計
Theme App Extension（Liquid）として実装する構成に落とし込み、データ構造を設計します。
実装
在庫数取得・閾値制御・商品単位設定を中心に、ストアフロントと管理画面の両方を実装します。
検証・リリース
実際の購入導線で動作検証を行い、問題がないことを確認してから反映します。
OUTCOME
できるようになったこと
実装後の状態を、事実ベースで整理しています。
在庫僅少による購買意欲の後押しができた
在庫切れ間際の見え方をコントロールできた
商品ごとに表示条件を調整できるようになった
CONTACT
つくりたいものを聞かせてください。
Shopifyでの新規構築、既存テーマへの機能追加、アプリ開発のご相談まで。まだ具体化していないアイデアも、整理するところから一緒に始めます。
メールで相談する