如何在您的電子商務網站上設置 WooCommerce Apple Pay?

已發表: 2022-02-13

您的支付網關直接影響客戶的購買決定。 提供的付款方式越多,銷售額就越多。 在理想情況下,您會選擇一個對訪問者來說盡可能簡單的選項。 因此,您將消除公司與潛在銷售之間的障礙。 蘋果品牌因其高品質和安全性而越來越受歡迎。 整合您的在線商店可能會為您帶來更多好處。 為了充分利用這一趨勢,您應該將 Apple Pay 支付網關添加到您的 WooCommerce 商店。 這就是為什麼在本文中,我們將向您介紹 Apple Pay 支付的背景,並向您展示如何在您的電子商務網站上設置 WooCommerce Apple Pay 支付方式。

目錄
[顯示隱藏]
  1. 蘋果支付是什麼?
  2. Apple Pay 需要什麼?
  3. 如何設置 WooCommerce Apple Pay 支付選項?
    1. 第 1 步:為 WooCommerce 設置 Stripe
      1. #1st:安裝並激活 Stripe for WooCommerce 插件
      2. #2nd:在 WooCommerce 中啟用 Stripe
      3. #3rd:創建一個 Stripe 賬戶
      4. #4:獲取 Stripe API 密鑰
      5. #5th: Link Stripe 使用 API 密鑰
    2. 第 2 步:在 Stripe 中啟用 Apple Pay 付款
      1. #1:激活 WooCommerce Apple Pay 按鈕
      2. #2nd:WooCommerce Apple Pay 按鈕故障排除
    3. 第 3 步:測試 Apple Pay 是否正常工作
  4. 最後的想法,

蘋果支付是什麼?

Apple Pay 是一種數字錢包和移動支付系統,它為您增加了另一種從在線商店接收付款的方法。 與其他移動支付網關和匯款應用程序(如 Venmo、Amazon Pay 和 Google Pay)一樣,Apple Pay 系統為客戶提供了一種更簡單、更方便的支付方式,允許直接從他們的設備進行安全購買。

woocommerce-apple-pay-1

簡而言之,Apple Pay 的工作方式與信用卡類似,只是支付信息保存在用戶的設備(通常是手機)中,因此他們無需拿出信用卡進行面對面或在線支付。

Apple Pay 用戶連接他們的借記卡和信用卡,並將它們保存在 iPhone 上的 Wallet 應用程序中。 如果在線或實體店接受 Apple Pay,付款可以在幾秒鐘內處理完畢。

因此,Apple Pay 是您的客戶向您付款的另一種方式,因此無論您經營主要的 WooCommerce 商店還是附屬商店,在您的網站上提供該功能都至關重要。

Apple Pay 需要什麼?

對於那些想在您的 WooCommerce 商店中選擇 Apple Pay 付款方式的人,他們需要:

  • 使用 Safari 瀏覽器
  • 使用 Apple 設備(例如 iPhone、iPad、MacBook)
  • 在他們的設備上啟用 Apple Pay

對於希望在您的商店中接受 Apple Pay 付款方式的店主,除了 WordPress 網站之外,您還需要添加以下元素:

  • WooCommerce 插件可讓您的網站成為電子商務商店。
  • 用於 WooCommerce 插件的 Stripe 添加付款方式。
  • 一個條紋帳戶。

如何設置 WooCommerce Apple Pay 支付選項?

在本教程中,我們將確保您在 WordPress 網站上安裝了 WooCommerce 插件。 因此,要接受 Apple Pay 付款,您可以從以下步驟開始。

第 1 步:為 WooCommerce 設置 Stripe

有許多支持 Apple Pay 的插件,例如 Stripe WooCommerce、Authorize.net、Cyber​​Source、Moneris 和 Square 插件的支付插件。 在本文中,我將向您展示使用 Stripe for WooCommerce 在您的商店中設置 Apple Pay 支付,因為它提供了合理的套餐和直觀的設置過程。

