WooCommerce Stripe 教程:簡單的集成指南

憑藉透明的交易費用、多種安全產品以及與大多數電子商務平台的輕鬆集成,將 Stripe 視為WooCommerce支付處理器是有意義的WooCommerce Stripe 門戶確保您能夠通過您的在線商店接受安全付款,同時還為您的客戶提供獨特的選擇,例如定期計費、訂閱和替代付款方式,包括 Apple Pay 和 Google Pay。

在本文中,我們將引導您完成正確集成 WooCommerce 和 Stripe 所需採取的步驟。我們還將介紹一些要配置的基本設置,以及需要記住的事項,這些事項可能會影響您決定是否使用 Stripe。

看看下面的指南!

如何設置 WooCommerce Stripe 支付網關

除了託管 和標準 WordPress 安裝之外,您還必須擁有以下免費元素才能集成 Stripe 和 WooCommerce:

  • WooCommerce 插件
  • WooCommerce 插件的條紋
  • 條紋帳戶

想要將#WooCommerce 與 #Stripe 集成?這是怎麼做的💳

點擊推文

 

安裝 WooCommerce 並配置正確的設置

首先,您必須擁有一個自託管的 WordPress 網站,並在該網站上安裝了 WooCommerce。

您可能已經準備好使用 WooCommerce 網站了!如果是,請跳過本節。

如果沒有,您的下一步是使用 WooCommerce 將您的基本 WordPress 網站轉變為在線商店。

要獲得最有效的 WooCommerce 安裝,請遵循以下指南:

擁有可啟動的 WooCommerce 商店並不是先決條件,但您至少需要創建一些產品頁面、處理您網站的設計,並設置運費和稅收計算功能。這樣,您就可以快速安裝 Stripe 以運行準確的測試付款。

創建一個條紋帳戶

如果您不創建實際的 Stripe 帳戶,安裝 Stripe 插件將毫無用處。Stripe 帳戶提供唯一的商家編號,以及旨在改善您與客戶開展業務的方式的統計數據、報告、餘額和強大的支付處理工具。您甚至可以從 Stripe 帳戶發送發票。

現在,我們有興趣創建一個帳戶以獲取其 API 密鑰,這是將 WooCommerce 插件與 Stripe 鏈接所必需的。此外,將您的銀行詳細信息添加到 Stripe 帳戶以接收最終通過的任何付款是明智的。

首先,請訪問 Stripe 網站並單擊「立即開始」按鈕。

立即開始-1

這會將您帶到帳戶創建頁面,您可以在其中輸入電子郵件地址、全名和所在國家/地區。然後,您需要創建一個強密碼,以便其他人無法訪問您的財務狀況。

之後,單擊「創建帳戶」按鈕。

create-account-on-stripe-1

Stripe 帳戶設置嚮導將指導您完成其餘的過程,您可以在其中輸入地址、銀行帳戶信息等業務詳細信息。

請務必準確填寫該信息,以確保付款通過您的銀行賬戶。

畢竟,您應該最終進入 Stripe 儀錶板。

這是一個用於管理所有付款、檢查總銷量以及處理從付款到餘額和客戶到報告的所有內容的中心。

破折號-45-1

恭喜,您現在擁有一個 Stripe 帳戶;讓我們使用該帳戶來確保與 WooCommerce 的順利集成!

安裝並激活「Stripe for WooCommerce」插件

有很多方法可以將 Stripe 與 WooCommerce 集成。您可以將 API 傳遞給開發人員,並讓他們使用自定義編碼來處理它。然而,安裝 WordPress 插件要容易得多,因為不需要編碼;幾乎任何人都可以了解如何安裝和激活 WordPress 插件。

但是,您還需要為工作選擇最佳的 Stripe 插件。在本文的後面,我將解釋一些需要考慮的最佳插件。我個人覺得名字怪異的「Stripe WooCommerce 的支付插件」插件最有意義。


Stripe WooCommerce 的支付插件Stripe WooCommerce 的支付插件

 

作者:支付插件,support@paymentplugins.com

當前版本:3.3.11

最後更新:2021 年 10 月 11 日

woo-stripe-payment.3.3.11.zip


100% 評分
80,000+

安裝


3.0.1Requires

「Stripe WooCommerce 的支付插件」插件允許與自動 API 連接立即連接(也可以手動複製和粘貼所需的密鑰)。此外,它還為替代支付選項、本地支付訂閱和預訂提供解決方案。

