Adyen を使用して Google Pay を構成する

この記事では、Microsoft Dynamics 365 Commerce で Adyen を使用して Google Pay を構成する方法について説明します。

Dynamics 365 Commerce は、Adyen 支払ゲートウェイ サービスを使用する場合の Google Pay との統合を最初から提供しています。 Google Pay は、Adyen 支払サービスと連携し、Google Pay マーチャント アカウントを使用するデジタル ウォレットの支払方法です。 構成されている場合、Google Pay ボタンが、オンライン注文のチェックアウト中に選択可能な支払方法として使用可能になります。 ユーザーがサポートされているブラウザまたはデバイスで Google Pay を選択すると、直接 Google Pay サービスで支払を完了するよう転送されます。 その後、注文完了のためにオンライン店舗に戻ります。

コマースのエクスプレスチェックアウトモジュールでGoogle Payを使用すると、ユーザーの支払いアカウント情報がチェックアウトフォームに自動的に事前入力され、顧客がチェックアウトプロセスをより迅速に進めることができます。 Commerce には、エクスプレス チェックアウトの動作を有効にする 支払い簡易 モジュールが含まれています。 支払い簡易モジュールは、チェックアウトページまたはカート ページで使用できます。 また、Google Pay および Adyen の支払い端末と、店舗で使用するコマースのPOSシステムを構成することもできます。 決済エクスプレス パターンを使用する Google Pay モジュールを使用する場合に Commerceで使用できるサポート可能性のバリエーションについては、Google Pay を使用してエクスプレス決済のカート ページを構成するを参照してください。

重要な用語

前提条件

• コマースで Adyen で Google Pay を使用するには、Google マーチャント アカウントが必要です。 Google マーチャント アカウントの設定方法については、Google Pay での Adyen のドキュメント を参照してください。
• Adyen Google Pay Drop-in 統合 - 始める前に の手順 2 と 3 に従います。
• Adyen Google Pay Drop-in 統合 - ライブになる前に の手順 1 と 2 をレビューします。
• Google Pay の支払い方法を Adyen アカウントと統合します。 指示については、Adyen Google Pay を参照してください。
• Dynamics 365 Commerce 本社で拡張ウォレット機能を有効にします。 ワークスペース > 機能管理に移動し、拡張ウォレット サポートと支払の改善機能を検索して、有効にするを選択します。 機能を有効にした後 1110 配送スケジュールを実行して、すべてのチャンネルで変更を使用可能にします。
• Google Pay を使用するには、サイトビルダーでの>プロパティを有効にする必要があります。

Google Pay の支払方法をマップする

Google Pay はデジタル ウォレットの支払方法です。 Google Pay の支払マッピングを設定する方法の詳細については、ウォレット支払のサポートを参照してください。

GOOGLE Pay の支払い方法を POS チャネルとオンライン チャネルの両方のカード入札タイプにマップするには、次の手順に従います。

1. 本社で、小売とコマース> チャネルの設定> 支払い方法> カードの種類に移動します。

2. 新規を選択して、Google Pay の行を追加します。

3. ID フィールドに、GooglePay と入力します。

4. 電子支払名フィールドに、「Google Pay」と入力します。

5. タイプ フィールドに、ウォレットと入力します。

6. 発行者フィールドに、Google と入力します。

7. アクション ウィンドウで、プロセッサ マッピングを選択し、プロセッサ支払のマッピング方法ダイアログ ボックスを開きます。

8. [ マップされていないプロセッサの支払い方法] には、マップされていないプロセッサの支払い方法の一覧が表示され、それぞれが適切なコネクタとペアになります。 マップされていない Google Pay プロセッサ支払方法をカード支払/入金タイプにマップするには、各カード支払/入金タイプついて、次の手順に従います。

   1. カード支払/入金タイプの下で、カード支払/入金タイプを選択します。
   2. マップされていないプロセッサ支払方法列で、Adyen 向け Dynamics 365 Payment Connector コネクタ (POS で使用) と Google Pay 向け Dynamics 365 Payment Connector コネクタ (オンライン チャネルで使用) の両方を選択します。
   3. [] を選択し、[] を追加します。 選択内容がマップされたプロセッサ支払方法列に追加されます。

