如何在 WordPress 網(wǎng)站上測(cè)試 Stripe Payments 功能

大家如果還沒(méi)有 Stripe 賬戶(hù),建議先創(chuàng)建一個(gè)。Stripe 是一個(gè)支付處理解決方案,而每種方法中討論的插件都是實(shí)際的電子商務(wù)解決方案(不僅僅是用于測(cè)試)。

每種方法都提供了“測(cè)試模式”,但它不會(huì)隱藏支付選項(xiàng)對(duì)訪客的展示。所以,需要確保在整個(gè)網(wǎng)站上線前進(jìn)行這些測(cè)試。或者,如果網(wǎng)站已經(jīng)正常上線運(yùn)營(yíng)了,可以先在一個(gè)臨時(shí)站點(diǎn)上測(cè)試 Stripe。

圖片[1]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

方法 1:在 WooCommerce 中測(cè)試 Stripe 支付

Stripe 是接受信用卡支付的最受歡迎支付網(wǎng)關(guān)之一,特別適用于用 WooCommerce 建的電商網(wǎng)站。如果經(jīng)營(yíng)的是 WooCommerce 商店,那么這個(gè)方法非常適合。

WooCommerce 商店設(shè)置完成并準(zhǔn)備好后,要安裝并激活 Stripe Payment Gateway for WooCommerce 插件。

圖片[2]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

設(shè)置 Stripe 支付

1. 激活插件
激活插件后,在插件頁(yè)面點(diǎn)擊 “Start Onboarding Wizard” 按鈕,啟動(dòng) FunnelKit 設(shè)置向?qū)А?/p>

圖片[3]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

2. 連接 Stripe 賬戶(hù)
在設(shè)置向?qū)е校c(diǎn)擊 “Connect with Stripe” 按鈕,將現(xiàn)有的 Stripe 賬戶(hù)與 WooCommerce 連接。

圖片[4]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

3. 登錄 Stripe
輸入與 Stripe 賬戶(hù)關(guān)聯(lián)的電子郵件地址和密碼,然后點(diǎn)擊 “Log in” 按鈕繼續(xù)。

圖片[5]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

4. 選擇要連接的 Stripe 賬戶(hù)
如果用相同的電子郵件地址創(chuàng)建了多個(gè) Stripe 賬戶(hù),選擇要與插件連接的賬戶(hù),然后點(diǎn)擊 “Connect” 按鈕。

圖片[6]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

5. 激活支付方式
在下一頁(yè)面中,會(huì)看到可以在商店中啟用的支付方式,包括 卡支付、SEPA 直接借記、iDEAL 等。選擇需要的支付方式,然后點(diǎn)擊 “Save and Continue” 按鈕。

圖片[7]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

6. 設(shè)置 Webhooks
設(shè)置好支付方式后,插件會(huì)要求設(shè)置 Webhooks。

7. 選擇測(cè)試模式
然后,插件會(huì)詢(xún)問(wèn)你是否希望使用 “測(cè)試模式” 還是 “實(shí)際模式”。選擇 “測(cè)試” 選項(xiàng)并點(diǎn)擊 “Save and Review Settings” 按鈕。

圖片[8]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

8. 啟用 Stripe 作為支付網(wǎng)關(guān)
接下來(lái),轉(zhuǎn)到 WooCommerce 設(shè)置中的 “Stripe 設(shè)置” 頁(yè)面。勾選 “Enable Stripe Gateway” 選項(xiàng),并為支付系統(tǒng)添加標(biāo)題和描述。

圖片[9]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

9. 添加接受的信用卡類(lèi)型
向下滾動(dòng)并輸入計(jì)劃在商店中接受的信用卡類(lèi)型,最后點(diǎn)擊 “Save changes” 按鈕保存設(shè)置。

圖片[10]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

10. 測(cè)試 Stripe 支付
現(xiàn)在,去 WooCommerce 商店并打開(kāi)結(jié)賬頁(yè)面。會(huì)看到 Stripe 已作為支付選項(xiàng)被添加,并且會(huì)顯示一個(gè)提示消息,提示當(dāng)前已啟用測(cè)試模式??梢杂锰崾鞠⒅械?測(cè)試卡信息,包括未來(lái)的到期日期和 CVV 代碼,進(jìn)行測(cè)試支付。

圖片[11]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

11. 查看 Stripe 測(cè)試支付記錄
完成一些模擬購(gòu)買(mǎi)后,可以通過(guò)訪問(wèn) Stripe 儀表盤(pán) 并點(diǎn)擊 “Payments” 標(biāo)簽來(lái)檢查 Stripe 是否收取了付款。在這里,可以找到所有通過(guò)測(cè)試模式處理的支付詳情。

