如何將 Stripe 添加到 WooCommerce – 初學者指南

已發表: 2022-08-19

為您的 WooCommerce 網站設置正確的支付網關是讓您的電子商務業務起步的關鍵一步。 既然您已經決定使用 Stripe，我們將幫助您入門。

要將Stripe 添加到 WooCommerce 網站，您需要激活插件並將其連接到您的 Stripe 帳戶。 在本文中，我們將指導您了解如何為 WooCommerce 設置條帶，並介紹有關 Stripe 的一些關鍵事項。

TL;DR： Stripe 因其高安全性和多種可接受的付款方式而廣受歡迎。 通過這個易於理解的指南將條帶集成到 WooCommerce。 但是，在您開始之前，我們建議您使用 BlogVault 備份您的網站，這樣您就不會冒失去迄今為止在您的網站上取得的任何進展的風險。

目錄隱藏
1將 Stripe 添加到 WooCommerce 的要求
2創建一個條紋帳戶
3如何將條紋添加到 WooCommerce？
3.1 WooCommerce 條紋支付網關
3.2 Stripe WooCommerce 的支付插件
3.3 WooCommerce 支付
4選擇正確的插件將 Stripe 設置為 WooCommerce
5為什麼要使用 Stripe？
5.1安全
5.2隱私
5.3定價
5.4付款
6最後的想法
7常見問題
7.1如何使用 Checkout 插件設置 Google Pay 或 Apple Pay？
7.2 WooCommerce 的最佳支付網關是什麼？
7.3什麼是網絡鉤子？
7.4什麼是 API 密鑰？

將 Stripe 添加到 WooCommerce 的要求

在開始使用 WooCommerce 設置條帶之前，我們建議您考慮一些事項。

  • 選擇正確的插件： WooCommerce 的 Stripe 集成插件有很多選項。 每種都有其優勢，您選擇哪一種很大程度上取決於它們提供的功能。 例如，WooCommerce Stripe 支付網關需要訂閱插件的擴展，非常適合銷售服裝或配飾的企業。
  • 添加 SSL 證書：確保您擁有 SSL 證書。 SSL 證書對連接進行加密，我們建議您無論如何都要獲得證書。
  • 需要WooCommerce 2.2 及更高版本： Stripe 僅處理 WooCommerce 2.2 及更高版本的退款，因此請確保您的網站是最新的。 使您的站點保持最新還具有更好的安全性和更少的錯誤的額外好處，因此我們建議您無論如何都要這樣做。

創建一個條紋帳戶

在將 Stripe 集成到您的 WooCommerce 網站之前，您需要創建一個 Stripe 帳戶。 設置 Stripe 帳戶是一個相當直觀的過程。 此過程因國家/地區而異，但您可以按照我們在下面提到的步驟進行操作。

  1. 創建帳戶：轉到 Stripe 網站並單擊立即開始。 這將引導您進入一個頁面，您可以在其中填寫您的電子郵件和全名，選擇國家，並創建一個強密碼。 完成後單擊創建帳戶。
  2. 驗證您的電子郵件地址：轉到您的電子郵件帳戶，然後單擊驗證電子郵件地址按鈕。
  3. 激活付款：返回 Stripe 帳戶並單擊激活付款。 此步驟是您接受付款所必需的。 因此，雖然它是可跳過的，但我們建議您繼續點擊它。 以下步驟將引導您完成激活付款。
  4. 添加企業基礎知識：系統會要求您提供註冊企業地址、企業類型和企業結構（如果不是個體企業）
  5. 添加企業詳細信息：填寫您的法定企業名稱或 LLC 名稱、雇主識別號碼以及註冊企業地址和電話號碼。 此外，選擇適合您業務的行業類型。 添加其他詳細信息，例如商業網站和產品描述。
  6. 添加業務代表的詳細信息：填寫貴公司聯繫人的詳細信息。
  7. 添加企業所有者：如果它適合您的公司，請同時填寫這些詳細信息。
  8. 選擇履行詳情：選擇您的客戶接收/使用您的產品或服務需要多長時間。
  9. 添加報表描述符：這將顯示在您的客戶將收到的報表中。 所以，保持它易於識別。 本節有字數限制。
  10. 輸入銀行詳細信息：您可以手動輸入，也可以選擇您的銀行並按照說明操作。
  11. 啟用兩步驗證：您可以選擇使用 SMS 或驗證器應用程序。
  12. 啟用銷售稅計算：此步驟是可選的。 但它確實有助於簡化稅收。
  13. 填寫附加信息：填寫下一頁所需的任何其他信息。 這可能會有所不同，具體取決於最後幾個步驟中填寫的內容。 完成後，單擊提交。 您現在已全部完成並準備好接收付款。

