Adyen を使用して Google Pay を構成する
警告
Google Pay Express の Dynamics 365 Commerce パターンは、決済サービス指令 2 (PSD2) の要件を適用する地域では現在推奨されていません。 Google Pay サポートに使用されている支払モジュールは、ユーザーの注文の配送先住所情報を取得すると、Commerce チェックアウト ページに戻ってから最終注文価格を計算します。 PSD2 では、ユーザーがデジタル ウォレットの認証ウィンドウ内で全注文の合計価格を表示することを推奨しています。 Commerce は、配送先住所が選択されたときに Google Pay の決済ウィンドウ内で注文詳細を更新することにより、エクスプレス フローのサポートに使用できる新しい 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 のエクスプレス チェックアウト モジュールで使用されている場合、ユーザーの支払アカウント情報が自動的にチェックアウト フォームに入力され、顧客はチェックアウト プロセスをより迅速に実行することができます。 Commerce には、エクスプレス チェックアウトの動作を有効にする 支払い簡易 モジュールが含まれています。 支払い簡易モジュールは、チェックアウトページまたはカート ページで使用できます。 また、Adyen 支払ターミナルおよびコマースの販売時点管理 (POS) を使用し、店舗での使用のために Google Pay を構成することができます。 決済エクスプレス パターンを使用する Google Pay モジュールを使用する場合に Commerceで使用できるサポート可能性のバリエーションについては、Google Pay を使用してエクスプレス決済のカート ページを構成するを参照してください。
重要な用語
| 期間 | Description |
|---|---|
| Google Pay | Google Pay 「ボタン」とも呼ばれる Google Pay は、Adyen コネクタを介してサポートされるウォレット支払として提供されます。 Dynamics Google Pay Connector でサポートされているカスタマー エクスペリエンスと統合を有効にします。 |
| ウォレット | 銀行 ID 番号 (BIN) 範囲や有効期限など、クレジット カード タイプとデビット カード タイプを区別するために使用される従来の支払特性を含まない支払タイプ。 |
| 決済エクスプレス モジュール | サポートされている決済方法を使用し、迅速なチェックアウト動作をサポートする Dynamics 365 Commerce モジュール。 |
必要条件
- Commerce で Google Pay と Adyen を使用するには、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 Headquarters の強化されたウォレット機能を有効にする必要もあります。 ワークスペース > 機能管理に移動し、拡張ウォレット サポートと支払の改善機能を検索して、有効にするを選択します。 機能を有効にした後 1110 配送スケジュールを実行して、すべてのチャンネルで変更を使用可能にします。
- Google Pay を使用するには、サイトビルダーでサイト > サイト設定 > 拡張機能 > カートとチェックアウトの単一支払い承認チェックアウトの有効化プロパティを有効にする必要があります。
Google Pay の支払方法をマップする
Google Pay はデジタル ウォレットの支払方法です。 Google Pay の支払マッピングを設定する方法の詳細については、ウォレット支払のサポートを参照してください。
POS およびオンライン チャネルの両方のカード支払/入金タイプに Google Pay の支払方法をマップするには、次の手順に従います。
Commerce Headquarters で、小売とコマース > チャネルの設定 > 支払方法 > カード タイプの順に移動します。
新規を選択して、Google Pay の行を追加します。
ID フィールドに、GooglePay と入力します。
電子支払名フィールドに、「Google Pay」と入力します。
タイプ フィールドに、ウォレットと入力します。
発行者フィールドに、Google と入力します。
アクション ウィンドウで、プロセッサ マッピングを選択し、プロセッサ支払のマッピング方法ダイアログ ボックスを開きます。
マップされていないプロセッサ支払方法の下にマップされていないプロセッサ支払方法の一覧があり、それぞれ適切なコネクタと組み合わされています。 マップされていない Google Pay プロセッサ支払方法をカード支払/入金タイプにマップするには、各カード支払/入金タイプついて、次の手順に従います。
- カード支払/入金タイプの下で、カード支払/入金タイプを選択します。
- マップされていないプロセッサ支払方法列で、Adyen 向け Dynamics 365 Payment Connector コネクタ (POS で使用) と Google Pay 向け Dynamics 365 Payment Connector コネクタ (オンライン チャネルで使用) の両方を選択します。
- 追加を選択します。 選択内容がマップされたプロセッサ支払方法列に追加されます。
支払方法のマッピングが完了したら、保存を選択します。
カード タイプ ページで、保存を選択します。
Google Pay で Commerce オンライン ストアを構成する
バージョン 10.0.36 以降の Commerce では、通常のチェックアウト フローでオンライン店舗向け Google Pay を提供するダイレクト Google Pay モジュールが提供されています。 支払モジュールは、Google Pay 用に構成することもできます。 このセクションでは、両方のアプローチのモジュール構成について説明します。 今後のイテレーションで、追加の機能を利用できるようになるので、ダイレクト Google Pay モジュールの構成をお勧めします。
Google Pay を店舗の支払方法に追加する
Commerce headquarters で Google Pay をあなたのチャンネルに新しい決済方法に追加するには、次の手順に従います。
- Retail と Commerce > チャネル設定 > 支払い方法 に移動します。
- 新規を選択します。
- 既定の機能 オプションを ウォレット に設定します。
- 決済方法 の値 (決済方法の ID、通常は決済方法番号シリーズで次に使用可能な決済方法番号) を入力します。
- 決済方法名 の値 (例: GooglePay) を入力します。
- 既定の機能 オプションを ウォレット に設定します。
- 保存 を選択します。
- 自分のチャンネル (Retail と Commerce > チャネル > オンライン ストア、または POS の場合は、Retail と Commerce > チャネル > すべての店舗) に移動します。
- アクション ウィンドウの、製品タブの、設定グループで、支払方法を選択します。
- 新規を選択します。
- 決済方法 フィールドで、先ほど設定した Google Pay の決済方法を選択します。 決済方法名 および 機能 のフィールドでは、構成した決済方法の値を使用して自動的に設定する必要があります。
- 全般 FastTab の Commerce セクションで、操作名 フィールドを カードで支払う に設定します。
- Commerce セクションで、コネクタ名 フィールドを設定します。 オンライン ストアの場合は、Google Pay 向け Dynamics 365 Payment Connector を指定します。 POS 店舗の場合は、Adyen 向け Dynamics 365 Payment Connector を選択します。
- 転記クイックタブで、必要な勘定タイプ (「勘定科目」など)、差額勘定、および大きな差額の勘定の設定を入力します。
- 保存 を選択します。
- Google Pay の支払方法を選択した状態で、アクション ウィンドウの電子決済の設定タブで新規を選択します。
- 電子決済タイプ の ID フィールド で、GooglePay カード タイプを選択します。
- 保存 を選択します。
- Retail と Commerce > Retail と Commerce IT > 配送スケジュール の順に移動し、1070 チャネル コンフィギュレーション ジョブを実行します。
Google Pay モジュールで Google Pay 使用するように Commerce オンライン ストアを構成する
Google Pay モジュールで Google Pay を使用するように Commerce オンライン ストアを構成するには、次の手順に従います。
Commerce 本社で、小売とコマース>チャネル>オンライン店舗の順に移動します。
チャネルの小売チャネル ID の値を選択して、サイトのオンライン ストア チャネルを選択します。
支払口座クイックタブのコネクタの下に、Adyen 向け Dynamics 365 Payment Connector コネクタが表示されていることを確認します。 表示されていない場合、Adyen 向け Dynamics 365 Payment Connector の設定の指示に従って追加してください。
メモ
ほとんどの場合、Adyen 向け Dynamics 365 Payment Connector コネクタは、チャネルの最初のコネクタとして表示されています (最初のコネクタはプライマリ コネクタとも呼ばれます)。 PayPal 向け Dynamics 365 Payment Connector コネクタや Google Pay 向け Dynamics 365 Payment Connector コネクタなど、使用される他のコネクタが後に続きます。
Adyen 向け Dynamics 365 Payment Connector コネクタを追加された後、追加を選択して GooglePay 向け Dynamics 365 Payment Connector コネクタを追加します。 コネクタに対して次のプロパティを設定します。
フィールド Description 必須 自動セット サンプル値 アセンブリ名 GooglePay 向け Dynamics 365 Payment Connector のアセンブリ名。 有効 有効 バイナリ名 サービス アカウント ID マーチャントのプロパティ設定のための一意の識別子。 この識別子は支払トランザクションで記録され、下位のプロセス (請求など) が使用する商業プロパティを識別します。 はい はい [高い値] オプション ドメイン 支払要求が Adyen に送信されるときに使用するドメインを入力します。 このドメインは、<ランダム 16 進数-エンコード文字列>-<会社名> 形式のライブ環境の一意識別子であり、Adyen Customer Area ポータル上の会社のライブ アカウントのアカウント > API URL の下にある API URL 内の接頭語として存在します。 詳細については ライブ エンドポイント を参照してください。 ライブのみ いいえ Adyen に連絡する Google マーチャント ID Google マーチャント アカウントに割り当てられている Google マーチャント IDを入力します。 このプロパティは運用環境には必要ですが、テスト環境では省略することができます。 詳細については、https://pay.google.com/にアクセスしてください。 有効 無効 数値ID マーチャント口座 ID 一意の Adyen 商業識別子を入力します。 この値は、Adyen でサインアップで説明されているように、Adyen でサインアップするときに提供されます。 有効 無効 販売者ID クラウド API キー Adyen クラウド API キーを入力します。 このキーを取得するには、API キーを取得するの指示に従います。 有効 無効 "abcdefg" ゲートウェイ環境 マップ対称の Adyen ゲートウェイ環境。 可能な値は テスト および ライブ です。 このフィールドは、生産デバイスおよびトランザクションでのみ ライブ にセットする必要があります。 有効 有効 "ライブ" サポートされている通貨 コネクタが処理する必要がある通貨。 カードありのシナリオでは、トランザクション要求が支払端末に送信された後、Adyen は動的通過換算 を使用した追加通過をすることができます。 サポートされている通貨の一覧を取得するには、Adyen サポートに問い合わせてください。 有効 有効 "USD;EUR" サポートされている支払/入金タイプ コネクタが処理する必要がある支払/入金タイプ。 はい はい "GooglePay" 承認失効期間 (日数) 承認が失効していると見なされ、取得のためにプロセッサにアクセスする前に拒否されるまでの日数。 詳細については、支払い認証の管理を参照してください。 はい はい "14" 専用の Google Pay 支払モジュールを使用する ダイレクト Google Pay モジュールを使用している場合、このプロパティは True に設定する必要があります。 この設定は、Google Pay コネクタに、支払モジュールの代わりにダイレクト モジュールと対話することを通知します。 はい (Google Pay モジュールを使用したこの構成の場合) いいえ 真 コネクタ プロパティの設定が完了したら、1070 (チャネル構成) 配布スケジュール ジョブを実行します。
Google Pay モジュールを使用してチェックアウト フラグメントを構成する
支払専用、非エクスプレス機能のチェックアウト支払セクションのオプションとして Google Pay を設定することができます。 チェックアウト フォームはユーザーによって入力され、Google Pay の支払ページは Google Pay による支払のチェックアウトの準備だけを行います。 入力したチェックアウトの詳細を上書きするために Google アカウントの情報が使用されることはありません。
紙幣
次の手順では、サイトが、集荷情報、出荷先住所、配送オプション、連絡先情報、オプションの条件、およびチェックアウト要素のセクションで構成されたチェックアウト フラグメントを使用するものとします。 既定のモジュール ライブラリのチェック アウト モジュールは、テキスト ブロック、ロイヤルティ ポイント、ギフト カード、および支払モジュールを含むチェックアウト セクション のコンテナーと共にリリースされます。 詳細については、支払モジュールを参照してください。
Google Pay モジュールを使用して、チェックアウト ページの支払方法セクションで通常の支払オプションとして Google Pay を設定するには、次の手順に従います。
- フラグメント に移動します。
- チェックアウト フラグメントを選択して、編集 を選択します。
- セクション コンテナーのチェックアウト スロットで、省略記号 (...) を選択し、モジュールの追加 を選択します。
- モジュールの選択ダイアログで Google Pay を選択して、OK を選択します。
- Google Pay モジュールのプロパティ ウィンドウで、必要に応じてモジュールのプロパティを更新します:
- 概要 ビューでモジュール の名前を変更し、モジュール名の横の記号を選択し、新しい名前を入力して、チェック マークの 適用 記号を選択します。
- チャンルに複数の Google Pay 支払いコネクタ インスタンスが設定されていない限り、サポートされている支払/入金タイプの値は空白のままにすることができます (まれなシナリオ)。 そうでない場合、この値は、リンク先のチャネル内の特定のコネクタに設定されているサポートされている支払/入金タイプの文字列と一致している必要があります。
- カスタム CSS クラス名に対して CSS クラス名を指定して、このモジュールのカスタム CSS スタイルを実装することもできます。
- ページ内でやり取りするときに、顧客のビューの下に隠れるモジュールには、モジュールがビューにスクロールするときにレンダリングするプロパティを設定することをお勧めします。 設定すると、ページでビューポートに達すると、モジュールは顧客のクライアント デバイスに表示されます。 この設定は、ページ全体の初期読み込み時間を改善するのに役立ちます。
Google Pay モジュールを構成したら、保存を選択し、編集の完了、公開の順に選択し、変更をサイトに公開します。
Google Pay モジュールを使用する決済エクスプレス
現在、ダイレクト Google Pay モジュールは決済エクスプレス機能を直接サポートしていません。 PSD2 を適用しない地域の店舗に対して決済エクスプレスを設定する場合、支払モジュールをカートやチェックアウト ページの決済エクスプレスの動作に使用できます。 エクスプレス動作モードの支払モジュールは、ユーザーが自分の Google アカウントに対して認証を行う場合に Google Pay 決済ウィンドウを起動します。 このパターンでは、関連する最終的な税金、出荷、および手数料を含めずに、注文の小計が顧客に提示されます。 顧客が Google Pay で出荷先住所と支払の選択を完了すると、注文合計の最終的な計算で、決済エクスプレスのやりとりによって提供される出荷先住所情報を使用する、コマース店舗にリダイレクトされます。 今後のサポートでは、支払方法認証ウィンドウ内で直接、顧客の注文価格決定が直接更新され、支払方法認証ウィンドウ内の最終的な注文合計を直接確認して合意するために、Google Pay モジュールを更新します。
支払モジュールを使用して決済エクスプレス機能を設定するにはGoogle Pay を使用するエクスプレス決済用にカート ページを構成するを参照してください。
支払モジュールで Google Pay を使用するように Commerce オンライン ストアを構成する (レガシ)
支払モジュールで Google Pay を使用するように Commerce オンライン ストアを構成するには、次の手順に従います。
Commerce 本社で、小売とコマース>チャネル>オンライン店舗の順に移動します。
チャネルの小売チャネル ID の値を選択して、サイトのオンライン ストア チャネルを選択します。
支払口座クイックタブのコネクタの下に、Adyen 向け Dynamics 365 Payment Connector コネクタが表示されていることを確認します。 一覧に表示されていない場合、Adyen 向け Dynamics 365 Payment Connector の設定の指示に従って追加します。
注意
ほとんどの場合、Adyen 向け Dynamics 365 Payment Connector は、チャネルの最初のコネクタとして一覧に表示されています (プライマリ コネクタとも呼ばれます)。 PayPal 向け Dynamics 365 Payment Connector や Google Pay 向け Dynamics 365 Payment Connector など、他のコネクタが後に続きます。
Adyen 向け Dynamics 365 Payment Connector を追加された後に、追加を選択して GooglePay 向け Dynamics 365 Payment Connector を追加します。 コネクタに対して次のプロパティを設定します。
フィールド Description 必須 自動セット サンプル値 アセンブリ名 GooglePay 向け Dynamics 365 Payment Connector のアセンブリ名。 有効 有効 バイナリ名 サービス アカウント ID マーチャントのプロパティ設定のための一意の識別子。 この識別子は支払トランザクションで記録され、下位のプロセス (請求など) が使用する商業プロパティを識別します。 はい はい [高い値] オプション ドメイン 支払要求が Adyen に実行されるときに使用するドメインを入力します。 このドメインは、<ランダム 16 進数文字列>-<会社名> 形式のライブ環境の一意識別子であり、Adyen Customer Area ポータル上の会社のライブ アカウントのアカウント > API URL の下にある API URL 内の接頭語として存在します。 詳細については ライブ エンドポイント を参照してください。 ライブのみ いいえ Adyen に連絡する Google マーチャント ID Google マーチャント アカウントに割り当てられている Google マーチャント ID。 このプロパティは運用環境には必要ですが、テスト環境では省略することができます。 詳細については、https://pay.google.com(https://pay.google.com) を参照してください。 はい いいえ 数値ID マーチャント口座 ID 一意の Adyen マーチャント ID。 この値は、Adyen でサインアップで説明されているように、Adyen でサインアップするときに提供されます。 はい いいえ 販売者ID クラウド API キー Adyen クラウド API キー。 このキーを取得するには、API キーを取得するの指示に従います。 有効 無効 "abcdefg" ゲートウェイ環境 マップ対称の Adyen ゲートウェイ環境。 可能な値は テスト および ライブ です。 このフィールドは、生産デバイスおよびトランザクションでのみ ライブ にセットする必要があります。 はい はい "ライブ" サポートされている通貨 コネクタが処理する必要がある通貨。 カードありのシナリオでは、トランザクション要求が支払端末に送信された後、Adyen は動的通過換算 を使用した追加通過をすることができます。 サポートされている通貨の一覧を取得するには、Adyen サポートに問い合わせてください。 はい はい "USD;EUR" サポートされている支払/入金タイプ コネクタが処理する必要がある支払/入金タイプ。 はい はい "GooglePay" 承認失効期間 (日数) 承認が失効していると見なされ、取得のためにプロセッサにアクセスする前に拒否されるまでの日数。 詳細については、支払い認証の管理を参照してください。 はい はい "14" 専用の Google Pay 支払モジュールを使用する ダイレクト支払モジュールを使用する場合、このプロパティを False (または空白) に設定する必要があります。 このプロパティは、Google Pay コネクタに、Google Pay モジュールの代わりに支払モジュールと対話することを通知します。 いいえ (空白の既定値は False) いいえ 偽 コネクタ プロパティの設定が完了したら、1070 (チャネル構成) 配布スケジュール ジョブを実行します。
支払モジュールを使用して Google Pay でカートとチェックアウト ページの決済エクスプレス セクションを使用する
警告
Google Pay Express 向けの Dynamics 365 Commerce パターンは、PSD2 要件を適用する地域では現在推奨されていません。 Google Pay サポートに使用されている支払モジュールは、ユーザーの注文の配送先住所情報を取得したときに、Commerce チェックアウト ページに戻った後、最終注文価格を計算します。 PSD2 では、ユーザーがデジタル ウォレットの認証ウィンドウ内で全注文の合計価格を表示することを推奨しています。 Commerce は、配送先住所が選択されたときに Google Pay の決済ウィンドウ内で注文詳細を更新することにより、エクスプレス フローのサポートに使用できる新しい Google Pay ダイレクト モジュールを更新する今後の作業を追跡します。 ページでは、エクスプレス チェックアウト用の支払モジュールとチェックアウト セクション用の新しい Google Pay モジュールの両方の使用はサポートしていません。 支払モジュールのみをエクスプレス チェックアウト フローと通常のチェックアウト フローの両方で支払モジュールのみ使用するか、(エクスプレスではなく) 通常のチェックアウト支払フローで 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 を使用するエクスプレス決済用にチェックアウト フラグメントを設定するには、次の手順に従います。
フラグメント に移動します。
チェックアウト フラグメントを選択して、編集 を選択します。
チェックアウト エクスプレス決済コンテナー スロットで、省略記号 (...) を選択し、モジュールの追加 を選択します。
モジュールの選択 ダイアログ ボックスで 決済エクスプレス を選択して、OK を選択します。
決算エクスプレス モジュールのプロパティ ウィンドウで、必要に応じてモジュールのプロパティを更新します。
- 概要ビューでモジュールの名前を変更するには、モジュール名の横の鉛筆記号を選択し、新しい名前を入力して、チェック マークの適用記号を選択します。
- iFrame の高さ プロパティの場合、ページ デザインのニーズを満たす高さをピクセルで設定します (たとえば、65 ピクセルの高さを設定するには "65" を入力します)。
- サポートされている支払/入金タイプ 値を GooglePay に設定します。 この値は、チャネルに設定されているコネクタで サポートされている支払/入金タイプ の文字列と一致している必要があります。
- 支払スタイルの上書き値は、モジュールに CSS コード スタイルを適用するために使用されます。 サイト ビルダーの CSS 上書きとスタイルは、このプロパティによってこのモジュールには適用されません。 このスタイルは、支払いサービスによって表示される支払い iFrame 要素 内の内部ウィンドウのスタイルには影響しません。
- カスタム CSS クラス名を参照してこのモジュールに適用できます。 この値は、テーマ パックで定義されているクラス名にできます。 このスタイルは、支払いサービスによって表示される支払い iFrame 要素 内の内部ウィンドウのスタイルには影響しません。
- ページ内でやり取りするときに、顧客のビューの下に隠れるモジュールには、モジュールがビューにスクロールするときにレンダリングするプロパティを設定することをお勧めします。 設定すると、ページでビューポートに達すると、モジュールは顧客のクライアント デバイスに表示されます。 この設定は、ページ全体の初期読み込み時間を改善するのに役立ちます。
オプション: チェックアウト エクスプレス支払コンテナ モジュールで、サイトのエクスプレス決済セクションに対する指示または開示情報を含むテキスト ブロック モジュールを追加します。 モジュールを追加した後、プロパティ ウィンドウでリッチ テキスト フィールドに必要なテキストを入力します。 テキスト ブロック スロットで省略記号 (...) を選択してテキストを決済エクスプレス モジュールの上または下に位置決めし、上へ移動または下へ移動を選択することができます。
保存を選択して変更を保存し、編集を終了するを 選択します。
公開 を選択して、フラグメントを公開します。
Google Pay を使用するエクスプレス決済用にカート ページを構成する
サイト ビルダーで Google Pay を使用するエクスプレス用にカート ページを設定するには、次の手順に従います。
- ページ に移動します。
- 自分のサイトのカート ページを選択して、編集 を選択します。
- メイン スロット の下で カート モジュールを含むコンテナーを見つけます。
- カート モジュールの下で、決済エクスプレス セクションを選択します。
- 決済エクスプレス スロットで 省略記号 (...) を選択し、モジュールの追加 を選択します。
- モジュールの選択 ダイアログ ボックスで 決済エクスプレス を選択して、OK を選択します。
- 決済エクスプレス モジュールのプロパティ ウィンドウで、必要に応じてモジュールのプロパティを更新します:
- 概要ビューでモジュールの名前を変更し、モジュール名の横の記号を選択し、新しい名前を入力して、適用チェック マーク記号を選択します。
- iFrame の高さ プロパティの場合、ページ デザインのニーズを満たす高さをピクセルで設定します (たとえば、50 ピクセルの高さを設定するには "50" を入力します)。
- サポートされている支払/入金タイプ 値を GooglePay に設定します。 この値は、チャネルに設定されているコネクタで サポートされている支払/入金タイプ の文字列と一致している必要があります。
- 支払スタイルの上書きプロパティを使用して、CSS コード スタイルをモジュールに適用します。 サイト ビルダーの CSS 上書きとスタイルは、このプロパティによってこのモジュールには適用されません。 このスタイルは、支払いサービスによって表示される支払い iFrame 要素 内の内部ウィンドウのスタイルには影響しません。
- カスタム CSS クラス名を参照してこのモジュールに適用できます。 この値は、テーマ パックで定義されているクラス名にできます。 このスタイルは、支払いサービスによって表示される支払い iFrame 要素 内の内部ウィンドウのスタイルには影響しません。
- ページ内でやり取りするときに、顧客のビューの下に隠れるモジュールには、モジュールがビューにスクロールするときにレンダリングするプロパティを設定することをお勧めします。 設定すると、ページでビューポートに達すると、モジュールは顧客のクライアント デバイスに表示されます。 この設定は、ページ全体の初期読み込み時間を改善するのに役立ちます。
- オプション: チェックアウト エクスプレス支払コンテナ モジュールで、サイトのエクスプレス決済セクションに対する指示または開示情報を含むテキスト ブロック モジュールを追加します。 モジュールを追加した後、プロパティ ウィンドウでリッチ テキスト フィールドに必要なテキストを入力します。 テキスト ブロック スロットで省略記号 (...) を選択してテキストを決済エクスプレス モジュールの上または下に位置決めし、上へ移動または下へ移動を選択することができます。
- 保存を選択して変更を保存し、編集を終了するを 選択します。
- 公開 を選択して、ページを公開します。
ユーザーは、カートの決済エクスプレス スロットに最大で 3 つまでサポートされる決済エクスプレスを含めることができます (つまり、3 つの使用可能なサポートされる支払オプション)。
配送モード
Google Pay を使用する決済エクスプレス モジュールにより、Google Pal アカウントから選択した配送先住所に対して返される最初の配送オプションが事前に入力されます。 ユーザーは、必要に応じて配送先住所を別のオプションに変更することができます。
配送方法が決済エクスプレス モジュールに表示される順序は、Commerce Headquarters のチャネルの配送モード ページで構成されます。 Commerce Headquarters で、小売とコマース > チャネル > オンライン ストアに移動し、ストアの小売チャネル ID を選択します。 操作ウィンドウの設定タブで、配送モードを選択します。 一覧表示された配送モードは、決済エクスプレス モジュールと同じ順序で表示されます。 アクション ペインで 配送モードの管理 を選択し、小売チャンネルまたは製品の配送モードの追加または削除を行います。 配送モードを設定する方法の詳細については、配送モードの設定を参照してください。
チェックアウト モジュールでは、チェックアウト中に配送モードが表示される場合に、配送オプション モジュールも使用します。 詳細については、配送オプション モジュール を参照してください。
配送モードは、オンライン ストアの配送モードのリストに追加された場合に表示されます。
支払モジュールのチェックアウト支払セクションのオプションとして Google Pay を設定する
支払専用、非エクスプレス機能のチェックアウト支払セクションのオプションとして Google Pay を設定することができます。 チェックアウト フォームはユーザーによって入力され、Google Pay の支払ページは Google Pay による支払のチェックアウトの準備だけを行います。 入力したチェックアウトの詳細を上書きするために Google アカウントの情報が使用されることはありません。
紙幣
次の手順では、サイトが、集荷情報、出荷先住所、配送オプション、連絡先情報、オプションの条件、およびチェックアウト要素のセクションで構成されたチェックアウト フラグメントを使用するものとします。 既定のモジュール ライブラリのチェック アウト モジュールは、テキスト ブロック、ロイヤルティ ポイント、ギフト カード、および支払モジュールを含むチェックアウト セクション のコンテナーと共にリリースされます。 詳細については、支払モジュールを参照してください。
チェックアウト ページの支払方法セクションで通常の支払オプションとして Google Pay を設定するには、次の手順に従います。
- サイト ビルダーでフラグメントに移動し、サイトのチェックアウト フラグメントを選択します。
- 編集を選択します。
- チェックアウト情報スロットで、セクション コンテナーのチェックアウト、省略記号 (...)、モジュールの追加の順に選択します。
- モジュールの選択ダイアログ ボックスで 支払モジュールを選択して、OK を選択します。
- 右側の支払モジュールのプロパティ ウィンドウで、コンテナー モジュールのプロパティを設定します。
- [<
支払]: サイトの急行チェックアウトセクションに表示するヘッダーを入力します ("Google支払"など)。 - [高さ] iFrame : 値をピクセル単位で希望のデザインの高さに変更します (「75」など)。
- サポートされている支払/入金 : Googleの支払コネクタのコンフィギュレーションに一致する "GooglePay" Commerce headquarters。
- [基本支払] : このチェック ボックスはオフのままにします。 (このプロパティは、通常、Adyen チェックアウト モジュールに対して有効にされています。)
- 支払スタイルの : このプロパティは、Google支払コンフィギュレーションではサポートされていません。
- [コネクタIDを する: ページで複数の支払コネクタを使用する場合は、このプロパティを選択する必要があります。
- "ブラウザ セット言語コードを使用する iFrame : このプロパティは、Google Payコンフィギュレーションではサポートされていません。
- カスタム CSS クラス名を参照してこのモジュールに適用できます。 この値は、テーマ パックで定義されているクラス名にできます。 このスタイルは、支払いサービスによって提供される支払い iframe 内の内部ウィンドウのスタイルには影響しません。
- ページ内でやり取りするときに、顧客のビューの下に隠れるモジュールには、モジュールがビューにスクロールするときにレンダリングするプロパティを設定することをお勧めします。 設定すると、ページでビューポートに達すると、モジュールは顧客のクライアント デバイスに表示されます。 この設定は、ページ全体の初期読み込み時間を改善するのに役立ちます。
- [<
- 支払スロットで省略記号 (...) を選択してモジュールを他の支払モジュールの上または下に位置決めし、上へ移動または下へ移動を選択します。
- 保存を選択して変更を保存し、編集を終了するを 選択します。
- 公開を選択します。
サイト ビルダーの設定で Google Pay を構成する
Google Pay を使用するフラグメントまたはページを構成する前に、Commerce サイト ビルダーでサイトのコンテンツ セキュリティ ポリシー (CSP) が構成されていることを確認する必要があります。
コンテンツ セキュリティ ポリシーがサイト ビルダーで設定されていることを確認するには、次の手順に従います。
- サイトのサイト設定 > 拡張機能に移動します。
- コンテンツ セキュリティ ポリシー タブで、child-src、connect-src、frame-ancestors、frame-src、img-src、script-src、および style-src ディレクティブに
*.google.comの行を追加します。 - 完了したら、保存して公開を選択します。
さらに、サイトビルダーのサイト設定 > 拡張機能 > カートとチェックアウトで、単一支払い承認チェックアウトの有効化プロパティを選択する必要があります。
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 および プロセッサ支払 オプションに対して、目的のカード タイプ をマップ します。 マッピング手順は、Google支払方法のマップ セクション の手順と似 て表示されます。 POS では店舗に 対して構成されている 1 つのコネクタのみサポートのため、支払コネクタ マップは Adyen から返されるプロセッサ支払額に対して対応します。