接受 Stripe 捐款所需的條件
您需要創建一個 Stripe 帳戶。您可以免費創建帳戶,僅在交易時收取費用。
您還需要一個啟用了 SSL 的 WordPress 網站。SSL 添加了一層安全保護,使您的網站在接受付款時更加安全。如需了解更多,請參閱我們的指南:如何獲得免費的 SSL 證書。
最後,您需要一個 WordPress 擴充功能來連接您的 Stripe 帳戶。我們將展示兩種不同的選項,WP Simple Pay(免費)和 WPForms(Pro),以便您選擇最適合您的需求。我們還將分享一個提供完整捐款管理功能的附加外掛,適合需要更高級解決方案的用戶。
方法一:使用 WP Simple Pay 新增 Stripe 捐款按鈕
WP Simple Pay 是 WordPress 最佳的 Stripe 支付款外掛之一。您可以使用它輕鬆地接受一次性或定期捐款。
首先,您需要在您的 WordPress 網站中安裝和啟用 WP Simple Pay 外掛。更多細節請參閱我們的逐步指南:如何安裝 WordPress 外掛。
啟用外掛後,前往 WP Simple Pay » 設定頁面,點擊“許可證”標籤。從您的 WP Simple Pay 網站帳戶中複製許可證金鑰,粘貼到提供的欄位中,並點擊 ‘Activate’ 按鈕。
接下來,您需要連接您的 Stripe 帳戶。在設定頁面點擊 Stripe 標籤,然後點擊‘Connect with Stripe’ 按鈕。您將看到 Stripe 網站,並可在此登入您的帳戶。如果您沒有 Stripe 帳戶,可以創建新帳戶。
完成帳戶連接後,您將返回管理儀表板上的設定頁面。不要忘記點擊“儲存變更”按鈕以保存您的 Stripe 帳戶連接。
現在,您可以創建一個 Stripe 捐款表單。前往 WP Simple Pay » Add New 頁面。在這裡,您可以選擇一個範本以快速創建表單。懸停在 Donate Button 範本選項上並點擊‘Use Template’ 按鈕。
您將看到捐款表單的一般設定標籤,在這裡您可以新增表單標題和描述,並選擇表單類型。對於本教程,我們將選擇‘Embedded’ 表單類型。這將允許您將捐款表單直接嵌入到任何 WordPress 發文或頁面中。
接下來,點擊付款標籤。WP Simple Pay 允許您新增多個捐款選項,使捐贈者可以選擇捐款金額。例如,您可以創建 $1、$5 和 $10 的捐款選項。點擊 ‘Add Price’ 按鈕並輸入金額。重複此過程以新增更多選項。
如需接受定期捐款,點擊定價選項旁邊的下拉箭頭。然後,點擊‘Subscription’ 按鈕並選擇您希望的計費週期。
接下來,點擊表單欄位標籤。捐款表單範本已包含所有必要的欄位,包括定價選項、結帳按鈕和付款按鈕。如果您想新增其他表單欄位,如姓名或電子郵件地址,可以從下拉菜單中選擇並點擊‘Add Field’ 按鈕。
您可以拖放來重新安排表單欄位的位置,還可以點擊任何欄位來自訂按鈕文字或選擇按鈕樣式。
使用 WP Simple Pay 新增 Stripe 捐款表單至 WordPress
要將表單新增到任何發文或頁面,點擊螢幕右側的“發佈”按鈕。然後,複製“發佈”按鈕上方的簡易短碼,看起來像這樣:[[simpay id=”285″]]。
接下來,您只需將短碼貼到任何 WordPress 發文或頁面中,添加到 WordPress 編輯器後,短碼小工具將自動新增。然後發佈該發文或頁面,現在您可以訪問您的網站以查看您的捐款表單在前端的呈現。
注意:WP Simple Pay 默認設置為測試模式,這確保在表單準備就緒之前,您網站上不會處理任何真實交易。您可以閱讀這篇指南:如何將付款表單從測試模式切換到真實模式。
方法二:使用 WPForms 新增 Stripe 捐款按鈕
WPForms 是最好的 WordPress 表單外掛,已被超過五百萬個網站使用。它提供了 Stripe 加載項,允許您在網站上接受捐款、一時間付款,甚至是訂閱付款。
您至少需要 WPForms 的 PRO 方案來訪問 Stripe 加載項,這提供了定期選項和零額外交易費用。此外,還包含高級功能,如條件邏輯、多頁表單、調查與投票、700 多個表單範本等。
注意:WPForms 免費版本亦支持收取一次性 Stripe 付款,但通過表單支付的交易需支付 3% 的交易費。
首先,您需要安裝和啟用 WPForms 外掛。更多細節請參閱我們的逐步指南:如何安裝 WordPress 外掛。
啟用外掛後,訪問 WPForms » 設定頁面並輸入您的許可證金鑰。您可以在 WPForms 網站上的帳戶中找到此資訊。輸入許可證金鑰後,點擊‘Verify Key’ 按鈕。
接下來,訪問 WPForms » 插件頁面並點擊 Stripe 插件旁的 ‘Install Addon’ 按鈕。WPForms 現在將自動為您安裝並啟用Stripe 插件。
現在我們來連接 WPForms 和您的 Stripe 帳戶以接收付款。訪問 WPForms » 設定 頁面並點擊付款標籤。然後點擊 ‘Connect with Stripe’ 按鈕。
之後,您將被要求授權您的表單和 Stripe 之間的連接。根據您是否已啟動Stripe 帳戶,屏幕上顯示的內容可能會有所不同。只需按照 Stripe 連接嚮導中的步驟授權連接。完成後,您將返回 WPForms 設定頁面。在這裡,您應該在連接狀態區域看到一個綠色的核對標記。
您還可以選擇在付款設定頁面啟用測試模式,這將允許您在不進行實際付款的情況下測試您的 Stripe 集成。但是,當您的網站準備好接受捐款時,一定要取消勾選此選項。不要忘記點擊‘Save Settings’ 按鈕以儲存更改。
現在您已設置了支付,接下來是為網站創建 Stripe 捐款表單。首先,訪問 WPForms » Add New 頁面以創建新表單。您需要為表單提供一個標題並選擇一個範本。選擇‘Donation Form’ 範本。
這將啟動 WordPress 表單構建器介面,並顯示您選擇的捐款表單範本,此範本將已包含建立捐款表單所需的常用欄位,例如姓名、電子郵件、捐款金額和留言。
這是一個拖放式表單構建器。您可以通過點擊欄位來編輯表單欄位,重新排列它們,或從左欄中新增新欄位。由於您在建立 Stripe 付款表單,您需要新增‘Stripe Credit Card’ 欄位到您的表單。您可以在左欄的付款欄位部分找到該欄位。只需點擊添加該欄位到表單並拖放到表單中的所需位置即可。
滿意後,點擊左角的‘Payments’ 標籤以編輯支付設定。從這裡,選擇 Stripe 作為您的支付方式,然後勾選‘Enable Stripe Payments’ 選項。您可以為付款提供描述並選擇電子郵件欄位以發送捐贈者收據。WPForms 也支持 Stripe 定期付款,您可以使用此選項設置定期捐款或訂閱。
如果選擇啟用定期訂閱付款,將出現其他設定。例如,您可以選擇定期付款的頻率:每日、每週、每月、每季度、每半年或每年。接下來是設置確認設定,這是您的用戶填寫表單後將看到的內容。點擊設定標籤然後選擇‘Confirmations’ 選項。
從這裡,您可以選擇不同類型的確認類型。例如,可以通過簡單消息感謝用戶,或重定向到感謝頁面或任何其他網址。完成後,點擊儲存按鈕以保存更改。
WPForms 使得在網站任何地方新增表單變得非常容易。只需點擊表單構建器頂部的‘Embed’ 按鈕並選擇一個現有頁面或創建一個新頁面。對於本教程,我們將點擊‘Select Existing Page’ 選項。
接下來,使用下拉菜單選擇想要嵌入表單的現有頁面。然後點擊‘Let’s Go!’ 按鈕。 WPForms 現在將自動將表單新增到您的 WordPress 內容編輯器。
您也可以手動完成此操作,編輯希望新增捐款表單的發文或頁面。接下來,將 WPForms 區塊新增到您的內容並選擇先前創建的捐款表單。WPForms 現在將獲取並嵌入該表單。您現在可以訪問您的網站查看其效果。
另外,您還可以將捐款表單新增至您的部落格側邊欄或任何其他小工具區域。前往 Appearance » Widgets 頁面並將 WPForms 小工具新增至側邊欄。然後從下拉菜單中選擇您的 Stripe 捐款表單。不要忘記點擊儲存按鈕以保存小工具設定。
附加:完整功能的 WordPress 捐款外掛
雖然 WP Simple Pay 和 WPForms 都可讓您創建 Stripe 捐款按鈕,但它們不提供非營利組織所需的完整捐贈者管理和其他高級功能。如果您在尋找完整的 WordPress 捐款外掛,我們推薦使用 WP Charitable。超過 10,000 個非營利組織和網站使用者採用了 Charitable 來創建募資活動並在線上籌集更多資金。
它具備所有您需要的功能,包括完全自訂捐款表單、接受一次性或定期捐款的能力、簡單的捐款管理儀表板、GDPR 合規、年度捐贈者收據、紀念他人的禮物捐贈、允許捐贈者承擔支付處理費用的費用轉嫁等。您還可以使用 Charitable 進行點對點募資活動,甚至可以創建類似 GoFundMe 或 Indiegogo 的眾籌平台。
Charitable 內建 Stripe、PayPal、Authorize.net、Braintree、Mollie、GoCardless、Paystack、Payfast、Payrexx、Windcave等多種支付整合。
您還可以使用 Charitable 的免費版本開始。
我們希望這篇文章能幫助您輕鬆地在 WordPress 網站上新增 Stripe 捐款按鈕。您還可以參閱我們的指南:每個網站必備的WordPress外掛,或查看我們的教程:如何提升您的 WordPress SEO 排名。
如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取更多 WordPress 影片教程。您也可以在 Twitter 和 Facebook 上找到我們。