如何將條紋添加到 WooCommerce？

現在您已經創建了一個 Stripe 帳戶，您可以將其與您的 WooCommerce 網站集成。 雖然有許多插件可供選擇，但我們選擇了三個插件來指導您如何將條帶添加到 WooCommerce：

  • WooCommerce 條紋支付網關
  • Stripe WooCommerce 的支付插件
  • WooCommerce 付款

WooCommerce 條紋支付網關

WooCommerce 的此插件可供全球 37 個國家/地區的賣家使用，並且經常將更多國家/地區添加到列表中。 它因其廣泛的接受付款方式而受到青睞。 對於訂閱，您需要安裝 WooCommerce 訂閱擴展。 如果這是您選擇的支付插件，讓我們開始將 Stripe 連接到 WooCommerce。

  1. 激活 WooCommerce Stripe 支付網關

    單擊左側菜單中的插件，然後單擊添加新的。 在搜索字段中，查找“WooCommerce Stripe 支付網關”。 單擊安裝並激活。
  2. 連接到您的 Stripe 帳戶

    導航到您的 WooCommerce 儀表板並轉到付款選項卡。 切換到Stripe（信用卡） ，當頁面加載時，登錄到您的 Stripe 帳戶。 完成後，您將被重定向回您的網站。
  3. 啟用測試模式

    返回 WP 儀表板，將鼠標懸停在左側的 WooCommerce 徽標上，然後單擊設置。 轉到付款選項卡，然後單擊條紋（信用卡）。 單擊設置選項卡。 在常規部分中，單擊編輯帳戶密鑰。 在彈出窗口中，單擊測試選項卡。
  4. 配置測試 API 密鑰

    切換到 Stripe 網站，點擊右上角的 Developers。 接下來，切換右上角的測試模式。 在左側的菜單中，選擇 API Keys 選項卡。 複製可發布密鑰和密鑰。 返回 WordPress 管理站點並將鏈接粘貼到測試可發布密鑰和測試密鑰字段中。
  5. 配置測試 webhook

    在您的 WP 管理儀表板上，前往 Stripe 設置頁面。 複製提供的 Webhook 端點 URL。 在您的 Stripe 開發人員儀表板上，轉到 Webhooks 頁面並單擊+ 添加端點。 將端點 URL 粘貼到端點 URL 字段中。

  1. 選擇事件

    從下面顯示的列表中選擇您需要的事件。 如果出現，請選擇最新的 API 版本。 如果沒有，請繼續並在完成後單擊添加端點。 Stripe 建議您至少選擇以下事件。
    • source.chargeable
    • 來源.取消
    • 充電成功
    • 充電失敗
    • 電荷捕獲
    • Charge.dispute.created
    • Charge.dispute.close
    • 收費退還
    • 評論.打開
    • 審查關閉
    • payment_intent.succeeded
    • payment_intent.payment_failed
    • payment_intent.amount_capturable_updated
    • payment_intent.requires_action
    • setup_intent.succeeded
    • setup_intent.setup_failed
  2. 測試支付網關

    雖然您可以使用自己的詳細信息對其進行測試。 我們建議您使用 Stripe 提供的測試憑證。
  3. 禁用測試模式

    要禁用測試模式，請單擊步驟 3 中所示的編輯帳戶密鑰。單擊實時選項卡。 返回 Stripe 帳戶並關閉測試模式。 然後復制並粘貼 Live API 密鑰。 對 webhook 也執行相同的過程並選擇事件。

  1. 再檢查一遍

    我們建議您仔細檢查API 密鑰和 webhook。 然後，您就可以接收付款了。

Stripe WooCommerce 的支付插件