9. 支払方法のマッピングが完了したら、保存を選択します。

10. カード タイプ ページで、保存を選択します。

Google Pay で Commerce オンライン ストアを構成する

バージョン 10.0.36 以降の Commerce では、通常のチェックアウト フローでオンライン店舗向け Google Pay を提供するダイレクト Google Pay モジュールが提供されています。 支払モジュールは、Google Pay 用に構成することもできます。 このセクションでは、両方のアプローチのモジュール構成について説明します。 ダイレクト Google Pay モジュールは、今後のイテレーションでより多くの機能を利用できるため、構成に推奨されます。

Google Pay を店舗の支払方法に追加する

コマース本社でチャネルの新しい支払い方法として Google Pay を追加するには、次の手順に従います。

1. 本社で、 小売とコマースの > チャネルのセットアップ > 支払い方法に移動します。
2. 新規を選択します。
3. 既定の機能 オプションを ウォレット に設定します。
4. 支払方法の値を入力します。 この値は、支払方法の ID です。通常は、支払方法番号シリーズで次に使用できる支払方法番号です。
5. 決済方法名 の値 (例: GooglePay) を入力します。
6. 既定の機能 オプションを ウォレット に設定します。
7. 保存を選びます。
8. 自分のチャンネル (Retail と Commerce > チャネル > オンライン ストア、または POS の場合は、Retail と Commerce > チャネル > すべての店舗) に移動します。
9. アクション ウィンドウの、製品タブの、設定グループで、支払方法を選択します。
10. 新規を選択します。
11. 決済方法 フィールドで、先ほど設定した Google Pay の決済方法を選択します。 [ 支払方法名 ] フィールドと [関数 ] フィールドは、構成した支払方法の値を使用して自動的に設定されます。
12. 全般 FastTab の Commerce セクションで、操作名 フィールドを カードで支払う に設定します。
13. Commerce セクションで、コネクタ名 フィールドを設定します。 オンライン ストアの場合は、Google Pay 向け Dynamics 365 Payment Connector を指定します。 POS 店舗の場合は、Adyen 向け Dynamics 365 Payment Connector を選択します。
14. 転記クイックタブで、必要な勘定タイプ (「勘定科目」など)、差額勘定、および大きな差額の勘定の設定を入力します。
15. 保存を選びます。
16. Google Pay の支払方法を選択した状態で、アクション ウィンドウの電子決済の設定タブで新規を選択します。
17. 電子決済タイプ の ID フィールド で、GooglePay カード タイプを選択します。
18. 保存を選びます。
19. Retail と Commerce > Retail と Commerce IT > 配送スケジュール の順に移動し、1070 チャネル コンフィギュレーション ジョブを実行します。

Google Pay モジュールを使用して Google Pay を使用するようにコマース オンライン ストアを構成する

Google Pay モジュールを使用して Google Pay を使用するようにコマース オンライン ストアを構成するには、次の手順に従います。

1. 本社で、小売と商取引> チャネル> オンラインストア にアクセスします。

2. チャネルの小売チャネル ID の値を選択して、サイトのオンライン ストア チャネルを選択します。

3. 支払口座クイックタブのコネクタの下に、Adyen 向け Dynamics 365 Payment Connector コネクタが表示されていることを確認します。 表示されていない場合、Adyen 向け Dynamics 365 Payment Connector の設定の指示に従って追加してください。

   Note

   ほとんどの場合、Adyen 向け Dynamics 365 Payment Connector コネクタは、チャネルの最初のコネクタとして表示されています (最初のコネクタはプライマリ コネクタとも呼ばれます)。 その後、Dynamics 365 Payment Connector for PayPalDynamics 365 Payment Connector for Google Pay コネクタなど、使用する他のコネクタが続く必要があります。

