VIPのポイント機能やメタフィールドの同期機能を利用するには、Shopifyでカスタムアプリを作成し、発行した情報をVIP管理画面に登録する必要があります。初期設定が完了していない場合、ポイント機能やメタフィールドの同期が正しく動作しません。
VIPの各機能を設定する前に、必ず初期設定を完了してください。
リリースまでの全体の流れは「VIP - 会員プログラム」リリースまでの流れをご確認ください。
ポイント機能を使用する際に必要なトークンを発行するのに必要な権限の設定方法について説明しております。 設定方法は、Shopifyドキュメントよりご確認ください。
カスタムアプリの開発（Dev Dashboardでアプリを開発）は、2026年1月1日のShopify仕様変更により、ストアオーナー権限のみ対応可能です。
パートナーのDev Dashboardでは正常にカスタムアプリの作成ができません。必ず、ストアのDev Dashboardから作成ください。
Shopify管理画面より設定 ＞ アプリ＞アプリを開発の順に操作してください。
「dev dashboardでアプリを開発」ボタンをクリックしてください。
全部で3つのカスタムアプリを作成します。
dev dashboardにアクセスする_step1
dev dashboardにアクセスする_step2
dev dashboardにアクセスする_step3
dev dashboardに遷移して、右上の「アプリを作成」をクリックしてください。
dev dashboardよりアプリを作成する_step1
下記アプリ名を入力して「アプリを作成」ボタンをクリックしてください。
項目 | 入力内容 |
アプリ名 | VIP Discount Create |
dev dashboardよりアプリ作成する_step2
下記3箇所を入力して、「Done」ボタンをクリックしてください。
項目 | 入力内容 |
Apps URL | |
Webhooks API バージョン | 最新のバージョン |
アクセス＞スコープ＞スコープを選択 | 2つにチェックを入れる
|
スコープの選択ミスにご注意ください。
dev dashboardよりアプリを作成する_step3
dev dashboardよりアプリを作成する_step4
dev dashboardよりアプリを作成する_step5
各項の設定が完了したら「リリース」ボタンをクリックしてください。
dev dashboardよりアプリを作成する_step6
モーダルウィンドウに遷移するのでVersion nameは空の状態で再度「リリース」ボタンをクリックしてください。
dev dashboardよりアプリを作成する_step7
左側のメニューより「アプリ名：VIP Discount Create」をクリックしてください。
右上の「アプリをインストール」ボタンをクリックしてください。
アプリのインストールは、必ずdev dashboardの「アプリをインストール」ボタンから行ってください。Distribution（配信）からインストールリンクを送りインストールを行うと、エラーとなります。
インストールする_step1
画面が遷移するので設定対象となるストアをクリックしてください。
インストールする_step2
遷移後の対象ストアで「インストール」ボタンをクリックしてください。
インストールする_step3
こちらでインストールが完了です。
dev dashboard画面に戻り、左側のメニューより「設定」をクリックしてください。
画面に表示されている「Client ID」「Secret」の2つが必要な情報です。
Step5でVIP管理画面で入力するので、２つの情報をメモに控えておいてください。
アクセストークンの開示(及びコピー)は一度しか行えません。
情報をメモする
再度、dev dashboardに遷移して、右上の「アプリを作成」をクリックしてください。
dev dashboardよりアプリを作成する_step1
下記アプリ名を入力して「アプリを作成」ボタンをクリックしてください。
項目 | 入力内容 |
アプリ名 | VIP Discount Delete |
dev dashboardよりアプリ作成する_step2
下記3箇所を入力して、「Done」ボタンをクリックしてください。
項目 | 入力内容 |
Apps URL | |
Webhooks API バージョン | 最新のバージョン |
アクセス＞スコープ＞スコープを選択 | 2つにチェックを入れる
|
スコープの選択ミスにご注意ください。
dev dashboardよりアプリを作成する_step3
dev dashboardよりアプリを作成する_step4
dev dashboardよりアプリを作成する_step5
各項の設定が完了したら「リリース」ボタンをクリックしてください。
dev dashboardよりアプリを作成する_step6
モーダルウィンドウに遷移するのでVersion nameは空の状態で再度「リリース」ボタンをクリックしてください。
dev dashboardよりアプリを作成する_step7
左側のメニューより「アプリ名：VIP Discount Delete」をクリックしてください。
右上の「アプリをインストール」ボタンをクリックしてください。
アプリのインストールは、必ずdev dashboardの「アプリをインストール」ボタンから行ってください。Distribution（配信）からインストールリンクを送りインストールを行うと、エラーとなります。
インストールする_step1
画面が遷移するので設定対象となるストアをクリックしてください。
インストールする_step2
遷移後の対象ストアで「インストール」ボタンをクリックしてください。
インストールする_step3
こちらでインストールが完了です。
dev dashboard画面に戻り、左側のメニューより「設定」をクリックしてください。
画面に表示されている「Client ID」「Secret」の2つが必要な情報です。
Step5でVIP管理画面で入力するので、２つの情報をメモに控えておいてください。
アクセストークンの開示(及びコピー)は一度しか行えません。
情報をメモする
再度、dev dashboardに遷移して、右上の「アプリを作成」をクリックしてください。
dev dashboardよりアプリを作成する_step1
下記アプリ名を入力して「アプリを作成」ボタンをクリックしてください。
項目 | 入力内容 |
アプリ名 | VIP Metafield Sync |
dev dashboardよりアプリを作成する_step2
下記3箇所を入力して、「Done」ボタンをクリックしてください。
項目 | 入力内容 |
Apps URL | |
Webhooks API バージョン | 最新のバージョン |
アクセス＞スコープ＞スコープを選択 | 2つにチェックを入れる
|
Step2, 3で作成したアプリとスコープが異なるので、選択ミスにご注意ください。
dev dashboardよりアプリを作成する_step3
dev dashboardよりアプリを作成する_step4
dev dashboardよりアプリを作成する_step5
各項の設定が完了したら「リリース」ボタンをクリックしてください。
dev dashboardよりアプリを作成する_step6
モーダルウィンドウに遷移するのでVersion nameは空の状態で再度「リリース」ボタンをクリックしてください。
dev dashoardよりアプリを作成する_step7
左側のメニューより「アプリ名：VIP Metafield Sync」をクリックしてください。
右上の「アプリをインストール」ボタンをクリックしてください。
アプリのインストールは、必ずdev dashboardの「アプリをインストール」ボタンから行ってください。Distribution（配信）からインストールリンクを送りインストールを行うと、エラーとなります。
インストールする_step1
画面が遷移するので設定対象となるストアをクリックしてください。
インストールする_step2
遷移後の対象ストアで「インストール」ボタンをクリックしてください。
インストールする_step3
こちらでインストールが完了です。
dev dashboard画面に戻り、左側のメニューより「設定」をクリックしてください。
画面に表示されている「Client ID」「Secret」の2つが必要な情報です。
Step5でVIP管理画面で入力するので、２つの情報をメモに控えておいてください。
アクセストークンの開示(及びコピー)は一度しか行えません。
情報をメモする
Step2, 3, 4でそれぞれ控えた情報をVIP管理画面で入力します。
VIP管理画面＞設定＞トークン の順に操作し、
ポイント用(クーポン作成) （→ 2.VIP Discount Create）
ポイント用(クーポン削除) （→ 3. VIP Discount Delete）
メタフィールド同期用 （→ 4. VIP Metafield Sync）
それぞれに作成したアプリのクライアントID・クライアントシークレットを入力いただき、保存を押してください。
VIP管理画面へのコピーが完了したら左下の「保存する」ボタンをクリックして保存してください。
VIP管理画面＞設定＞トークン
トークン登録モーダルウィンドウ
ステータスが登録済みになれば、作業は完了です。