如何在您的電子商務網站上設置 WooCommerce Apple Pay?
已發表: 2022-02-13您的支付網關直接影響客戶的購買決定。 提供的付款方式越多,銷售額就越多。 在理想情況下,您會選擇一個對訪問者來說盡可能簡單的選項。 因此,您將消除公司與潛在銷售之間的障礙。 蘋果品牌因其高品質和安全性而越來越受歡迎。 整合您的在線商店可能會為您帶來更多好處。 為了充分利用這一趨勢,您應該將 Apple Pay 支付網關添加到您的 WooCommerce 商店。 這就是為什麼在本文中,我們將向您介紹 Apple Pay 支付的背景,並向您展示如何在您的電子商務網站上設置 WooCommerce Apple Pay 支付方式。
- 蘋果支付是什麼?
- Apple Pay 需要什麼?
- 如何設置 WooCommerce Apple Pay 支付選項?
- 第 1 步:為 WooCommerce 設置 Stripe
- #1st:安裝並激活 Stripe for WooCommerce 插件
- #2nd:在 WooCommerce 中啟用 Stripe
- #3rd:創建一個 Stripe 賬戶
- #4:獲取 Stripe API 密鑰
- #5th: Link Stripe 使用 API 密鑰
- 第 2 步:在 Stripe 中啟用 Apple Pay 付款
- #1:激活 WooCommerce Apple Pay 按鈕
- #2nd:WooCommerce Apple Pay 按鈕故障排除
- 第 3 步:測試 Apple Pay 是否正常工作
- 第 1 步:為 WooCommerce 設置 Stripe
- 最後的想法,
蘋果支付是什麼?
Apple Pay 是一種數字錢包和移動支付系統,它為您增加了另一種從在線商店接收付款的方法。 與其他移動支付網關和匯款應用程序(如 Venmo、Amazon Pay 和 Google Pay)一樣,Apple Pay 系統為客戶提供了一種更簡單、更方便的支付方式,允許直接從他們的設備進行安全購買。
簡而言之,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、CyberSource、Moneris 和 Square 插件的支付插件。 在本文中,我將向您展示使用 Stripe for WooCommerce 在您的商店中設置 Apple Pay 支付,因為它提供了合理的套餐和直觀的設置過程。
#1st:安裝並激活 Stripe for WooCommerce 插件
在 WordPress 儀表板中,單擊Plugins > Add New ,搜索 Stripe for WooCommerce 插件。
然後,點擊立即安裝 > 激活
#2nd:在 WooCommerce 中啟用 Stripe
在您的 WordPress 儀表板中,單擊WooCommerce > 設置 > 付款。
滾動到頁面底部以找到 Stripe Credit Cards 支付選項。 您可能會注意到標題中帶有 Stripe 的其他一些字段,但暫時忽略它們; 您必須首先啟用基本的 Stripe Credit Cards 功能。
打開條紋信用卡開關。 然後,根據為您顯示的按鈕,單擊設置或管理。
#3rd:創建一個 Stripe 賬戶
如果您還沒有 Stripe 帳戶,您現在應該創建一個 Stripe 帳戶。 為此,您需要一個企業帳戶來從 Stripe 獲取您的 API 密鑰。
您需要做的就是在公司網站上填寫所有必需的信息,包括您公司的名稱和銀行賬戶信息。
#4:獲取 Stripe API 密鑰
在這個階段,您應該獲得您的 Stripe 帳戶密鑰。 在 Stripe 儀表板中,單擊Developers > API keys 。
然後,您將能夠查看您的可發布密鑰和密鑰。 複製這些值。
之後,將這些值粘貼到 API 憑據部分。 保存更改。
接下來,從 Stripe 儀表板中,單擊添加端點,在 WooCommerce 中復制 webhook 端點並將此值粘貼到 Stripe 中的端點 URL。
最後,複製 Stripe 中的 webhook secret 並將這個值粘貼到 WooCommerce 中。
然後,請記住單擊保存更改以更新 WooCommerce 中的所有內容。
#5th: Link Stripe 使用 API 密鑰
導航到新頁面上的API 設置部分。
如果您準備好接受付款,請將Mode更改為Live 。 如果沒有,請保持測試模式。
在Connect Stripe Account字段中,單擊Click to Connect按鈕。 這會將您帶到一個新頁面,您可以在其中登錄您的 Stripe 帳戶並將其連接到 WordPress。
WordPress 現在會將您帶到第三方連接頁面,如果您已登錄,該頁面會顯示您的 Stripe 帳戶。因此,如果 Stripe 提示您這樣做,您必須登錄您的帳戶。
登錄後,選擇要鏈接到 WooCommerce 商店的 Stripe 帳戶。
單擊連接按鈕。
您現在應該會看到一個綠色複選標記和一條消息,表明您的 Stripe 帳戶已成功連接。
這會生成一個 Publishable Key 和一個 Secret Key,然後將它們添加到 WordPress 儀表板中的相應字段中。
注意:Stripe API 部分還顯示相應的鍵。 這很重要,因為如果需要,您可以從 Stripe 儀表板獲取密鑰。 如果自動化過程失敗,它也是重新生成密鑰的好地方。
在 WooCommerce 付款頁面上向下滾動以單擊保存更改按鈕。
這可確保您的 Stripe 密鑰存儲在 WordPress 中並準備好進行付款處理。
第 2 步:在 Stripe 中啟用 Apple Pay 付款
#1:激活 WooCommerce Apple Pay 按鈕
目前,Stripe 與您的 WordPress 網站的集成允許在客戶完成商店的結帳流程時處理信用卡。
雖然這是添加 Apple Pay 按鈕的必要步驟,但仍有一些步驟需要完成。
現在,您需要確保您確實擁有該域。 通常,您必須將驗證文檔上傳到託管網站文件的一部分(它應該是apple-developer-merchantid-domain-association文件)。
但是,您幾乎不必手動執行此操作。 只需轉到Apple Pay部分,然後單擊註冊域按鈕。
之後,您應該會看到一條消息,說明域已成功註冊。
轉到 Stripe 儀表板並單擊設置 > 付款方式 > Apple Pay以確保一切正常。
您的域名應顯示在 Web 域列表中。
驗證域名後(自動或手動),您可以檢查 Apple Pay 支付網關是否運行良好。
當客戶通過配置了 Apple Pay 帳戶的移動設備訪問您的網站時,他們現在將在產品頁面或結帳頁面看到“使用 Apple Pay 購買”按鈕。
#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 支付網關。 如果您發現它很難開始,您應該聘請開發人員來幫助您處理它。