因此,首先在您的 WordPress 網站上安裝「Stripe WooCommerce 付款插件」插件。您可以通過從 WordPress 儀錶板轉到插件 → 添加新,然後按名稱搜索插件來完成此操作。如果您需要任何幫助,請使用我們關於如何安裝 WordPress 插件的指南

當您在 WordPress 中找到正確的插件時,單擊立即安裝。

請務必單擊「激活」按鈕以完成該過程。

激活-1

「Stripe WooCommerce 的支付插件」插件現已安裝並準備好在您的儀錶板上使用。

將您的 Stripe 帳戶鏈接到網站

準備好 Stripe 帳戶和插件後,是時候將它們鏈接在一起了。這可以通過登錄您的帳戶或通過從該帳戶傳輸 API 憑據來自動創建連接來處理。

您現在應該在 WordPress 菜單中看到一個 Stripe Gateway 按鈕。這是您剛剛安裝的插件。

單擊該按鈕並選擇「設置」選項。

-settings-4-1

設置菜單項直接將您發送到 WooCommerce 的 API 設置。如果您更願意走長路,該頁面位於 WooCommerce → 設置 → 付款 → API 設置下。

帶到了 api-1

運行 WooCommerce Stripe 網關時需要考慮兩種模式:測試模式和實時模式。

正如您可能已經假設的那樣,測試模式允許您在沒有處理真實信用卡的情況下運行測試交易。實時模式是您準備好接受客戶的真實付款時打開的模式。

現在,將其保留在測試模式。

要在 WooCommerce 和 Stripe 之間進行集成,請找到 Connect Stripe Account 欄位。

按「單擊以連接」按鈕。

點擊連接-1

這應該會打開一個新頁面,將您帶到您當前的 Stripe 帳戶或可能要求您登錄,具體取決於您之前是否保持登錄狀態。

如果您有多個 Stripe 帳戶,請為該電子商務商店選擇一個然後,點擊連接按鈕。

選擇並連接 1

然後,您將重新路由回 WordPress 儀錶板,在您之前看到的 API 設置中。

然而,您應該看到填寫的帳戶 ID、可發布密鑰和秘密密鑰,而不是空欄位。

這些是 WooCommerce 和 Stripe 相互通信所需的元素。

注意:當您切換到實時模式時,您將不得不再次運行此過程,看看這些 API 憑據如何僅用於測試模式。

一切都好-1

雖然看起來一切正常,但您可能想知道付款是否會真正通過。

這就是為什麼他們有連接測試按鈕。

隨意單擊它以運行連接測試並收到一條驗證消息,表明 Stripe 實際上已鏈接到 WooCommerce。

完成所有操作後,單擊「保存更改」按鈕。

saves-changes-1

在我的測試中,在安裝了「Stripe WooCommerce 的支付網關」插件後,Stripe 信用卡支付方式通常會被默認檢查。但是,如果您在顯示 Stripe 模塊時遇到問題,則可能需要通過轉到 WooCommerce → 設置 → 付款來將其打開。

激活 Stripe 信用卡付款方式的啟用開關。

付款條帶 1

您還應該單擊 Stripe Credit Cards 選項以查看其詳細設置。確保選中「啟用」欄位的框。

enable-everything-1

此部分對於配置其他設置也很重要。例如,您可以決定刪除或添加一些接受的付款方式,甚至更改信用卡表單布局。

只需確保完成後單擊「保存更改」按鈕即可。

savwe-changes-1

要運行實際測試(除了儀錶板內的連接測試按鈕),請轉到您網站的前端,將一些產品添加到購物車,然後在支付門戶中輸入測試卡號。Stripe在他們的網站上有一個包含測試卡號的完整資源

它看起來像什麼 1

成功的測試應顯示您為 WooCommerce 設置的任何訂單確認,以及訂單號、日期、總價、電子郵件地址和使用的付款方式等信息。

完成訂單 1

這裡的所有都是它的!當您準備好進行真實銷售時,請不要忘記切換到實時模式。

需要考慮的方便的 WooCommerce Stripe 設置

請記住,您可能已經在 WooCommerce 上安裝了信用卡處理器。事實上,許多 WooCommerce 安裝已經配備了默認的 WooCommerce Payments 信用卡處理器。

不幸的是,擁有兩個活動處理器可能會導致您的站點出現問題或向客戶顯示兩個信用卡欄位,這兩種情況都不是理想的情況。

因此,請確保您轉到 WooCommerce → 設置 → 付款以查看插件中哪些處理器處於活動狀態。

例如,WooCommerce Payments 方法在我完成本教程時也處於活動狀態,導致前端出現多個信用卡欄位。