4. Dynamics 365 Payment Connector for Adyen コネクタを追加した後、Add を選択して、Dynamics 365 Payment Connector for GooglePay コネクタを追加します。 コネクタに対して次のプロパティを設定します。

   フィールド	Description	必須	自動セット	サンプル値
   アセンブリ名	GooglePay 向け Dynamics 365 Payment Connector のアセンブリ名。	Yes	Yes	バイナリ名
   サービス アカウント ID	マーチャントのプロパティ設定のための一意の識別子。 この識別子は支払トランザクションで記録され、下位のプロセス (請求など) が使用する商業プロパティを識別します。	Yes	Yes	GUID
   オプション ドメイン	支払要求が Adyen に送信されるときに使用するドメインを入力します。 このドメインは、<ランダム 16 進数-エンコード文字列>-<会社名> 形式のライブ環境の一意識別子であり、Adyen Customer Area ポータル上の会社のライブ アカウントのアカウント > API URL の下にある API URL 内の接頭語として存在します。 詳細については ライブ エンドポイント を参照してください。	ライブのみ	No	Adyen に連絡する
   Google マーチャント ID	Google マーチャント アカウントに割り当てられている Google マーチャント IDを入力します。 このプロパティは運用環境には必要ですが、テスト環境では省略することができます。 詳細については、https://pay.google.com/にアクセスしてください。	Yes	No	数値 ID
   マーチャント口座 ID	一意の Adyen 商業識別子を入力します。 この値は、Adyen でサインアップで説明されているように、Adyen でサインアップするときに提供されます。	Yes	No	マーチャント ID
   クラウド API キー	Adyen クラウド API キーを入力します。 このキーを取得するには、API キーを取得するの指示に従います。	Yes	No	"abcdefg"
   ゲートウェイ環境	マップ対称の Adyen ゲートウェイ環境。 可能な値は テスト および ライブ です。 このフィールドは、実稼働デバイスとトランザクションに対してのみ Live に設定します。	Yes	Yes	"ライブ"
   サポートされている通貨	コネクタが処理する必要がある通貨。 カード提示のシナリオでは、Adyen はトランザクション要求が支払いターミナルに送信された後、 動的通貨換算 を通じてより多くの通貨をサポートできます。 サポートされている通貨の一覧を取得するには、Adyen サポートに問い合わせてください。	Yes	Yes	"USD;EUR"
   サポートされている支払/入金タイプ	コネクタが処理する必要がある支払/入金タイプ。	Yes	Yes	"GooglePay"
   承認失効期間 (日数)	承認が古くなるまでの日数。キャプチャのためにプロセッサに移動する前に拒否する必要があります。 詳細については、支払い認証の管理を参照してください。	Yes	Yes	"14"
   専用の Google Pay 支払モジュールを使用する	直接 Google Pay モジュールを使用している場合は、このプロパティを True に設定 します。 この設定は、Google Pay コネクタに、支払モジュールの代わりにダイレクト モジュールと対話することを通知します。	はい (Google Pay モジュールを使用したこの構成の場合)	No	正

5. コネクタ プロパティの設定が完了したら、1070 (チャネル構成) 配布スケジュール ジョブを実行します。

Google Pay モジュールを使用してチェックアウト フラグメントを構成する

支払専用、非エクスプレス機能のチェックアウト支払セクションのオプションとして Google Pay を設定することができます。 ユーザーがチェックアウト フォームに入力すると、Google Pay の支払いページでは、Google Pay による支払いのチェックアウトのみが読み取られます。 入力したチェックアウトの詳細を上書きするために Google アカウントの情報が使用されることはありません。

Google Pay モジュールを使用して、チェックアウト ページの [支払い方法 ] セクションで通常の支払いオプションとして Google Pay を設定するには、次の手順に従います。

