為WordPress設定Stripe的4種簡單方法

為WordPress設定Stripe的4種簡單方法

在選擇在您的WordPress網站上使用的支付閘道器時,通常會想到兩個流行的閘道器,PayPal和Stripe。多年前,PayPal曾經是電子商務網站唯一簡單的解決方案之一,但現在情況已不再如此。Stripe提供較低的交易費用,並因其靈活的API在開發者社羣中非常受歡迎。今天我們將深入探討4種簡單的方法來為WordPress設定 Stripe,無需編碼。對於初創公司、企業和經營WooCommerce和EDD商店的人來說,Stripe可能是一個非常實惠的解決方案。

使用Square代替?檢視我們的深度比較博文:Stripe vs Square

什麼是Stripe?

Stripe是一個快速發展的支付閘道器,能夠處理經常性支付並自動處理退款。它受到全球知名品牌的信任和使用,其中包括Best Buy、Target、Lyft、Docker、HubSpot、Facebook、Shopify和IndieGoGo。

Stripe

Stripe由John和Patrick Collison兩兄弟於2010年創立。它於2011年公開啟動,並已獲得多輪融資。它甚至在2016年福布斯雲100強榜單中排名第4。有很多支付閘道器可供選擇,但Stripe對簡單性的關注以及他們流行的 Stripe API 是讓他們與競爭對手區分開來的原因。他們的費用結構更容易理解,因為對於年收入低於 100 萬美元的人來說,這是2.9%+30美分的統一費率。他們還允許您從您自己的網站免費向信用卡收費,而PayPal每月向您收取30美元外加交易費。Stripe也不收取任何退款或授權卡費用。然而,隨著交易量的增加,PayPal 確實會變得更便宜。

Stripe還擁有一款名為Radar的機器學習驅動產品,可減少欺詐交易的數量。有關更多詳細資訊,請檢視我們的詳細指南: 如何使用Stripe Radar預防和減少98% 的信用卡欺詐

為WordPress設定Stripe

Stripe在技術上沒有官方的WordPress外掛或整合,但感謝使用了他們的API的優秀WordPress社羣,現在有很多很棒的選擇可以輕鬆地在您的網站上安裝 Stripe。下面我們將在一個基本站點上為WordPress設定Stripe,其中包含表單外掛和自定義欄位,以及WooCommerce和Easy Digital Downloads等電子商務平臺。請務必注意,您的Stripe結帳頁面需要SSL以安全地傳輸付款資料。許多主機,現在都通過Let’s Encrypt提供免費的SSL證書。但請注意,如果您沒有正確遷移,可能會損害您的網站,因此請務必檢視我們深入的HTTP到HTTPS遷移教學.

所有這些教學都假設您有一個Stripe帳戶。如果您不這樣做,您可以註冊一個免費的Stripe帳戶

如何在基本WordPress網站上設定Stripe

為WordPress設定Stripe的第一種方法是在基本網站上。也許您沒有任何電子商務解決方案設定,而只是在頁面上擁有您想要銷售的一種產品。這可能是接受電子書或數字下載的付款(甚至捐款)的好方法,而不會在您的網站上增加任何開銷。為此,我們推薦免費的WP Simple Pay Lite for Stripe外掛,您只需4個簡單的步驟即可開始使用。他們也有外掛的專業版,它可以實現定期付款和許多其他功能,但如果你需要簡單快速的東西,你可以使用免費版本。

WordPress外掛-WP Simple Pay Lite for Stripe 

WordPress外掛-WP Simple Pay Lite for Stripe

第1步

從WordPress外掛庫下載並安裝WP Simple Pay Lite for Stripe外掛,或在WordPress儀表盤中的“安裝外掛”下搜尋它。

安裝WP Simple Pay Lite外掛

安裝WP Simple Pay Lite外掛

第2步

您需要做的第一件事是單擊外掛的設定並輸入您的Stripe API金鑰,您可以從您的Stripe帳戶儀表板中獲取這些金鑰。然後點選“儲存更改”。您會注意到有一個On和Off開關。在配置完所有內容之前,您可以將其關閉。

WP Simple Pay Lite API金鑰

WP Simple Pay Lite API金鑰

第3步

單擊“Default Settings”選項卡。您可以在其中為您的Site Name(網站名稱)、Currency(預設貨幣)、Image URL(品牌Logo)等。一個重要的設定是成功重定向URL。如果您使用感謝頁面跟蹤轉化,那麼您需要啟用此功能。請參閱我們的深入轉化跟蹤指南。然後向下滾動並單擊“儲存更改”。

WP Simple Play Stripe設定

WP Simple Play Stripe設定

第4步

