次の方法で共有


支払モジュール

注記

Dynamics 365 Commerce の小売関連グループは、Yammer から Viva Engage に移行しました。 新しいViva Engage コミュニティにアクセスできない場合は、追加するフォーム (https://aka.ms/JoinD365commerceVivaEngageCommunity) に入力し、最新のディスカッションに参加してください。

この記事では、支払いモジュールについて説明し、Microsoft Dynamics 365 Commerce で構成する方法について説明します。

警告

PayPalと Google Pay Express の支払い動作のDynamics 365 Commerceパターンは、現在、改訂された支払いサービス ディレクティブ (PSD2) 要件を適用するリージョンには推奨されていません。 コマース支払モジュールのエクスプレス支払いパターンでは、ユーザーの注文の配送先住所を取得したときに、コマース チェックアウト ページで最終的な注文価格を計算します。 PSD2 では、ユーザーがデジタル ウォレットの認証ウィンドウ内で全注文の合計価格を表示することを推奨しています。 Commerce は、配送先住所が選択されたときにウォレット決済ウィンドウで注文詳細を更新することにより、エクスプレス フローをサポートするために PayPal と Google Pay モジュールの動作を更新する今後の作業を追跡します。

支払モジュールにより、顧客はクレジット カードやデビット カードを使用して注文の支払を行うことができます。 adyen 用の Dynamics 365 Payment Connector は、このモジュールの支払い統合を提供します。 支払いコネクタを設定および構成する方法の詳細については、「Adyen の支払いコネクタDynamics 365を参照してください。

Commerce リリース 10.0.14 以降、支払いモジュールは Dynamics 365 Payment Connector for PayPal と統合され、顧客はPayPalを使用して注文の支払いを行うことができます。 PayPalのDynamics 365支払コネクタを設定および構成する方法の詳細については、「Dynamics 365 Payment Connector for PayPalを参照してください。

Dynamics 365 Payment Connector for Adyen

支払いモジュールは、Adyen が HTML インライン フレーム (iframe) 要素で提供する支払い情報をホストします。 支払モジュールは、Commerce Scale Unit とやり取りして、Adyen 支払情報を取得します。 Commerce Scale Unit のやり取りの一部として、支払いモジュールは、請求先住所情報を Adyen 経由または別のモジュールとして iFrame 要素で提供することができます。 Fabrikam テーマでは、請求先住所が別のモジュールとして有効化されます。 この方法を使用すると、住所の行を出荷先住所の行と類似したものに表示することができるので、書式設定上の柔軟性が高まります。

支払モジュールでは、顧客は支払情報を保存することもできます。 Adyen 支払コネクタは、支払い情報と請求先住所を保存および管理します。

支払モジュールは、ロイヤルティ ポイントまたはギフトカードで既にカバーされていない注文費用を対象とします。 注文の合計がロイヤルティ ポイントまたはギフト カード クレジットで完全にカバーされている場合、支払いモジュールは非表示になり、顧客はそれなしで注文を行うことができます。

Adyen 支払いコネクタは強力な顧客認証 (SCA) もサポートします。 欧州連合 (EU) 改訂決済サービス指令 (PSD2) の一部では、オンラインで買い物をする人は電子決済方法で決済する場合、自分たちのオンライン ショッピング体験以外で認証を受けることを義務付けています。 チェックアウト フローの間、顧客は銀行サイトにリダイレクトされ、認証後に Commerce のチェックアウト フローにリダイレクトされます。 このリダイレクトでは、顧客がチェックアウト フロー中に入力した情報 (たとえば、出荷先住所、配送オプション、ギフト カード情報、ロイヤルティ情報など) が維持されます。 Adyen 支払コネクタ機能を有効にするには、コマース本社で SCA の支払コネクタを構成する必要があります。 詳細については、Adyen を使用した強力な顧客認証 を参照してください。 この機能は、Commerce リリース 10.0.12 で有効になりました。

注記

Adyen 支払いコネクタの場合、支払いモジュールの iframe 要素は、サイトの許可リストに Adyen URL を追加した場合にのみレンダリングできます。 この手順を完了するには、*.adyen.com をサイトのコンテンツ セキュリティ ポリシーの child-src、connect-src、img-src、script-src、style-src の各ディレクティブに追加します。 詳細については、コンテンツ セキュリティ ポリシーの管理 を参照してください。

次の図は、チェックアウト ページのギフト カード、ロイヤルティ ポイント、Adyen 支払モジュールの例を示しています。

チェックアウト ページのギフト カード、ロイヤルティ、Adyen 支払いモジュールのスクリーンショット。

Dynamics 365 Payment Connector for PayPal

Commerce リリース 10.0.14 以降、支払いモジュールは PayPal 用の Dynamics 365 Payment Connector と統合されます。 この支払いコネクタを設定および構成する方法の詳細については、「Dynamics 365 Payment Connector for PayPalを参照してください。

チェックアウト ページでは、Adyen と PayPal コネクタの両方を構成できます。 支払いモジュールには、使用するコネクタを識別するのに役立つプロパティがあります。 詳細については、次の表の サポートされている支払 / 入金タイプ および 基本支払い モジュールのプロパティを参照してください。

PayPal支払コネクタを使用するように支払いモジュールを構成すると、チェックアウト ページに PayPal ボタンが表示されます。 顧客がボタンを選択すると、支払いモジュールによって、PayPal情報を含む iframe 要素がレンダリングされます。 顧客はサインインして、この iFrame 要素に PayPal 情報を提供することで、トランザクションを完了できます。 顧客がPayPalを使用して支払うことを選択した場合、注文の残高はPayPal経由で課金されます。

PayPal 支払いコネクタには、PayPal がすべての請求書関連情報をその iFrame 要素内で処理するため、請求先住所モジュールは必要ありません。 ただし、送付先住所と配送オプションの各モジュールが必要です。

次の図は、チェックアウト ページにある 2 つの支払モジュール (Adyen コネクタと PayPal 支払コネクタで構成された支払方法の例) を示しています。 チェックアウト ページの Adyen の支払いとPayPalモジュールのスクリーンショット。

次の図は、PayPal ボタンを使用して呼び出される PayPal iframe 要素の例を示しています。 チェックアウト ページPayPal iframe 要素のスクリーンショット。

支払モジュールのプロパティ

プロパティ名 説明
ヘッダー ヘッダー テキスト 支払いモジュールのオプション ヘッダー。
iframe 要素の高さ ピクセル ピクセル単位での iframe 要素の高さ。 高さは必要に応じて調整できます。
請求先住所の表示 True または False このプロパティを True に設定すると、Adyen は支払いモジュールの iframe 要素内の請求先住所を提供します。 False に設定した場合、Adyen は請求先住所を提供しないため、チェックアウト ページに請求先住所を表示するようにモジュールを構成する必要があります。 請求先住所は PayPal によって処理されるため、このフィールドは PayPal 支払いコネクタには影響しません。
支払スタイルの上書き カスケード スタイル シート (CSS) コード 支払いモジュールは iframe 要素でホストされるため、スタイル機能は制限されます。 このプロパティを使用すると、何らかのスタイルを実現できます。 サイト スタイルをオーバーライドするには、CSS コードをこのプロパティの値として貼り付ける必要があります。 このモジュールには、サイトビルダーのCSS上書きやスタイルは適用されません。
サポートされている決済方法 文字列 複数の支払コネクタを構成する場合は、コマース本社支払コネクタの構成で定義されているサポートされている入札の種類の文字列を指定します (次の図を参照)。 このフィールドを空白のままにすると、Adyen 支払コネクタが既定値になります。 Commerce リリース 10.0.14 に追加されました。
主要な支払い True または False True の場合、すべてのエラー メッセージは、チェックアウト ページの基本支払いコネクタから生成されます。 Adyen と PayPal の両方の支払いコネクタを構成する場合、Adyen を True に設定します。
コネクタ ID を使用する True または False サイトに対して複数の支払いコネクタを構成する場合は、このプロパティを使用します。 True の場合、コネクタはコネクタ ID を支払相関関係に使用する必要があります。
iframe 要素に対してブラウザー設定の言語コードを使用する True または False (Adyen のみ) True の場合、Adyen iframe 要素はサイトに対して構成された Commerce チャンネルの言語コードを使用するのではなく、サイト ユーザーのブラウザー コンテキストに基づいて言語を表示します。

請求先住所

Adyen 支払いコネクタの請求先住所行がサイトの残りの部分の外観と十分に一致しない場合は、チェックアウト ページで請求先住所モジュールを使用します。

支払モジュールが Adyen 支払コネクタに統合されているときに、チェックアウト ページで請求先住所モジュールを使用するには、請求先住所の表示プロパティを False に設定します。これは、請求先住所モジュールを既定の Adyen 請求先住所の代わりに使用できるようにするためです。 この場合、サイトの作成者は、チェックアウト ページに請求先住所モジュールを含める必要があります。 Adyen 支払コネクタを使用すると、配送先住所を請求先住所として使用して、サイト ユーザーの手順の数を最小限にすることもできます。

請求先住所モジュールには、 サポートされている入札タイプ プロパティがあります。 このプロパティを支払いモジュールと同じ値に設定して、それらが連携していることを確認します。 Adyen 支払コネクタの場合、支払モジュールと請求先住所モジュールの両方でこの値を空白のままにしておく必要があります (既定の状態)。 PayPal コネクタの場合、専用の請求先住所モジュールは必要ありません。 その他のタイプの支払コネクタの場合は、その文字列を Commerce headquarters でコンフィギュレーションされているものとして指定する必要があります。

チェックアウト ページに支払い モジュールを追加して、必要なプロパティを設定する

チェックアウトモジュールにのみ支払いモジュールを追加します。 チェックアウト ページの支払いモジュールを設定する方法の詳細は、チェックアウトモジュールについて参照してください。

Adyen と PayPal の支払コネクタを構成する (両方を使用する場合)

サイトの Adyen と PayPal 支払いコネクタの両方を使用する場合は、コマース サイト ビルダーの次の手順に従います。 チェックアウト モジュールに各コネクタの支払いモジュールを追加し、各モジュールのプロパティを構成します。

  1. PayPal 支払モジュールのプロパティ ウィンドウで、次の手順に従います。

    1. サポートされている支払/入金タイプ プロパティのフィールドに、PayPal と入力します。
    2. 基本支払 プロパティのチェック ボックスをオフにします。
    3. コネクタ ID を使用 プロパティ のチェック ボックスを オンにします。
  2. Adyen 支払モジュールのプロパティ ウィンドウで、次の手順に従います。

    1. サポートされている決済手段プロパティのフィールドを空欄にしてください。
    2. 基本支払 プロパティのチェック ボックスを選択します。
    3. コネクタ ID を使用 プロパティ のチェック ボックスを オンにします。

注記

Adyen コネクタと PayPal コネクタを一緒に使用するように構成する場合、Dynamics 365 Payment Connector for Adyen 構成は、Commerce 本社のオンライン チャネルの Payment アカウント コネクタ構成の最初の位置にある必要があります。 コネクタの注文を確認または変更するには、オンライン ストア に移動 し、サイトのチャンネルを選択します。 次に、 [設定] タブで、 Payment accounts クイック タブの Connector で、Dynamics 365 Payment Connector for Adyen 構成が最初の位置 (つまり、上の行) にあることを確認します。 Dynamics 365 Payment Connector for PayPal 構成が 2 行目に配置されていること。 コネクタを再発注するために必要に応じて、コネクタを追加または削除します。

追加リソース

買い物カゴ モジュール

カート アイコン モジュール

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

出荷先住所モジュール

配送オプション モジュール

集荷情報モジュール

注文詳細のモジュール

ギフト カード モジュール

Dynamics 365 Payment Connector for Adyen

Dynamics 365 Payment Connector for PayPal

Adyen を使用した強力な顧客認証(SCA)