1. フラグメント に移動します。
2. チェックアウト フラグメントを選択して、編集 を選択します。
3. セクション コンテナーのチェックアウト スロットで、省略記号 (...) を選択し、モジュールの追加 を選択します。
4. モジュールの選択ダイアログで Google Pay を選択して、OK を選択します。
5. Google Pay モジュールのプロパティ ウィンドウで、必要に応じてモジュールのプロパティを更新します:
   1. 概要 ビューでモジュール の名前を変更し、モジュール名の横の記号を選択し、新しい名前を入力して、チェック マークの 適用 記号を選択します。
   2. チャネルに複数の Google Pay 支払いコネクタ インスタンスが設定されていない限り、[ サポートされている入札タイプ ] の値は空白のままにすることができます (まれなシナリオ)。 そうでない場合、この値は、リンク先のチャネル内の特定のコネクタに設定されているサポートされている支払/入金タイプの文字列と一致している必要があります。
   3. カスタム CSS クラス名に CSS クラス名を指定して、このモジュールのカスタム CSS スタイルを実装することもできます。
   4. ページ内での操作中に顧客のビューから隠れているモジュールには、スクロールしたときにレンダリングというプロパティを設定します。 設定すると、ページでビューポートに達すると、モジュールは顧客のクライアント デバイスに表示されます。 この設定は、ページ全体の初期読み込み時間を改善するのに役立ちます。

Google Pay モジュールを構成したら、[ 保存] を選択し、[ 編集の完了] を選択し、[ 発行 ] を選択してサイトに変更を発行します。

Google Pay モジュールを使用する決済エクスプレス

現在、ダイレクト Google Pay モジュールは決済エクスプレス機能を直接サポートしていません。 PSD2 が適用されていない地域のネットショップに対して支払いエクスプレスを設定する場合は、カートとチェックアウト ページの支払いエクスプレス動作に支払いモジュールを使用できます。 エクスプレス動作モードの支払モジュールは、ユーザーが自分の Google アカウントに対して認証を行う場合に Google Pay 決済ウィンドウを起動します。 このパターンでは、関連する最終的な税金、出荷、および手数料を含めずに、注文の小計が顧客に提示されます。 顧客が Google Pay で出荷先住所と支払の選択を完了すると、注文合計の最終的な計算で、決済エクスプレスのやりとりによって提供される出荷先住所情報を使用する、コマース店舗にリダイレクトされます。 今後のサポートでは、支払方法認証ウィンドウ内で直接、顧客の注文価格決定が直接更新され、支払方法認証ウィンドウ内の最終的な注文合計を直接確認して合意するために、Google Pay モジュールを更新します。

支払いモジュールを使用して支払いエクスプレス機能を設定するには、「 Google Pay を使用して高速支払いを行うカートページを構成する」を参照してください。

支払モジュールで Google Pay を使用するように Commerce オンライン ストアを構成する (レガシ)

支払いモジュールで Google Pay を使用するようにコマース オンライン ストアを構成するには、次の手順に従います。

1. 本社で、小売と商取引> チャネル> オンラインストア にアクセスします。

2. チャネルの小売チャネル ID の値を選択して、サイトのオンライン ストア チャネルを選択します。

3. 支払口座クイックタブのコネクタの下に、Adyen 向け Dynamics 365 Payment Connector コネクタが表示されていることを確認します。 一覧に表示されていない場合、Adyen 向け Dynamics 365 Payment Connector の設定の指示に従って追加します。

   Note

   ほとんどの場合、Adyen 向け Dynamics 365 Payment Connector は、チャネルの最初のコネクタとして一覧に表示されています (プライマリ コネクタとも呼ばれます)。 PayPal 向け Dynamics 365 Payment Connector や Google Pay 向け Dynamics 365 Payment Connector など、他のコネクタが後に続きます。