圖片[12]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

12. 切換到實(shí)際模式
如果所有測(cè)試支付都已成功處理,返回 WordPress 儀表盤(pán)中的 “Stripe 設(shè)置” 頁(yè)面。在 “模式” 下拉菜單中選擇 “Live” 選項(xiàng),開(kāi)始接受真正的 Stripe 支付。

圖片[13]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

方法 2:數(shù)字產(chǎn)品測(cè)試 Stripe 支付

如果用 WordPress 銷(xiāo)售數(shù)字產(chǎn)品用 Stripe 收款,我們推薦用 Easy Digital Downloads (EDD) 插件。

圖片[14]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

可以通過(guò)它銷(xiāo)售諸如電子書(shū)、插件、PDF 文件等數(shù)字產(chǎn)品。此外,EDD 內(nèi)置了 Stripe 集成功能,可以在網(wǎng)站上線之前,測(cè)試 Stripe 支付。

設(shè)置 Easy Digital Downloads 插件

1. 安裝并激活 EDD 插件
首先,要安裝并激活 Easy Digital Downloads 插件。

注意:EDD 提供免費(fèi)版可以用。但是,升級(jí)到 專(zhuān)業(yè)版 后,才能用更多功能,如高級(jí)報(bào)告、下載限制、定期付款等。

2. 啟用測(cè)試模式
激活插件后,前往 WordPress 后臺(tái)的 Downloads ? 設(shè)置 ? 支付 頁(yè)面,勾選 “測(cè)試模式” 選項(xiàng)。

3. 選擇 Stripe 作為支付選項(xiàng)
然后,在 “Active Gateways” 部分選擇 Stripe 作為支付選項(xiàng)。

圖片[15]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

4. 連接 Stripe 賬戶(hù)
接下來(lái),切換到 “Stripe” 標(biāo)簽頁(yè),點(diǎn)擊 “Connect with Stripe” 按鈕。
會(huì)打開(kāi)設(shè)置向?qū)?,要求將現(xiàn)有的 Stripe 賬戶(hù) 與 EDD 連接。成功連接后,點(diǎn)擊 “Save Changes” 按鈕保存設(shè)置。

圖片[16]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

5. 添加數(shù)字產(chǎn)品
訪問(wèn) “Downloads” 頁(yè)面,點(diǎn)擊 “Add New” 按鈕,打開(kāi)區(qū)塊編輯器,可以為商店添加一個(gè)數(shù)字產(chǎn)品。最后,點(diǎn)擊 “Publish” 按鈕將產(chǎn)品發(fā)布上線。

圖片[17]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

6. 測(cè)試 Stripe 支付
現(xiàn)在,訪問(wèn)網(wǎng)站的商店并進(jìn)入結(jié)賬頁(yè)面。
Stripe 已經(jīng)設(shè)置為支付網(wǎng)關(guān),并且處于測(cè)試模式。只需輸入下面 測(cè)試卡信息 并點(diǎn)擊 “Purchase” 按鈕來(lái)測(cè)試支付流程:

圖片[18]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

7. 查看測(cè)試支付
如果交易成功,會(huì)進(jìn)入購(gòu)買(mǎi)確認(rèn)頁(yè)面,查看購(gòu)買(mǎi)的詳細(xì)信息,如 “訂單狀態(tài)”“支付方式”。

圖片[19]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

8. 檢查 Stripe 中的測(cè)試支付
也可以直接從 Stripe 儀表盤(pán) 檢查測(cè)試支付。在 Stripe 儀表盤(pán)中的 “Payments” 頁(yè)面查看所有測(cè)試支付的詳情。

圖片[20]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

9. 將支付系統(tǒng)切換到實(shí)際模式
測(cè)試完成后,返回 Downloads ? 設(shè)置 ? 支付 頁(yè)面,取消勾選 “測(cè)試模式” 選項(xiàng),將 Stripe 支付系統(tǒng)切換到實(shí)際模式。最后,確保點(diǎn)擊 “Save Changes” 按鈕保存設(shè)置。

圖片[21]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

方法 3:在 WordPress 支付表單中測(cè)試 Stripe 支付

如果要在 WordPress 支付表單上測(cè)試 Stripe 支付,特別是如果在銷(xiāo)售訂閱、服務(wù)或一些產(chǎn)品時(shí),比較有用。

第一步:安裝并激活 WP Simple Pay 插件

