如何在WordPress中創建公益捐贈表格


您是否希望能夠在您的非營利性網站上接受捐贈? WordPress使非營利組織可以輕鬆地創建捐贈表格並從其網站接受捐贈。 在本逐步指南中,我們將逐步向您展示如何設置自己的自定義WordPress捐贈表格。

如何創建WordPress捐贈表格

在您的網站上募集捐款的​​最簡單方法是添加“ Paypal捐款”按鈕,但這並不是適合所有人的正確解決方案。

在您的網站上創建自定義捐贈表單(而不是使用捐贈按鈕)可以使您:

  • 自定義表單字段以收集您所需的信息
  • 將捐贈者留在自己的網站上以獲得更專業的體驗
  • 詢問捐贈者是否要以相同的形式訂閱您的電子郵件通訊
  • 使用Paypal以外的其他付款處理商,例如信用卡(條帶化)
  • 與其他第三方軟件(例如CRM或云存儲)集成

如您所見,將捐助者保留在您自己的網站上而不是將他們重定向到Paypal有很多好處。

您可能會認為在網站上設置捐贈表格是一個棘手的過程,但是有針對非營利組織的WordPress插件可以簡化這一過程。

話雖如此,讓我們看一下如何在WordPress中創建自定義捐贈表單。

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

在WordPress中創建自定義捐贈表單

WPForms是適用於WordPress的最佳拖放表單生成器。 它具有初學者友好的界面,並包括預構建的表單模板,其中包括捐贈表單模板,以使流程更快。

WPForms是WPBeginner的創始人Syed Balkhi創建的高級WordPress插件。

要創建可以處理​​付款的捐贈表格,您需要WPForms的Paypal或Stripe插件。 這兩個插件都包含在Pro和Ultimate許可中。

步驟1:安裝並激活WPForms

您需要做的第一件事是下載WPForms WordPress表單構建器插件。

您可以通過登錄WPForms的帳戶並下載插件來完成此操作。

下載WPForms作為Wordpress的捐贈插件

然後,您需要安裝並激活插件。 您可以查看有關如何安裝WordPress插件的逐步指南,以了解更多詳細信息。

步驟2:建立您的捐款表格

現在已經安裝並激活了WPForms,您可以繼續並單擊 WPForms»添加新 開始。

您可以在頁面頂部為表單命名。 我們將其命名為“非營利組織捐贈表格”。

您將看到可以選擇的預製表單模板列表。 將鼠標懸停在 捐贈表格 模板,然後單擊 創建捐贈表格 建立表格。

創建一個新的WordPress捐贈表格

您會看到一個彈出式提醒,提示“別忘了:單擊“付款”標籤以配置您的付款提供商。” 我們將在下一步中進行操作。 現在,您可以點擊 看看你的表格。

支付處理器提醒

捐贈表單模板包括以下字段:

  • 名稱
  • 電子郵件
  • 捐款金額
  • 評論或留言

“捐贈金額”字段是“單個項目”字段,用戶可以在其中鍵入想要捐贈的任何金額。 您也可以改用多選或下拉字段。

在本教程中,我們將向您展示如何添加具有多個捐贈金額的多選支付字段,並提供輸入不同金額的選項。

要添加多項選擇付款字段,請點擊 多個項目 下方的按鈕 付款欄位。 您可以拖動字段並對其重新排序,以使“多個項目”字段位於“捐贈金額”字段的正上方。

在捐款表中添加一個多項目字段

現在,您可以單擊表單預覽中的“多個項目”字段來更改選項。

繼續,將標籤更改為“捐贈金額”。 然後,您可以輸入所需的任何金額,以及“輸入金額”選項。

自定義多項捐贈金額

現在,我們需要將“單個項目”字段更改為僅在選擇“輸入金額”選項時顯示。

單擊單個項目字段以編輯選項。 確保未選中“必填”複選框,否則,如果用戶在上方的“多項選擇”字段中選擇了捐款金額,則將阻止用戶提交表格。