4. Adyen 向け Dynamics 365 Payment Connector を追加された後に、追加を選択して GooglePay 向け Dynamics 365 Payment Connector を追加します。 コネクタに対して次のプロパティを設定します。

   フィールド	Description	必須	自動セット	サンプル値
   アセンブリ名	GooglePay 向け Dynamics 365 Payment Connector のアセンブリ名。	Yes	Yes	バイナリ名
   サービス アカウント ID	マーチャントのプロパティ設定のための一意の識別子。 この識別子は支払トランザクションで記録され、下位のプロセス (請求など) が使用する商業プロパティを識別します。	Yes	Yes	GUID
   オプション ドメイン	支払要求が Adyen に実行されるときに使用するドメインを入力します。 このドメインは、<ランダム 16 進数文字列>-<会社名> 形式のライブ環境の一意識別子であり、Adyen Customer Area ポータル上の会社のライブ アカウントのアカウント > API URL の下にある API URL 内の接頭語として存在します。 詳細については ライブ エンドポイント を参照してください。	ライブのみ	No	Adyen に連絡する
   Google マーチャント ID	Google マーチャント アカウントに割り当てられている Google マーチャント ID。 このプロパティは運用環境には必要ですが、テスト環境では省略することができます。 詳細については、https://pay.google.com(https://pay.google.com) を参照してください。	Yes	No	数値 ID
   マーチャント口座 ID	一意の Adyen マーチャント ID。 この値は、Adyen でサインアップで説明されているように、Adyen でサインアップするときに提供されます。	Yes	No	マーチャント ID
   クラウド API キー	Adyen クラウド API キー。 このキーを取得するには、API キーを取得するの指示に従います。	Yes	No	"abcdefg"
   ゲートウェイ環境	マップ対称の Adyen ゲートウェイ環境。 可能な値は テスト および ライブ です。 このフィールドは、実稼働デバイスとトランザクションに対してのみ Live に設定します。	Yes	Yes	"ライブ"
   サポートされている通貨	コネクタが処理する必要がある通貨。 カード提示のシナリオでは、Adyen はトランザクション要求が支払いターミナルに送信された後、 動的通貨換算 を通じてより多くの通貨をサポートできます。 サポートされている通貨の一覧を取得するには、Adyen サポートに問い合わせてください。	Yes	Yes	"USD;EUR"
   サポートされている支払/入金タイプ	コネクタが処理する必要がある支払/入金タイプ。	Yes	Yes	"GooglePay"
   承認失効期間 (日数)	承認が失効していると見なされ、取得のためにプロセッサにアクセスする前に拒否されるまでの日数。 詳細については、支払い認証の管理を参照してください。	Yes	Yes	"14"
   専用の Google Pay 支払モジュールを使用する	ダイレクト支払モジュールを使用する場合、このプロパティを False (または空白) に設定する必要があります。 このプロパティは、Google Pay コネクタに、Google Pay モジュールの代わりに支払モジュールと対話することを通知します。	いいえ (空白の既定値は False)	No	偽

5. コネクタ プロパティの設定が完了したら、1070 (チャネル構成) 配布スケジュール ジョブを実行します。

支払モジュールを使用して Google Pay でカートとチェックアウト ページの決済エクスプレス セクションを使用する

Commerce 支払モジュールの決済エクスプレス パターンは、チェックアウト プロセス中に支払サービス アカウント情報を使用して、サイトの顧客がより迅速にチェックアウトできるオプションを提供します。 支払モジュールの決済エクスプレス アクションは、リンクされている支払いコネクタを、同じ属性の支払いコネクタで使用されるサポートされている支払/入金タイプ文字列によって参照します。 支払モジュールを使用するエクスプレス決済は、ユーザーが選択した注文詳細 (住所、連絡先情報、および支払い方法) を返し、チェックアウト フォームに事前入力します。

決済エクスプレス モジュールを Google Pay でエクスプレス パターンによって使用する場合、決済エクスプレス セクションで顧客が Google Pay ボタンを選択すると、Google Pay 決済ウィンドウが開きます。 ユーザーは Google アカウントにサインインし、アカウントの配送先住所、請求先住所、メール アドレス、選択した Google Pay 支払方法を使用してトランザクションの支払を行います。

ユーザーが Google Pay ウィンドウでアクションを完了すると、Commerce サイトのチェックアウト ページに移動し、Google Pay アカウントの詳細がチェック アウト フォームに入力されます。 ユーザーが Google Pay ウィンドウからチェックアウト ページに戻ると、次の詳細が表示されます。