然後,您可以使用簡單的短程式碼在任何頁面上插入付款按鈕或在您的WordPress網站上釋出。請記住,您可以在外掛設定中更改付款按鈕上的措辭。這是您可以貼上到頁面或釋出的簡碼示例:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
[stripe name="My Store" description="My Product" amount="1999"]
[stripe name="My Store" description="My Product" amount="1999"]
[stripe name="My Store" description="My Product" amount="1999"]

WP Simple Play結賬

WP Simple Play結賬

檢視所有WP Simple Pay簡碼。就是這樣!將Stripe新增到您的WordPress網站再簡單不過了。如果您還沒有進入設定,請確保將實時模式切換到“ON”。您還可以利用他們的免費配套外掛,在您的WordPress編輯器中新增一個按鈕,以便更輕鬆地新增付款按鈕。無需獲取任何短程式碼。

Stripe簡碼按鈕

Stripe簡碼按鈕

如何使用Gravity Forms設定Stripe

將Stripe用於WordPress時的第二個常見配置是將其與表單外掛一起使用。您可能想要這樣做的原因是它為您提供了更大的靈活性,能夠在結帳過程中新增您自己的自定義欄位。許多流行的表單外掛都具有簡單的Stripe整合和擴充套件,例如Gravity Forms、Ninja Forms和WP Forms。Stripe整合通常是一個高階外掛。在我們的示例中,我們將使用Gravity Forms外掛

Gravity Forms

第1步

下載並安裝Gravity Forms外掛及其Stripe擴充套件外掛。這確實需要開發人員許可證。

第2步

您需要做的第一件事是單擊外掛的設定並輸入您的Stripe API 金鑰,您可以從您的Stripe帳戶儀表板中獲取這些金鑰。然後點選“儲存更改”。您會注意到有一個實時和測試模式。您可以將其保持在測試模式,直到您正確配置了所有內容。

Gravity Forms外掛的Stripe設定

Gravity Forms外掛的Stripe設定

第3步

向下滾動,您將需要配置Webhook。Gravity Forms需要將一個URL新增到您的Stripe帳戶的webhook列表中,以便一切正常執行。

  • 單擊以下連結並登入以訪問您的Stripe Webhooks管理頁面:https ://dashboard.stripe.com/account/webhooks
  • 單擊Webhook URL列表上方的“Add Endpoint”按鈕。
  • 在“URL”欄位中輸入以下URL: https://yourdomain.com/?callback=gravityformsstripe
  • 從“Mode”下拉選單中選擇“Live”。
  • 單擊“Create Endpoint”按鈕。

用於Gravity Forms的Stripe webhook

用於Gravity Forms的Stripe webhook

然後選中表示您已啟用webhook URL的框,然後單擊“Update Settings”。

更新Stripe網路鉤子

更新Stripe網路鉤子

第4步

現在是時候設定您的表單了。如果您還沒有,則需要建立一個新表單。

在Gravity Forms中建立新表單

在Gravity Forms中建立新表單

第5步

在表單中,您可以將其配置為接受您想要的任何資料。您甚至可以為訊息設定必填欄位。正如您所看到的,這提供了比我們上面介紹的Simple Pay外掛更多的自定義。只要確保你有信用卡欄位和價格。一切都在重力形式中拖放,因此建立它既快速又容易。

帳單表格

帳單表格

第6步

建立表單後,您需要使用提要將其連線到Stripe。單擊表單本身的設定並進入“Stripe”。您可以設定交易型別和支付金額。然後單擊“更新設定”。

結算表單提要

結算表單提要

第7步

然後,您可以將表單插入頁面或文章。在WordPress編輯器中,Gravity Forms有一個名為“Add Form”的按鈕。選擇您建立的表單,然後單擊“Insert Form”。

插入表格

插入表格

就是這樣。您的表單現在是一個功能齊全的表單,它與Stripe整合並能夠捕獲付款。

Gravity Forms使用信用卡接受付款

Gravity Forms使用信用卡接受付款

如何在WooCommerce中設定Stripe

將Stripe用於WordPress時的第三種常見配置是將其與WooCommerce一起使用。WooCommerce擁有超過3+百萬次的活躍安裝,在WordPress.org上的使用者評分為4.6,是最受歡迎的WordPress免費電子商務解決方案之一。截至2019年12月,WooCommerce為超過7%的線上商店提供支援。

為WordPress設定Stripe的4種簡單方法-18

好訊息是,截至2016年2月,Stripe可免費與WooCommerce一起使用!以前,您必須直接從WooCommerce購買Stripe支付閘道器,單站點許可證的起價為79美元。這大大降低了任何想要開設WooCommerce商店並接受Stripe信用卡的人的進入門檻。下面的本教學假設您已經啟動並執行了WooCommerce。

第1步

您需要做的第一件事是安裝免費的WooCommerce Stripe Payment Gateway外掛。

WooCommerce Stripe支付閘道器外掛

