付款模組
本文涵蓋付款模組並解釋如何在 Microsoft Dynamics 365 Commerce 中設定它。
警告
目前不建議在執行修訂付款服務指示 (PSD2) 要求的地區使用 PayPal 和 Google Pay 快速付款行為 的 Dynamics 365 Commerce 模式。 Commerce 付款模組快速付款模式在獲得使用者訂單的交貨地址後,會計算 Commerce 結帳頁面上的最終訂單價格。 PSD2 建議使用者在數位錢包的驗證視窗內查看完整的訂單總價。 Commerce 將追蹤未來的工作來更新 PayPal 和 Google Pay 模組行為,以在選取運送地址時更新錢包付款窗口中的訂單詳細資訊,以支援快速流程。
付款模組允許客戶使用信用卡或簽帳金融卡支付訂單。 此模組的付款整合由 Adyen 的 Dynamics 365 付款連接器提供。 有關如何設定和配置付款連接器的詳細資訊,請參閱 Adyen 的 Dynamics 365 付款連接器。
自 Commerce 版本 10.0.14 起,付款模組與 PayPal 的 Dynamics 365 付款連接器整合,允許客戶使用 PayPal 支付訂單。 有關如何設定和配置 PayPal 的 Dynamics 365 付款連接器的詳細資訊,請參閱 PayPal 的 Dynamics 365 付款連接器。
適用於 Adyen 的 Dynamics 365 Payment Connector
付款模組在 HTML 內嵌框架 (iframe) 元素中託管透過 Adyen 提供的付款資訊。 支付模組與 Commerce Scale Unit 互動以檢索 Adyen 支付資訊。 作為 Commerce Scale Unit 互動的一部分,支付模組可以允許帳單地址資訊透過 Adyen 在 iframe 元素中或作為單獨模組提供。 在 Fabrikam 主題中,帳單位址會作為單獨模組啟用。 這種方法允許更大的格式彈性,因為地址行可以呈現為類似運送地址的行。
付款模組還允許登入的客戶儲存他們的付款資訊。 付款資訊和帳單地址透過 Adyen 付款連接器儲存和管理。
付款模組包含任何尚未被酬賓點數或禮品卡涵蓋的訂單費用。 如果訂單總額完全由酬賓點數或禮品卡支付,則付款模組將被隱藏,客戶無需使用付款模組即可下訂單。
Adyen 連接器也支援嚴格客戶驗證 (SCA) 歐盟 (EU) 修訂付款服務指令 (PSD2) 中的一部分要求線上購物者在使用電子付款方式時,需在其線上購物體驗之外進行驗證。 在結帳流程中,客戶被重新導向到他們的銀行網站,然後在驗證後,他們被重新導回 Commerce 結帳流程。 在此重新導向期間,客戶在結帳流程中輸入的資訊 (例如運送地址、交貨選項、禮品卡資訊和酬賓方案資訊) 將保留。 在您開啟 Adyen 付款連接器功能之前,必須在 Commerce headquarters 為 SCA 設定付款連接器。 如需詳細資訊,請參閱使用 Adyen 進行嚴格客戶驗證。 此功能在 Commerce 版本 10.0.12 中啟用。
附註
對於 Adyen 付款連接器,只有將 Adyen URL 新增至您網站的允許清單中時,才能呈現付款模組中的 iframe 元素。 若要完成此步驟,請將 *.adyen.com 新增至 您網站內容安全性原則的 child-src、connect-src、img-src、script-src 和 style-src 指令。 如需詳細資訊,請參閱管理內容安全性原則。
下圖顯示了結帳頁面上的禮品卡、酬賓點數和 Adyen 付款模組的範例。
適用於 PayPal 的 Dynamics 365 Payment Connector
自 Commerce 版本 10.0.14 起,付款模組也和 PayPal 的 Dynamics 365 付款連接器整合。 有關如何設定和配置此付款連接器的詳細資訊,請參閱 PayPal 的 Dynamics 365 付款連接器。
在結帳頁面上,您可以設定 Adyen 和 PayPal 連接器。 付款模組具有幫助識別它應該使用哪個連接器的屬性。 如需詳細資訊,請參閱下表中的 Supported tender types 和 Is primary payment 模組屬性。
當付款模組設定為使用 PayPal 付款連接器時,結帳頁面上會出現 PayPal 按鈕。 當客戶呼叫時,付款模組會呈現一個包含 PayPal 資訊的 iframe 元素。 客戶可以登入並在此 iframe 元素中提供其 PayPal 資訊以完成交易。 當客戶選擇使用 PayPal 付款時,訂單的剩餘餘額將透過 PayPal 收取。
PayPal 付款連接器不需要帳單地址模組,因為 PayPal 在其 iframe 元素中處理所有帳單相關資訊。 但是,運送地址和交貨選項模組是必要的。
下圖顯示結帳頁面上兩個付款模組的範例,一個設定了 Adyen 付款連接器,另一個則設定了 PayPal 付款連接器。
下圖顯示了使用 PayPal 按鈕調用的 PayPal iframe 元素的範例。
付款模組屬性
屬性名稱 | 值 | 說明 |
---|---|---|
標題 | 標題文字 | 付款模組的可選標題。 |
iframe 元素的高度 | 像素 | iframe 元素的高度 (以像素表示) 高度可以根據需要進行調整。 |
顯示帳單地址 | True 或 False | 如果該屬性設為 True,則帳單地址由付款模組 iframe 元素中的 Adyen 提供。 如果設為 False,則帳單地址不是由 Adyen 提供,您必須設定一個模組才能在結帳頁面上顯示帳單地址。 此欄位對 PayPal 付款連接器沒有影響,因為帳單地址由 PayPal 處理。 |
付款樣式覆寫 | 階層式樣式表 (CSS) 程式碼 | 由於付款模組是託管在 iframe 元素中,因此樣式功能受到限制。 您可以使用此屬性來完成一些樣式。 若要覆寫網站樣式,您必須貼上 CSS 程式碼作為該屬性的值。 網站建立器 CSS 覆寫和樣式不適用於此模組。 |
支援的投標類型 | 字串 | 如果設定了多個付款連接器,您應提供 Commerce headquarters 付款連接器設定中定義的受支援投標類型字串 (請參閱下圖)。 如果為空,則預設為 Adyen 付款連接器。 在 Commerce 版本 10.0.14 中新增。 |
是主要付款 | True 或 False | 如果是 True,則任何錯誤訊息均由結帳頁面上的主要付款連接器產生。 如果同時設定了 Adyen 和 PayPal 付款連接器,請將 Adyen 設為 True。 |
使用連接器識別碼 | True 或 False | 如果為網站設定了多個付款連接器,請使用此屬性。 如果是 True,則連接器必須使用連接器識別碼進行付款關聯。 |
使用 iframe 元素的瀏覽器設定語言程式碼 | True 或 False | (僅限 Adyen) 如果是 True,則 Adyen iframe 元素會根據網站使用者的瀏覽器上下文呈現語言,而不是使用為網站設定的 Commerce 管道語言程式碼。 |
下圖顯示 Supported Tender Types 的值在Commerce headquarters 的付款連接器設定中,設為「PayPal」的範例。
帳單地址
如果 Adyen 付款連接器帳單地址行與網站其餘部分的外觀不相配,則可以在結帳頁面上使用帳單地址模組。
若要在付款模組與 Adyen 付款連接器整合時,在結帳頁面上使用帳單地址模組,請將顯示帳單地址屬性設定為 False 以便可以使用專用帳單位址模組來取代預設的 Adyen 帳單位址。 在這種情況下,網站作者應在結帳頁面上包含帳單地址模組。 Adyen 付款連接器還允許使用運送地址作為帳單地址,以最大限度地減少網站使用者的步驟數。
Supported tender types 屬性會出現在帳單地址模組中。 此屬性的值應與付款模組中提供的值相同,以確保它們協同工作。 對於 Adyen 付款連接器,付款模組和帳單位址模組都應將此值留空 (預設狀態)。 對於 PayPal 連接器,不需要專用的帳單位址模組。 對於其他類型的付款連接器,應按照 Commerce headquarters 中的設定提供字串。
將付款模組新增至結帳頁面並設定所需的屬性
付款模組只能新增到結帳模組。 有關如何為結帳頁面設定付款模組的詳細資訊,請參閱結帳模組。
當 Adyen 和 PayPal 付款連接器都使用時,請兩者都設定
如果您的網站要使用 Adyen 和 PayPal 付款連接器,請依照 Commerce 網站建立器中的下列步驟,將每個連接器的付款模組新增至結帳模組,然後設定每個模組的屬性。
在 PayPal 付款模組的屬性窗格中,執行下列步驟:
- 在 Supported tender types 屬性欄位中,輸入 PayPal。
- 清除 Is primary payment 屬性的核取方塊。
- 選取 Use connector ID 屬性的核取方塊。
在 Adyen 付款模組的屬性窗格中,執行下列步驟:
- 將 Supported tender types 屬性欄位留空。
- 選取 Is primary payment 屬性的核取方塊。
- 選取 Use connector ID 屬性的核取方塊。
附註
當您將 Adyen 和 PayPal 連接器設定為一起使用時,在 Commerce headquarters 中 Adyen 的 Dynamics 365 Payment Connector 設定必須位於線上管道的付款帳戶連接器設定的第一個位置。 若要確認或變更連接器訂單,請移至線上商店,然後選取適合您網站的管道。 然後,在 設定索引標籤的付款帳戶 FastTab 上,在連接器底下,請確定 Adyen 的 Dynamics 365 付款連接器設定位於第一個位置 (即頂行),而 PayPal 的 Dynamics 365 付款連接器設定位於第二行。 根據需要新增或移除連接器以重新排序。