• 支払いエクスプレス フローでは、返された配送先住所で使用できる最初の配送オプションが顧客に対して事前に選択されます。
• 顧客の電子メール アドレスなどの出荷先住所と連絡先情報は、チェックアウト フォームで入力されます。 急いチェック アウトを使用している場合は、簡易アカウントの電子メール アドレスが使用されます。
• 支払方法は、顧客のデジタル Google Pay 何を使用して選択されています。

注文する を選択して注文を確定する前に、顧客は注文を確認し、チェックアウトする注文の詳細を変更することができます。

支払モジュールで Google Pay を使用するエクスプレス用にチェックアウト フラグメントを構成する

サイト ビルダーで Google Pay を使用して高速支払いのチェックアウト フラグメントを設定するには、次の手順に従います。

1. フラグメント に移動します。

2. チェックアウト フラグメントを選択して、編集 を選択します。

3. チェックアウト エクスプレス決済コンテナー スロットで、省略記号 (...) を選択し、モジュールの追加 を選択します。

4. モジュールの選択 ダイアログ ボックスで 決済エクスプレス を選択して、OK を選択します。

5. 決算エクスプレス モジュールのプロパティ ウィンドウで、必要に応じてモジュールのプロパティを更新します。

   1. 概要ビューでモジュールの名前を変更するには、モジュール名の横の鉛筆記号を選択し、新しい名前を入力して、チェック マークの適用記号を選択します。
   2. iFrame の高さ プロパティの場合、ページ デザインのニーズを満たす高さをピクセルで設定します (たとえば、65 ピクセルの高さを設定するには "65" を入力します)。
   3. サポートされている支払/入金タイプ 値を GooglePay に設定します。 この値は、チャネルに設定されているコネクタで サポートされている支払/入金タイプ の文字列と一致している必要があります。
   4. 支払スタイルの上書き値は、モジュールに CSS コード スタイルを適用するために使用されます。 サイト ビルダーの CSS 上書きとスタイルは、このプロパティによってこのモジュールには適用されません。 このスタイルは、支払いサービスによって表示される支払い iFrame 要素 内の内部ウィンドウのスタイルには影響しません。
   5. このモジュールに適用する カスタム CSS クラス名 を参照します。 テーマ パックで定義されているクラス名を使用します。 このスタイルは、支払いサービスによって表示される支払い iFrame 要素 内の内部ウィンドウのスタイルには影響しません。
   6. ページ内での操作中に顧客のビューから隠れているモジュールには、スクロールしたときにレンダリングというプロパティを設定します。 設定すると、ページでビューポートに達すると、モジュールは顧客のクライアント デバイスに表示されます。 この設定は、ページ全体の初期読み込み時間を改善するのに役立ちます。

6. オプション: チェックアウト エクスプレス支払コンテナ モジュールで、サイトのエクスプレス決済セクションに対する指示または開示情報を含むテキスト ブロック モジュールを追加します。 モジュールを追加した後、プロパティ ウィンドウでリッチ テキスト フィールドに必要なテキストを入力します。 テキスト ブロック スロットで省略記号 (...) を選択してテキストを決済エクスプレス モジュールの上または下に位置決めし、上へ移動または下へ移動を選択することができます。

7. 保存を選択して変更を保存し、編集を終了するを 選択します。

8. 公開 を選択して、フラグメントを公開します。

Google Pay を使用するエクスプレス決済用にカート ページを構成する

サイト ビルダーで Google Pay を使用して高速支払いのカート ページを設定するには、次の手順に従います。