取消選中 WooCommerce Payments 以及可能不是 Stripe Credit Cards 方法的任何其他付款。

remove-other-ones-1-1

但是,如果您想接受普通信用卡以外的其他付款方式怎麼辦?在線和零售消費者都更頻繁地使用移動錢包,因此將其視為可行的支付方式是有道理的。

如果您選擇激活 Apple Pay或 Google Pay 之類的東西,它們會作為自己的單獨按鈕列出,通常位於信用卡欄位的上方或下方,供人們選擇是否願意。

幸運的是,我們剛剛安裝的 Stripe 插件已經提供了打開和接受這些替代支付方式的功能。

轉到 WooCommerce → 設置 → 付款 → Stripe 信用卡。

您必須單獨配置每一個。例如,您可以選擇 Apple Pay 選項卡,然後標記已啟用複選框。Google Pay 也必須這樣做。您還需要為每個人提供一些獨特的憑據,例如 Google Pay 的商家 ID。

其他方法-1

您還應該瀏覽主付款菜單,以確保您所需的付款方式全部切換為已啟用,使它們在您的網站上處於活動狀態。我們顯然希望啟用 Stripe Credit Cards 方法,但這也是您打開其他選項(如 PayPal)的地方。

明智的做法是在前端通過測試交易來試驗這些支付方式中的每一種。

替代方法-s-1-1

集成 WooCommerce 和 Stripe 的其他方法

有時默認的 Stripe 插件不足以滿足您的在線商店的需求。也許您的業務需要更高級的支付控制,或者您可能需要專門為數字支付設計的東西。無論您的情況如何,我們都建議您閱讀有關最佳 Stripe WordPress 插件的指南,以了解您有多種選擇。

例如,如果您需要獨特的結賬定製工具或與 AffiliateWP 的集成,您可以考慮使用WP Simple Pay 插件或者,如果您只銷售數字商品,則可以查看Easy Digital Downloads Stripe Pro Payment Gateway

還值得查看由 WooCommerce 開發的標準Stripe 插件雖然它的評分不如我們在教程中強調的「支付插件」選項高,但它仍然是一個簡單、直觀的插件,許多人覺得它更容易使用。

關於使用 WooCommerce 和 Stripe 的要點

Stripe 和 WooCommerce 在初始配置、與 WordPress 的集成以及支付處理的流動性方面運行良好。總體而言,您的客戶在此過程中不應注意到任何問題,您的商家帳戶應該會收到相當快的付款。

但是,關於 Stripe 有一些基本的事情需要記住:

  • 集成 WooCommerce Stripe 門戶的標準交易費用為 2.9% + 0.30 美元。大批量企業可以協商並嘗試定製折扣。
  • 雖然沒有月費、設置費或隱藏費用,但您應該留意國際卡 (+1%)、貨幣兌換 (+1%)、ACH 借記和轉賬(0.8%,上限為 5 美元)的額外費用) 和拒付(每次爭議 15 美元)。
  • 大多數其他 Stripe 產品,例如 POS 終端 TK、讀卡器、身份驗證和欺詐檢測,都有自己的額外費用。
  • 儘管 Stripe 使您看起來像是自動被接受,但事實並非如此。初始付款會保留數天,有時會在您收到第一筆付款後 7 到 30 天不等。這主要是因為 Stripe 仍在測試您是否是合格的商家(具有足夠的付款歷史和良好的信用)。
  • Stripe 接受所有主要的信用卡/借記卡和替代方法,如 Google Pay、Apple Pay 和 Microsoft Pay,所有這些都需要您配置其他設置。
  • 費用和付款方式因營業地點而異。例如,歐洲客戶支持 iDEAL、SOFORT 和 Klarna,而亞太客戶可以使用支付寶、GrabPay 和中國銀聯。
  • 儘管這取決於您所在的國家/地區,但所有存入您銀行賬戶的資金大約需要 2-7 個日曆日。美國的時間範圍是兩天,但如果有假期,您可能會看到延遲。

綜上所述

設置 WooCommerce Stripe 支付網關只需要一些免費工具和設置區域中的一些配置。之後,Stripe 會向您發送有關付款的通知,並在幾天內將錢存入您想要的銀行賬戶。

總的來說,我喜歡 Stripe,因為它易於使用、交易費用透明,並且接受多種支付方式,包括不太標準的支付方式,如 Google Pay 和 Apple Pay。

如果您對本文或如何集成 WooCommerce 和 Stripe 有任何疑問,請在評論部分告訴我們!

相關文章