Stripe WooCommerce 的支付插件是 WooCommerce Stripe 支付網關的絕佳替代品。 它是由 Stripe 提供支持的眾多插件之一，它支持 WooCommerce 訂閱、WooCommerce 預購、WooCommerce 塊，並且在某些國家/地區，它還支持分期付款結構。 要將 Stripe 與 WooCommerce 集成，請按照以下步驟開始：

  1. 安裝和激活：

    在插件目錄中，查找 Stripe WooCommerce 的支付插件。 單擊安裝並激活。
  2. 啟用測試模式：

    單擊激活將引導您進入插件的儀表板。 單擊設置並確保模式設置為測試。 接下來，切換到 Stripe 站點並打開測試模式。

  1. 配置測試 API 密鑰：

    單擊連接到 Stripe 並登錄到您的 Stripe 帳戶。 這將自動連接到您的測試 API 密鑰和 webhook。
  1. 測試支付網關：

    您現在可以測試客戶的結帳和付款流程。 禁用測試模式。
  2. 添加 webhook 網址

    從插件的儀表板複製 webhook URL。 切換到 Stripe 開發者儀表板並單擊+ 添加端點。 將其粘貼到端點 URL 字段中。
  3. 選擇事件

    從下面的列表中選擇您想要的所有事件。 完成後，選擇最新的 API 版本（如果顯示），然後單擊添加端點。 根據 Stripe，您需要的最低要求是：
    • source.chargeable
    • 來源.取消
    • 充電成功
    • 充電失敗
    • 電荷捕獲
    • Charge.dispute.created
    • Charge.dispute.close
    • 收費退還
    • 評論.打開
    • 審查關閉
    • payment_intent.succeeded
    • payment_intent.payment_failed
    • payment_intent.amount_capturable_updated
    • payment_intent.requires_action
    • setup_intent.succeeded
    • setup_intent.setup_failed


  1. 複製簽名秘密：

    單擊Add Endpoint後，您將被重定向回儀表板。 在表中，單擊“顯示”以顯示簽名密鑰。 複製此內容並將其粘貼到 WP 管理儀表板上的 Webhook Secret 字段中。 您現在可以接收付款了。


注意：如果在測試模式下添加了 webhook，請禁用測試模式並重複相同的過程。 確保您在 Stripe 和 WooCommerce 上都處於實時模式。

WooCommerce 付款

WooCommerce Payments 是 Automattic 的一個插件，但與 Stripe 有內置的合作關係。 因此，它允許您在 WooCommerce 儀表板上管理所有與交易和付款相關的事情。 您現在不再需要登錄 Stripe 來解決爭議和監控您的交易。 一切都在一個地方。 要開始，請按照我們在下面提到的步驟操作。

  1. 安裝並激活

    轉到 WordPress 儀表板並將鼠標懸停在插件選項卡上。 單擊添加新並在插件目錄中搜索 WooCommerce Payments。 安裝並激活插件。
  2. 設置 WooCommerce 支付

    您將被重定向到 WooCommerce 付款頁面。 單擊完成設置。 您需要選擇正確的電子郵件 ID 並讓您的站點連接。 下次使用您的 Stripe 帳戶登錄。 現在一切就緒。 這會將您重定向回 WordPress 儀表板。 您甚至可以使用左側的標籤查看您的交易歷史、爭議、存款等。
  3. 啟用測試模式

    登錄後，您可以選中測試模式下方的複選框。 您現在進行的任何交易都將處於測試模式。
  4. 禁用測試模式

    完成測試後，您可以取消選中“測試模式”選項附近的複選框以關閉測試模式。 設置終於完成，您可以接收付款了。

選擇正確的插件將 Stripe 設置為 WooCommerce

成本、管理能力、接受的支付選項和功能是您在選擇正確的支付網關插件以配置到 WooCommerce 時絕對應該考慮的幾個因素。

費用：在這種情況下，所有三個插件都是免費的，但對於 WooCommerce Stripe 支付網關和 Stripe WooCommerce 支付插件，擴展需要額外付費。

管理交易： WooCommerce Payments 在您的管理面板上提供了一個儀表板，您可以在其中管理所有內容。 其他兩個插件要求您使用 Stripe 儀表板。

接受的支付方式： WooCommerce Stripe 支付網關接受三種支付方式中最多的一種，不僅是主要的信用卡和支付方式，還有適用於桌面用戶的 Diner's Club、支付寶和微軟支付。

特點： Stripe WooCommerce 和 WooCommerce 支付插件 Stripe Payment Gateway 要求您安裝訂閱等功能的擴展。

為什麼要使用 Stripe？

安全