1. ページ に移動します。
2. 自分のサイトのカート ページを選択して、編集 を選択します。
3. メイン スロット の下で カート モジュールを含むコンテナーを見つけます。
4. カート モジュールの下で、決済エクスプレス セクションを選択します。
5. 決済エクスプレス スロットで 省略記号 (...) を選択し、モジュールの追加 を選択します。
6. モジュールの選択 ダイアログ ボックスで 決済エクスプレス を選択して、OK を選択します。
7. 決済エクスプレス モジュールのプロパティ ウィンドウで、必要に応じてモジュールのプロパティを更新します:
   1. 概要ビューでモジュールの名前を変更し、モジュール名の横の記号を選択し、新しい名前を入力して、適用チェック マーク記号を選択します。
   2. iFrame の高さ プロパティの場合、ページ デザインのニーズを満たす高さをピクセルで設定します (たとえば、50 ピクセルの高さを設定するには "50" を入力します)。
   3. サポートされている支払/入金タイプ 値を GooglePay に設定します。 この値は、チャネルに設定されているコネクタで サポートされている支払/入金タイプ の文字列と一致している必要があります。
   4. 支払スタイルの上書きプロパティを使用して、CSS コード スタイルをモジュールに適用します。 サイト ビルダーの CSS 上書きとスタイルは、このプロパティによってこのモジュールには適用されません。 このスタイルは、支払いサービスによって表示される支払い iFrame 要素 内の内部ウィンドウのスタイルには影響しません。
   5. このモジュールに適用する カスタム CSS クラス名 を参照します。 テーマ パックで定義されているクラス名を使用します。 このスタイルは、支払いサービスによって表示される支払い iFrame 要素 内の内部ウィンドウのスタイルには影響しません。
   6. ページ内での操作中に顧客のビューから隠れているモジュールには、スクロールしたときにレンダリングというプロパティを設定します。 設定すると、ページでビューポートに達すると、モジュールは顧客のクライアント デバイスに表示されます。 この設定は、ページ全体の初期読み込み時間を改善するのに役立ちます。
8. オプション: チェックアウト エクスプレス支払コンテナ モジュールで、サイトのエクスプレス決済セクションに対する指示または開示情報を含むテキスト ブロック モジュールを追加します。 モジュールを追加した後、プロパティ ウィンドウでリッチ テキスト フィールドに必要なテキストを入力します。 テキスト ブロック スロットで省略記号 (...) を選択してテキストを決済エクスプレス モジュールの上または下に位置決めし、上へ移動または下へ移動を選択することができます。
9. 保存を選択して変更を保存し、編集を終了するを 選択します。
10. 公開 を選択して、ページを公開します。

ユーザーは、カートの決済エクスプレス スロットに最大で 3 つまでサポートされる決済エクスプレスを含めることができます (つまり、3 つの使用可能なサポートされる支払オプション)。

配送モード

Google Pay を使用する決済エクスプレス モジュールにより、Google Pal アカウントから選択した配送先住所に対して返される最初の配送オプションが事前に入力されます。 ユーザーは、必要に応じて配送先住所を別のオプションに変更することができます。

配送方法が決済エクスプレス モジュールに表示される順序は、Commerce Headquarters のチャネルの配送モード ページで構成されます。 本社で、オンライン ストア> Retail and Commerce > Channels に移動し、ストアの小売チャネル ID の値を選択します。 操作ウィンドウの設定タブで、配送モードを選択します。 一覧表示された配送モードは、決済エクスプレス モジュールと同じ順序で表示されます。 アクション ペインで 配送モードの管理 を選択し、小売チャンネルまたは製品の配送モードの追加または削除を行います。 配送モードを設定する方法の詳細については、配送モードの設定を参照してください。

チェックアウト モジュールでは、チェックアウト中に配送モードが表示される場合に、配送オプション モジュールも使用します。 詳細については、配送オプション モジュール を参照してください。

配送モードは、オンライン ストアの配送モードのリストに追加された場合に表示されます。

支払モジュールのチェックアウト支払セクションのオプションとして Google Pay を設定する

支払専用、非エクスプレス機能のチェックアウト支払セクションのオプションとして Google Pay を設定することができます。 ユーザーがチェックアウト フォームに入力すると、Google Pay の支払いページでは、Google Pay による支払いのチェックアウトのみが読み取られます。 入力したチェックアウトの詳細を上書きするために Google アカウントの情報が使用されることはありません。