確保不需要此字段

現在,您可以向下滾動並單擊 有條件的 輸入該字段的顯示設置。

接下來,選中“啟用條件邏輯”複選框。 然後,如果“捐贈金額”為“輸入金額”,則選擇顯示此字段的選項。

設置條件邏輯

確保點擊 保存 右上角的按鈕保存更改。

別忘了保存您的捐贈表格

步驟4:設定付款整合

接下來,我們將為您的捐款設置付款處理器。

在本教程中,我們將引導您完成與Paypal的集成。

使用Stripe設置信用卡付款非常相似。 有關更多詳細信息,您可以查看有關使用WPForms Stripe插件的教程。

您仍應處於表單編輯屏幕中。 在這裡,您可以點擊 付款方式 標籤在左側,然後單擊 貝寶標準 選項。

設置貝寶捐贈

現在,您可以在屏幕右側輸入設置。 首先檢查 啟用貝寶標準付款 複選框,然後輸入您的Paypal電子郵件地址。 然後確保選擇 捐款 在裡面 支付方式 落下。

設置貝寶捐贈

在此之下,您可以輸入一個URL,以在訪客取消結帳過程時將其發送給他們。 通過將用戶發送到相關博客文章,或要求他們在社交媒體上關注您以保持聯繫,這可能是嘗試重新吸引用戶的好機會。

您還可以自定義送貨地址選項,並選擇是否要求捐助者在Paypal結帳時包括註釋。

對於這種捐贈形式,我們不需要使用條件邏輯。 但是,如果您想將捐贈選項添加到另一種形式(例如調查)中,則可以執行此操作。 然後,只有在用戶選擇捐贈選項的情況下,付款才能處理。

配置您的貝寶選項

請務必點擊 保存 配置完所有選項後,請點擊。

第5步:自定義您的通知

接下來,我們需要確保捐贈者在捐贈後會收到一封確認電子郵件。

要為您的表單自定義電子郵件通知,您可以單擊 設置»通知

捐贈表格通知

您會看到有一個默認通知將發送給站點管理員。 您可以點擊 新增通知 按鈕為捐贈者創建單獨的通知。

添加捐贈者收據通知

在彈出窗口中命名新通知,然後單擊

命名您的捐贈收據通知

我們需要確保將此通知發送到他們在表單中輸入的捐助者的電子郵件地址。 旁邊的 發送到電子郵件地址,點擊 顯示智能標籤。 在出現的列表中,單擊 電子郵件。 您會看到一個智能標記,例如 {field_id="1"} 出現。

向捐贈者發送通知

現在,您可以向下滾動以自定義捐贈者將收到的消息。

定制捐贈者信息

別忘了點擊 保存 設置完通知後,請點擊。

步驟6:在您的網站上放置捐贈表格

現在您的捐贈表格已經完成,您需要將其放置在您的網站上。

借助WPForms,您可以使用簡碼輕鬆地將表單嵌入任何帖子或頁面中,甚至將捐贈小部件放置在側邊欄或頁腳中。

我們將創建一個專用的捐贈頁面來顯示您的表格。

首先,點擊 頁»添加新。 您可以為頁面輸入標題(我們選擇“捐贈”)。 然後點擊 新增表格 按鈕。

創建捐贈頁面

從下拉字段中選擇您的表單。 然後點擊 新增表格 按鈕。

在WordPress頁面上插入捐贈表格

您會在頁面中看到一個簡碼。 您可以向頁面添加任何文本或圖像。 準備好後,請點擊 發布 按鈕。

發布您的WordPress捐贈表格

不要忘記將新的捐贈頁面添加到導航菜單,以便訪問者可以輕鬆找到它。

而已! 我們希望本文能幫助您學習如何在WordPress中創建公益捐贈形式。 您可能還希望查看我們的非營利組織最佳WordPress插件列表。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。