首先,需要安裝并激活 WP Simple Pay 插件。

第二步:設(shè)置插件

1. 激活插件后,屏幕上會(huì)彈出設(shè)置向?qū)?。點(diǎn)擊 “Let’s Get Started” 按鈕開(kāi)始設(shè)置。

圖片[22]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

2. 輸入許可證密鑰
在接下來(lái)的步驟中,輸入插件的許可證密鑰??梢栽?WP Simple Pay 網(wǎng)站上的賬戶(hù)中找到這些信息。

圖片[23]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

3. 連接 Stripe 賬戶(hù)
點(diǎn)擊 “Connect with Stripe” 按鈕,將你的 Stripe 賬戶(hù)與插件連接。

圖片[24]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

4. 配置電子郵件通知
成功連接 Stripe 后,插件會(huì)要求你配置電子郵件通知??梢詥⒂媒邮罩Ц妒論?jù)、即將到期發(fā)票和支付通知的選項(xiàng),并輸入用來(lái)接收這些通知的電子郵件地址。

圖片[25]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

    第三步:創(chuàng)建支付表單

    1. 在 WordPress 儀表盤(pán)中,前往 WP Simple Pay ? Payment Forms 頁(yè)面,點(diǎn)擊 “Create Your Payment Form” 按鈕。

    2. 選擇模板
    進(jìn)入 “Select a template” 頁(yè)面,選擇適合的模板,例如 “Payment Form” 模板。

    圖片[26]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

    3. 添加表單標(biāo)題和描述

    圖片[27]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

    選擇模板后,會(huì)進(jìn)入 “Add New Payment Form” 頁(yè)面,添加表單標(biāo)題和描述。

    圖片[28]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

    4. 設(shè)置支付模式
    轉(zhuǎn)到 “Payments” 標(biāo)簽,選擇 “Test Mode” 作為支付模式,這樣可以在 WordPress 網(wǎng)站上測(cè)試 Stripe 支付。

    圖片[29]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

    5. 設(shè)置稅費(fèi)收取
    “Tax Collection” 部分,從下拉菜單中選擇合適自己的稅費(fèi)收取方式。

      第四步:發(fā)布支付表單并測(cè)試支付

      1. 完成設(shè)置后,在前端發(fā)布表單,頁(yè)面底部會(huì)顯示 “test mode” 字樣,表示可以測(cè)試 Stripe 支付。

      圖片[30]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

      2. 用測(cè)試卡信息進(jìn)行支付:

      • 卡號(hào):4242 4242 4242 4242
      • 到期日期:任意未來(lái)日期
      • CVC:任意三位數(shù)字
      這些信息來(lái)自 Stripe 官方文檔,可以在安全環(huán)境中測(cè)試支付,而不進(jìn)行真實(shí)交易。

      3. 完成支付后,前往 Stripe 儀表盤(pán),點(diǎn)擊 “Payments” 標(biāo)簽,查看是否成功處支付了。

      圖片[31]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

        第五步:切換到實(shí)時(shí)模式

        1. 測(cè)試完成后,返回 WP Simple Pay ? Payment Forms 頁(yè)面,點(diǎn)擊剛剛發(fā)布的表單下的 “Edit” 鏈接。

        圖片[32]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

        2. 在表單構(gòu)建器中切換到 “Payments” 標(biāo)簽,選擇 “Live Mode” 作為支付模式,點(diǎn)擊 “Update” 按鈕保存更改。

        圖片[33]-如何在 WordPress 中測(cè)試 Stripe 支付:WooCommerce、EDD 和支付表單測(cè)試方法

        3. 現(xiàn)在,網(wǎng)站支付表單將開(kāi)始接受真實(shí)的 Stripe 支付。

          通過(guò)這些步驟,就可以在 WordPress 中成功測(cè)試并啟用 Stripe 支付功能。


          聯(lián)系我們
          教程看不懂?聯(lián)系我們?yōu)槟赓M(fèi)解答!免費(fèi)助力個(gè)人,小企站點(diǎn)!
          客服微信
          客服微信
          電話(huà):020-2206-9892
          QQ咨詢(xún):1025174874
          郵件:info@361sale.com
          工作時(shí)間:周一至周五,9:30-18:30,節(jié)假日休息
          ? 轉(zhuǎn)載聲明
          本文作者:Banner1
          THE END
          喜歡就支持一下吧
          點(diǎn)贊74 分享
          評(píng)論 搶沙發(fā)

          請(qǐng)登錄后發(fā)表評(píng)論

            暫無(wú)評(píng)論內(nèi)容