thumbnail

銀行振込と代金引換を非表示設定:eギフト


eギフト購入時に、銀行振込と代金引換(Cash on Delivery)を支払い方法から非表示にできます。これにより、eギフトに適さない支払い手段をお客様に表示せず、スムーズな購入体験を提供できます。


  1. Shopify GraphiQLアプリをインストール

  2. GraphiQLで支払い方法のカスタマイズを作成

  3. 設定の確認


  • 通常注文では 全ての支払い方法が表示 されます

  • eギフト注文時のみ、銀行振込・代金引換が非表示になります

  • 設定は後から 無効化(オフ) することも可能です


  • 通常購入時(eギフト以外):銀行振込・代金引換も選択可能

  • eギフト購入時:銀行振込・代金引換が非表示になり、選択できない


  1. 以下URLからインストール

    https://shopify-graphiql-app.shopifycloud.com/

    ↓こちらの画面に遷移します

  1. 「payment_customizations」のread及びwriteにチェックを入れる

※検索(「ctrl+F」or「command+F」)で「payment_customizations」と入力すると見つかります)

  1. Shop URLmyshopify IDを入力してInstallをクリックする

  1. 遷移先画面で「インストール」をクリックし、完了です。

  1. Shopify GraphiQLアプリのインストールが完了しました

Shopify公式ドキュメントにあるstep3: Create the payment customization with GraphiQLの通り進めていきます

  1. GraphiQLアプリをインストール後はこちらの画面になります。

※表示されない場合、 Shopifyアプリから「Shopify GraphiQL App」を選択し表示してください

  1. 左のパネルに以下のコードをコピー&ペースト(上書き)し、マークをクリックします。

Plaintext
query {
  shopifyFunctions(first: 25) {
    nodes {
      app {
        title
      }
      apiType
      title
      id
    }
  }
}

  1. 以下のような画面になります

  1. 左のパネルに以下のコードをコピー&ペースト(上書き)します。

Plaintext
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 をコピー&ペーストする

  1. 入力後、マークをクリックする。

    支払いカスタマイズが作成され最終的にこのような画面になります。

  1. Shopify管理画面 > 設定 > 決済 > 決済方法のカスタマイズ を開く

  2. STEP2で設定したカスタマイズがリストに表示されていることを確認

  1. 以上で設定は完了です

※eギフトのテスト注文にて、銀行振込と代金引換が非表示になっているか確認をしてください。


  1. Shopify管理画面 > 設定 > 決済 > 決済方法のカスタマイズ を開く

  2. 対象のカスタマイズ右側にある 管理 をクリック

  1. 設定したアプリをチェックし無効をクリックして完了です