#1st:安裝並激活 Stripe for WooCommerce 插件

在 WordPress 儀表板中,單擊Plugins > Add New ,搜索 Stripe for WooCommerce 插件。

woocommerce-apple-pay-2

然後,點擊立即安裝 > 激活

woocommerce-apple-pay-3
woocommerce-apple-pay-4

#2nd:在 WooCommerce 中啟用 Stripe

在您的 WordPress 儀表板中,單擊WooCommerce > 設置 > 付款

woocommerce-apple-pay-6

滾動到頁面底部以找到 Stripe Credit Cards 支付選項。 您可能會注意到標題中帶有 Stripe 的其他一些字段,但暫時忽略它們; 您必須首先啟用基本的 Stripe Credit Cards 功能。

打開條紋信用卡開關。 然後,根據為您顯示的按鈕,單擊設置或管理。

woocommerce-apple-pay-7

#3rd:創建一個 Stripe 賬戶

如果您還沒有 Stripe 帳戶,您現在應該創建一個 Stripe 帳戶。 為此,您需要一個企業帳戶來從 Stripe 獲取您的 API 密鑰。

woocommerce-apple-pay-8

您需要做的就是在公司網站上填寫所有必需的信息,包括您公司的名稱和銀行賬戶信息。

#4:獲取 Stripe API 密鑰

在這個階段,您應該獲得您的 Stripe 帳戶密鑰。 在 Stripe 儀表板中,單擊Developers > API keys

woocommerce-apple-pay-9

然後,您將能夠查看您的可發布密鑰和密鑰。 複製這些值。

woocommerce-apple-pay-10

之後,將這些值粘貼到 API 憑據部分。 保存更改

接下來,從 Stripe 儀表板中,單擊添加端點,在 WooCommerce 中復制 webhook 端點並將此值粘貼到 Stripe 中的端點 URL。

woocommerce-apple-pay-12

最後,複製 Stripe 中的 webhook secret 並將這個值粘貼到 WooCommerce 中。

woocommerce-apple-pay-13

然後,請記住單擊保存更改以更新 WooCommerce 中的所有內容。

#5th: Link Stripe 使用 API 密鑰

導航到新頁面上的API 設置部分。

woocommerce-apple-pay-14

如果您準備好接受付款,請將Mode更改為Live 。 如果沒有,請保持測試模式

Connect Stripe Account字段中,單擊Click to Connect按鈕。 這會將您帶到一個新頁面,您可以在其中登錄您的 Stripe 帳戶並將其連接到 WordPress。

WordPress 現在會將您帶到第三方連接頁面,如果您已登錄,該頁面會顯示您的 Stripe 帳戶。因此,如果 Stripe 提示您這樣做,您必須登錄您的帳戶。

登錄後,選擇要鏈接到 WooCommerce 商店的 Stripe 帳戶。

單擊連接按鈕。

woocommerce-apple-pay-15

您現在應該會看到一個綠色複選標記和一條消息,表明您的 Stripe 帳戶已成功連接。

這會生成一個 Publishable Key 和一個 Secret Key,然後將它們添加到 WordPress 儀表板中的相應字段中。

注意:Stripe API 部分還顯示相應的鍵。 這很重要,因為如果需要,您可以從 Stripe 儀表板獲取密鑰。 如果自動化過程失敗,它也是重新生成密鑰的好地方。

woocommerce-apple-pay-16

在 WooCommerce 付款頁面上向下滾動以單擊保存更改按鈕。

這可確保您的 Stripe 密鑰存儲在 WordPress 中並準備好進行付款處理。

woocommerce-apple-pay-17

第 2 步:在 Stripe 中啟用 Apple Pay 付款

#1:激活 WooCommerce Apple Pay 按鈕

目前,Stripe 與您的 WordPress 網站的集成允許在客戶完成商店的結帳流程時處理信用卡。