Stripe 已通過最嚴格的合規審核員的審核，並被認證為 PCI 1 級服務提供商。 所有敏感數據和通信都經過加密，並且所有服務都需要 TLS 或 SSL 安全性。 您可以放心，您的數據和客戶的數據使用 Stripe 是安全可靠的。

此外，我們建議使用像 MalCare 這樣的安全插件來保護您的網站，該插件提供惡意軟件掃描程序、最先進的防火牆以及快速簡便的惡意軟件清理。 有關 WooCommerce 安全性的更多提示，我們建議您閱讀我們深入探討該主題的文章。

隱私

Stripe 收集政府 ID 和銀行詳細信息等信息以進行驗證。 此外，當客戶從您的網站購買商品時，Stripe 會收集個人數據，例如姓名、年齡（如果您銷售有年齡限制的產品）、運輸詳細信息、銀行詳細信息、交易歷史等。Stripe 將這些客戶詳細信息用於欺詐檢測服務或將它們發送給客戶授權的企業主，用於廣告、付款等。

價錢

Stripe 因其統一的處理費定價結構而廣受歡迎。 需要注意的一些關鍵點是：

  • 沒有設置費用或常規費用。
  • 在美國，現收現付/交易費用為2.9% + 30 美分的卡交易和 2.7% + 5 美分的面對面付款方式。 國際卡額外收取 1% 的費用，以及額外1% 的轉換費用。 費用也因國家、支付類型和銀行而異。
  • 根據您用於集成 Stripe 的插件、您使用的擴展程序或您想要添加的產品，可能會產生額外費用。 例如，Stripe Radar 是一種防欺詐產品，每筆篩選交易的費用為 7 美分（如果您的標准定價為 2.9% + 30 美分，則為 2 美分）。

付款

付款週期因國家/地區和您所在地區的風險級別而異（高風險地區可能有 14 天的周期）。 即時付款已在部分國家/地區推出。 當您使用 Stripe 設置賬戶時，會創建賬戶餘額。 交易完成後，費用被扣除，剩​​餘金額出現在您的未結餘額中。 一個支付週期完成後，累計餘額變為可用餘額。

最後的想法

設置 Stripe 帳戶可以輕而易舉地與各種支付插件集成。 它還具有提供多種支付選項、高安全性和即用即付支付結構的額外好處。

至於選擇哪個插件，我們推薦 WooCommerce Payments，因為它可以在一個地方管理您的整個網站。

但在您安裝您選擇的支付網關之前，我們建議您使用 BlogVault 備份您的網站。 這是一個快速簡便的插件，可以自動備份您的網站。 話雖如此，我們祝您在 WooCommerce 網站上好運。

經常問的問題

如何使用 Checkout 插件設置 Google Pay 或 Apple Pay？

設置 Google Pay 或 Apple Pay 需要一個名為 Checkout Plugins 的單獨插件

  • 在您的插件目錄中找到該插件。
  • 安裝並激活後，將插件連接到您的 Stripe 帳戶。
  • 您將被重定向到啟用網關的頁面，打開 Stripe Card，然後選擇啟用網關。
  • 跳過啟用快速結帳和 webhook 的選項。
  • 單擊讓我們自定義按鈕，您將被重定向回 WooCommerce 中的 WordPress 儀表板。
  • 單擊“快速結帳”選項卡並選中復選框以啟用它。
  • 自定義快速結帳按鈕及其在您網站上的顯示位置。
  • 選擇保存更改，一切順利。
  • 如果客戶使用 Apple 設備購買您的產品，該選項將是 Apply Pay。 否則，它將是一個 Google Pay 按鈕。

WooCommerce 的最佳支付網關是什麼？

WooCommerce Payments、Paypal Zettle、Amazon Pay、PayFast、Authorize.net 和 Square 是一些最受歡迎的支付網關。 我們有一篇深入的文章深入探討了 WooCommce 支付網關列表，並將幫助您找到最合適的。

什麼是網絡鉤子？

Webhook 是 Web 應用程序相互通信的一種方式。 它通過自定義回調改變 Web 應用程序的行為。 簡而言之，當事件發生時，它將信息和數據從一個應用程序發送到另一個應用程序。 例如，如果您有一個charge.failed 作為您已激活的事件，那麼當收費失敗時，Stripe 會告訴您的 WooCommerce 網站。

什麼是 API 密鑰？

API 代表應用程序編程接口。 API 密鑰是由 Web 應用程序生成的代碼。 它標識正在嘗試訪問站點的用戶或開發人員。