eギフト購入時に、銀行振込と代金引換(Cash on Delivery)を支払い方法から非表示にできます。これにより、eギフトに適さない支払い手段をお客様に表示せず、スムーズな購入体験を提供できます。
Shopify GraphiQLアプリをインストール
GraphiQLで支払い方法のカスタマイズを作成
設定の確認
通常注文では 全ての支払い方法が表示 されます
eギフト注文時のみ、銀行振込・代金引換が非表示になります
設定は後から 無効化(オフ) することも可能です
通常購入時(eギフト以外):銀行振込・代金引換も選択可能
eギフト購入時:銀行振込・代金引換が非表示になり、選択できない
以下URLからインストール
https://shopify-graphiql-app.shopifycloud.com/
↓こちらの画面に遷移します
「payment_customizations」の
read
及びwrite
にチェックを入れる
※検索(「ctrl+F」or「command+F」)で「payment_customizations」と入力すると見つかります)
Shop URL
に myshopify IDを入力してInstall
をクリックする
遷移先画面で「インストール」をクリックし、完了です。
Shopify GraphiQLアプリのインストールが完了しました
Shopify公式ドキュメントにあるstep3: Create the payment customization with GraphiQL
の通り進めていきます
GraphiQLアプリをインストール後はこちらの画面になります。
※表示されない場合、 Shopifyアプリから「Shopify GraphiQL App」を選択し表示してください
左のパネルに以下のコードをコピー&ペースト(上書き)し、マークをクリックします。
query {
shopifyFunctions(first: 25) {
nodes {
app {
title
}
apiType
title
id
}
}
}
以下のような画面になります
左のパネルに以下のコードをコピー&ペースト(上書き)します。
mutation {
paymentCustomizationCreate(paymentCustomization: {
title: "Hide payment method by cart total",
enabled: true,
functionId: "YOUR_FUNCTION_ID_HERE",
}) {
paymentCustomization {
id
}
userErrors {
message
}
}
}
title
は任意の名前を入力(こちらの管理画面に表示されます)functionId
に右パネルにある All in giftのID をコピー&ペーストする
入力後、マークをクリックする。
支払いカスタマイズが作成され最終的にこのような画面になります。
Shopify管理画面 > 設定 > 決済 > 決済方法のカスタマイズ を開く
STEP2で設定したカスタマイズがリストに表示されていることを確認
以上で設定は完了です
※eギフトのテスト注文にて、銀行振込と代金引換が非表示になっているか確認をしてください。
Shopify管理画面 > 設定 > 決済 >
決済方法のカスタマイズ
を開く対象のカスタマイズ右側にある
管理
をクリック
設定したアプリをチェックし
無効
をクリックして完了です