雖然這是添加 Apple Pay 按鈕的必要步驟,但仍有一些步驟需要完成。

woocommerce-apple-pay-18

現在,您需要確保您確實擁有該域。 通常,您必須將驗證文檔上傳到託管網站文件的一部分(它應該是apple-developer-merchantid-domain-association文件)。

woocommerce-apple-pay-15

但是,您幾乎不必手動執行此操作。 只需轉到Apple Pay部分,然後單擊註冊域按鈕。

woocommerce-apple-pay-16

之後,您應該會看到一條消息,說明域已成功註冊。

轉到 Stripe 儀表板並單擊設置 > 付款方式 > Apple Pay以確保一切正常。

woocommerce-apple-pay-17

您的域名應顯示在 Web 域列表中。

woocommerce-apple-pay-18

驗證域名後(自動或手動),您可以檢查 Apple Pay 支付網關是否運行良好。

當客戶通過配置了 Apple Pay 帳戶的移動設備訪問您的網站時,他們現在將在產品頁面或結帳頁面看到“使用 Apple Pay 購買”按鈕。

woocommerce-apple-pay-19

#2nd:WooCommerce Apple Pay 按鈕故障排除

如果您遇到錯誤或認為流程進展順利,但您的網站上仍未看到 Apple Pay 按鈕,請查看以下常見問題以解決您的問題:

  • 用戶未使用支持 Apple Pay 的移動設備。 如果用戶有 Apple Pay 帳戶,Apple Pay 只能在手機上使用。 因此,我們建議將信用卡鏈接到 iPhone 上的 Apple Pay 應用程序,以測試並查看按鈕在您自己的網站上的工作方式。
  • 該站點尚未上線 - 測試站點和實時站點的 API 密鑰是分別生成的。 如果您處於 Stripe 測試模式,Apple Pay 按鈕將不會出現,儘管 Stripe 會模擬交易。 你必須清醒。
  • 如果您在域前沒有 SSL 證書和“https://”(不是 http://),Stripe 會阻止支付功能(尤其是 Apple Pay)。 要啟用或安裝 SSL,您可以從不同選項中選擇任何 SSL,例如 Sectigo 通配符 SSL 證書(用於多個子域),用於支付詳細信息和其他在線數據安全。
  • Stripe for WooCommerce 插件無法自動生成 Stripe API 密鑰——儘管 Stripe for WooCommerce 插件通常可以解決問題,但您可能需要在 Stripe API 部分手動呈現它們。
  • 該插件無法確認所有權 - 如果是這種情況,請使用錯誤消息中提供的說明將驗證文件上傳到您的網站。

第 3 步:測試 Apple Pay 是否正常工作

完成所有操作後,您應該再次檢查 Apple Pay 支付選項,看看它是否在您的 WooCommerce 商店以及客戶的設備上完美運行。 為了獲得最佳結果,您應該:

  • 在智能手機和計算機上打開 Safari 瀏覽器。
  • 訪問您的網站並將您的一種產品放入您的購物車。
  • 您應該可以使用 Apple Pay 進行支付。 Apple Pay 是否未顯示在您的設備上?
  • 進入結帳頁面。

如果此過程順利,您可以相信它也可以在您客戶的設備上運行良好。 如果不是,請再次檢查所有步驟並修復任何錯誤步驟,直到獲得預期結果。

最後的想法,

WooCommerce Apple Pay 通過安全性、更多支付選項和更好的用戶體驗,肯定會讓您、店主和客戶受益。

將 WooCommerce Apple Pay 添加到您的網站是明智之舉。 對於有經驗的 WooCommerce 用戶來說,這個過程似乎很容易,但是對於初學者來說可能會很複雜。 希望本文能幫助您成功為您的 WooCommerce 商店設置 Apple Pay 支付網關。 如果您發現它很難開始,您應該聘請開發人員來幫助您處理它。