如何將 Stripe 支付集成到 WordPress

Stripe 是一種流行且功能強大的支付網(wǎng)關(guān),支持多種支付方式,適合跨境支付和多種業(yè)務(wù)場景。將 Stripe 集成到 WordPress 網(wǎng)站,可以幫助站長快速實現(xiàn)在線支付功能。下面是詳細(xì)的步驟,從安裝插件到配置支付功能,幫助你們順利完成 Stripe 集成。

圖片[1]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程

準(zhǔn)備工作

在開始之前,要做好下面這些準(zhǔn)備工作:

1. 有 Stripe 賬戶

  • 沒有的話,就去 Stripe 官網(wǎng) 注冊一個賬戶。
  • 在賬戶后臺獲取 API Key(包含發(fā)布密鑰私密密鑰),用于與 WordPress 網(wǎng)站連接。

2. 安裝好 WordPress

  • 確保 WordPress 網(wǎng)站已經(jīng)正常運行,可以安裝插件。

安裝WordPress具體詳情,可以參閱我們文章:

新手也能快速上手:阿里云+寶塔面板打造WordPress網(wǎng)站全攻略

在騰訊云上使用1Panel手動安裝WordPress的超詳細(xì)保姆級教程

如何在 WordPress 網(wǎng)站上設(shè)置 Stripe

如果只是想以固定價格銷售一件商品(如網(wǎng)站會員訂閱等),那么用 Stripe 是非常理想的選擇。

第一步:安裝 Stripe 插件

安裝并激活 Stripe Payments WordPress Plugin – WP Simple Pay 插件。

圖片[2]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程

這個插件提供免費和付費版本。
WP Simple Pay 是一個獨立的插件,可以輕松將 Stripe 與 WordPress 集成。

免費版本的插件功能包括:

  • 集成 Stripe Checkout 并支持無限支付表單。
  • 在 Stripe Checkout 頁面顯示品牌或產(chǎn)品圖片。
  • 收集客戶的賬單和送貨地址選項等功能。

安裝并激活 WP Simple Pay 插件后,會在 WordPress 儀表盤右上角看到一個“測試模式已激活”的通知。

    圖片[3]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程

    第二步:設(shè)置 Stripe 賬戶

    進(jìn)入設(shè)置頁面
    在 WordPress 后臺導(dǎo)航到 “Simple Pay Lite > Settings”。

    圖片[4]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程

    測試模式
    在設(shè)置頁面,會看到“測試模式”默認(rèn)被設(shè)置為“已啟用(Enabled)”。當(dāng)網(wǎng)站正式上線或開始收款時,請將其更改為“已禁用(Disabled)”。

    設(shè)置選項卡
    WP Simple Pay 使用多個選項卡來管理設(shè)置,包括 “Stripe Setup(Stripe 設(shè)置)”“General(常規(guī)設(shè)置)”“Payment Confirmation(支付確認(rèn))”。

    圖片[5]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程

    常規(guī)設(shè)置(General)

    • 設(shè)置支付相關(guān)的頁面,例如“支付成功頁面”、“支付失敗頁面”和“支付取消頁面”。
    • 頁面列表會顯示 WordPress 網(wǎng)站中已存在的頁面。
    • 配置貨幣類型,選擇適合網(wǎng)站業(yè)務(wù)的貨幣(如美元、英鎊等)。
    圖片[6]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程

    支付確認(rèn)(Payment Confirmation)

    • 配置支付成功后的顯示信息。
    • 可以用頁面中提供的模板標(biāo)簽來自定義成功頁面上的信息。

    連接 Stripe

    • 返回 “Stripe Setup” 選項卡,點擊 “Connect with Stripe(連接 Stripe)” 按鈕,將 Stripe 與 WordPress 網(wǎng)站連接。
    圖片[7]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程
    • 如果你已有 Stripe 賬戶,點擊頁面右上角的 “Sign in(登錄)” 按鈕登錄。
    • 如果沒有賬戶,填寫表單并激活賬戶。

    賬戶激活

    • 激活賬戶后,注冊時用的電子郵件地址會顯示為“管理員(所有者)”,表示 Stripe 賬戶已成功連接到網(wǎng)站。
      圖片[8]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程

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

      進(jìn)入支付表單頁面
      在 WordPress 后臺,導(dǎo)航到 “Simple Pay Lite > Payment Forms”。
      這個頁面會列出網(wǎng)站上創(chuàng)建的所有支付表單。

      創(chuàng)建新表單

      • 點擊 “Add New(添加新表單)”。
      圖片[9]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程
      • 給表單添加一個標(biāo)題(僅供后臺參考,不會在前端顯示)。
      圖片[10]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程

      配置表單選項
      在表單設(shè)置頁面,需要填寫下面幾個選項卡的內(nèi)容:

      • Payment Options(支付選項)
        • 設(shè)置支付模式為默認(rèn)的“Global Setting(全局設(shè)置)”。
        • 配置“一次性金額”(例如 $1)。
      圖片[11]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程
      • On-Site Form Display(表單顯示設(shè)置)
        • 自定義支付按鈕上的文字(如“立即支付”)。
      • Stripe Checkout Display(Stripe 結(jié)賬頁面顯示)
        • 填寫產(chǎn)品名稱、描述以及產(chǎn)品圖片,這些信息會顯示在 Stripe 的結(jié)賬頁面上。
        • 根據(jù)需要,自定義提交按鈕的顏色和樣式。
      圖片[12]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程

      可選配置

      • 如果需要,可以選擇收集“送貨地址”和“賬單地址”。
      • 訂閱選項(Subscription Options):這個功能之只在插件的專業(yè)版中提供,如果需要訂閱模式,則需要購買專業(yè)版。
      圖片[13]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程

      發(fā)布表單

      • 完成所有設(shè)置后,點擊右側(cè)的 “Publish(發(fā)布)” 按鈕。
      • 發(fā)布后,支付表單會顯示在 “Simple Pay Lite > Payment Forms” 頁面中。
      圖片[14]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程

      復(fù)制短代碼

      • 在支付表單列表頁面,復(fù)制新表單的短代碼。
      • 接下來,可以將該短代碼嵌入到需要顯示支付表單的頁面或文章中。

        第四步:在頁面中集成 Stripe 支付表單

        創(chuàng)建新頁面
        在 WordPress 后臺導(dǎo)航到 “頁面 > 添加新頁面”。

        命名頁面
        給頁面命名,例如“我的電子書頁面”。

        圖片[15]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程

        添加短代碼小部件
        在頁面編輯器中,添加一個短代碼小部件。

        圖片[16]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程

        插入短代碼
        將之前復(fù)制的支付表單短代碼粘貼到小部件中。保存并發(fā)布頁面。

        圖片[17]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程

        查看支付按鈕
        在頁面中,會看到一個“PAY WITH CARD”(使用卡支付)按鈕。點擊按鈕后,會跳轉(zhuǎn)到結(jié)賬頁面。

        圖片[18]-如何將 Stripe 集成到 WordPress 網(wǎng)站:一步步完整教程

          到這里,結(jié)賬頁面已經(jīng)設(shè)置完成,Stripe 支付功能已成功集成到 WordPress 網(wǎng)站了!


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

          請登錄后發(fā)表評論

            暫無評論內(nèi)容