チェックアウト ページの [ 支払い方法 ] セクションで通常のお支払い方法として Google Pay を設定するには、次の手順に従います。

1. サイト ビルダーでフラグメントに移動し、サイトのチェックアウト フラグメントを選択します。
2. [編集] を選択します。
3. チェックアウト情報スロットで、セクション コンテナーのチェックアウト、省略記号 (...)、モジュールの追加の順に選択します。
4. モジュールの選択ダイアログ ボックスで 支払モジュールを選択して、OK を選択します。
5. 支払いモジュールのプロパティ ウィンドウで、コンテナー モジュールのプロパティを設定します。
   • ヘッダー – サイトのエクスプレス チェックアウト セクションに表示するヘッダーを入力します (例: "Google Pay")。
   • iFrame の高さ – 値をピクセル単位で希望の設計の高さに変更します (例: "75")。
   • サポートされている支払/入金タイプ – Commerce headquarters の Google Pay コネクタの構成に合わせて "GooglePay" を入力します。
   • 基本支払 – チェック ボックスはオフのままにします。 このプロパティは、通常、Adyen チェックアウト モジュールで有効になります。
   • 支払スタイルの上書き – このプロパティは、Google Pay 構成にはサポートされていません。
   • コネクタ ID を使用 する – ページで複数の支払いコネクタが使用されている場合は、このプロパティを選択します。
   • iFrame のブラウザー セット言語コードの使用 – このプロパティは Google Pay 構成でサポートされていません。
   • カスタム CSS クラス名を参照して、このモジュールに適用することもできます。 この値は、テーマ パックで定義されているクラス名にできます。 このスタイルは、支払いサービスによって提供される支払い iframe 内の内部ウィンドウのスタイルには影響しません。
   • ページ内での操作中に顧客のビューから隠れているモジュールには、スクロールしたときにレンダリングというプロパティを設定します。 設定すると、ページでビューポートに達すると、モジュールは顧客のクライアント デバイスに表示されます。 この設定は、ページ全体の初期読み込み時間を改善するのに役立ちます。
6. 支払スロットで省略記号 (...) を選択してモジュールを他の支払モジュールの上または下に位置決めし、上へ移動または下へ移動を選択します。
7. 保存を選択して変更を保存し、編集を終了するを 選択します。
8. 公開を選択します。

サイト ビルダーの設定で Google Pay を構成する

Google Pay でフラグメントまたはページを構成する前に、サイトのコンテンツ セキュリティ ポリシー (CSP) が Commerce サイト ビルダーで構成されていることを確認します。

コンテンツ セキュリティ ポリシーがサイト ビルダーで設定されていることを確認するには、次の手順に従います。

1. サイトのサイト設定 > 拡張機能に移動します。
2. コンテンツ セキュリティ ポリシー タブで、*.google.com、connect-src、frame-ancestors、frame-src、img-src、script-src、および style-src ディレクティブに の行を追加します。
3. 完了したら、保存して公開を選択します。

さらに、サイトビルダーので、>プロパティを選択する必要があります。

Google Pay 向けの Commerce POS を構成する

POS 構成は、Adyen 向け Dynamics 365 Payment Connector に対してハードウェア プロファイルの EFT サービス フィールドの設定を使用します。 Commerce Headquarters で Adyen 向け Dynamics 365 Payment Connector の電子決済 (EFT) サービスを構成する方法については、Dynamics 365 POS ハードウェア プロファイルの設定セクション を参照してください。

Adyen コネクタのプロセッサ マッピングは、Google Pay が POS 端末で使用するウォレット カード タイプをキャプチャします。 必要なカードの種類を Adyen 用 Dynamics 365 Payment Connector および Processor 支払いオプション に対してマップします。 マッピング手順は、Google支払方法のマップ セクション の手順と似 て表示されます。 POS では店舗に 対して構成されている 1 つのコネクタのみサポートのため、支払コネクタ マップは Adyen から返されるプロセッサ支払額に対して対応します。

その他のリソース

支払に関するよく寄せられる質問

チェックアウト モジュール

支払モジュール