WooCommerce Stripe支付閘道器外掛

您可以從WordPress外掛庫下載外掛,也可以在WordPress儀表盤中的“安裝外掛”下搜尋它。

第2步

然後單擊儀表板中的WooCommerce設定,然後單擊“Checkout”選項卡。您將需要啟用Stripe並輸入您的Stripe API金鑰,您可以從您的Stripe帳戶儀表板中獲取這些金鑰。您還可以選擇是否啟用“Stripe Checkout”。Stripe結帳在結帳時顯示付款按鈕和模式信用卡表格,而不是經典的信用卡欄位。然後向下滾動並單擊“儲存更改”。

WooCommerce Stripe設定

WooCommerce Stripe設定

第3步

然後在結帳選項卡下單擊“Checkout Options”。您將需要啟用“Force secure checkout”。請記住,Stripe需要SSL才能在您的WordPress網站上安全地接受信用卡。然後向下滾動並單擊“儲存更改”。

WooCommerce強制安全結帳

WooCommerce強制安全結帳

就是這樣。您的結帳頁面現在應該能夠接受帶有Stripe的信用卡。這裡有幾個例子。

預設WooCommerce Stripe結帳

這是WooCommerce結帳頁面上Stripe的預設外觀,頁面內嵌有信用卡欄位。

WooCommerce中的信用卡結賬

WooCommerce中的信用卡結賬

 啟用了Stripe Checkout選項的WooCommerce

如果您在設定中啟用“Stripe Checkout”選項,這就是外觀。客戶點選“Continue to payment”,他們將獲得Stripe模式。

為WordPress設定Stripe的4種簡單方法-1WooCommerce中的Stripe結帳

WooCommerce中的Stripe結帳

如何在Easy Digital Downloads中設定Stripe

使用Stripe for WordPress時的第四個常見配置是將其與Easy Digital Downloads一起使用。就像WooCommerce一樣,Easy Digital Downloads是一種流行的 WordPress免費電子商務解決方案。它主要用於銷售數字產品,但也有擴充套件以使其適用於實體產品。它現在真的變成了WooCommerce的替代品。下面的本教學假設您已經啟動並執行了EDD。如果您不這樣做,請檢視Easy Digital Downloads文件

Easy Digital Downloads

Easy Digital Downloads Stripe整合的一個缺點是它確實需要高階擴充套件,單個站點許可證的起價為89.00美元。但是,如果您更喜歡EDD並想使用Stripe,這對您來說可能是值得的。

第1步

下載、安裝和啟用Stripe支付閘道器擴充套件

第2步

在下載(即EDD)下,點選設定,然後點選支付閘道器。在閘道器設定中,您需要選中Stripe以啟用它。然後將預設閘道器更改為Stripe。然後,您還可以選擇結帳時顯示的信用卡圖示。然後點選“儲存更改”。

EDD Stripe支付閘道器設定

EDD Stripe支付閘道器設定

第3步

在支付閘道器選項卡下,單擊“Stripe”。您將需要輸入您的Stripe API 金鑰,您可以從您的Stripe帳戶儀表板中獲取這些金鑰。您還需要配置Webhook。

  • 單擊以下連結並登入以訪問您的Stripe Webhooks管理頁面:https ://dashboard.stripe.com/account/webhooks
  • 單擊Webhook URL列表上方的“Add Endpoint”按鈕。
  • 在“URL”欄位中輸入以下URL:https://yourdomain.com/index.php?edd-listener=stripe
  • 從“Mode”下拉選單中選擇“Live”。
  • 單擊“Create Endpoint”按鈕。

您可以設定一些其他選項。您可以選擇是否啟用“Stripe Checkout”。Stripe結帳在結帳時顯示付款按鈕和模式信用卡表格,而不是經典的信用卡欄位。然後向下滾動並單擊“儲存更改”。

EDD中的Stripe設定

EDD中的Stripe設定

就是這樣。您的結帳頁面現在應該能夠接受帶有Stripe的信用卡。這裡有幾個例子。

預設EDD Stripe結帳

這是EDD結帳頁面上Stripe的預設外觀,頁面內嵌有信用卡欄位。

EDD中的Stripe信用卡結賬

EDD中的Stripe信用卡結賬

 啟用Stripe Checkout選項的輕鬆數字下載

如果您在設定中啟用“Stripe Checkout”選項,這就是外觀。客戶點選“Continue to payment”,他們將獲得Stripe模式。

EDD中的Stripe結帳

EDD中的Stripe結帳

小結

如您所見,讓Stripe for WordPress啟動並執行非常簡單。事實上,上述所有四個整合只需要幾分鐘。這比幾年前要容易得多。它也變得越來越便宜,因為許多解決方案現在都是免費的。別忘了您也可以使用Stripe接受捐款

評論留言