会員限定商品を一般公開してしまうリスクがあった
一般ユーザーには非公開にしたい商品を扱う事業者向けに、ログイン済みの会員だけが購入できる会員限定販売機能を実装しました。 ポイント、会員ランク、VIP向け価格や送料優遇まで。顧客タグと購買データを軸に、優良顧客ほど得をする仕組みをShopify上に実装しています。
CHALLENGES
抱えていた課題
着手前に整理した、解くべき課題です。ここが決まらないまま作り始めると、あとから作り直すことになります。
会員限定商品を一般公開してしまうリスクがあった
非会員への案内が不十分で離脱していた
商品ごとに公開範囲を切り替えたい
WHAT WE BUILT
つくったもの
課題に対して実際に設計・実装した内容です。
ログイン状態の判定
ストアフロント側でログイン状態をリアルタイムに判定し、商品情報の出し分けを行います。
非会員向け導線の設計
非会員には価格・購入ボタンを隠し、会員登録・ログインへ誘導するCTAを表示します。
商品単位での公開範囲設定
タグまたはメタフィールドで対象商品を管理し、会員限定の適用範囲を柔軟に設定できます。
SCOPE & TECHNOLOGY
対応範囲と技術
TECHShopify LiquidCustomer AccountsMetafieldsStorefront API
PROCESS
進め方
この案件で実際にたどった流れです。
要件整理
「一般ユーザーには販売したくない商品を扱う事業者」の現場でどう使われるかを起点に、必要な機能範囲を洗い出します。
設計
Theme App Extension + ログイン判定として実装する構成に落とし込み、データ構造を設計します。
実装
ログイン判定・価格非表示制御・会員登録導線を中心に、ストアフロントと管理画面の両方を実装します。
検証・リリース
実際の購入導線で動作検証を行い、問題がないことを確認してから反映します。
OUTCOME
できるようになったこと
実装後の状態を、事実ベースで整理しています。
会員限定商品の非公開が徹底できた
非会員から会員登録への導線ができた
商品ごとに公開範囲を柔軟に設定できるようになった
CONTACT
つくりたいものを聞かせてください。
Shopifyでの新規構築、既存テーマへの機能追加、アプリ開発のご相談まで。まだ具体化していないアイデアも、整理するところから一緒に始めます。
メールで相談する