如何創建WordPress的捐贈表單

你是否想在WordPress中創建一個捐贈表單? 無論你是一個非營利組織或只是需要一點額外説明的人,在你的網站上添加一個捐贈表格不一定是一件麻煩的事。

你有很多方法可以在你的網站上添加一個捐贈表格。 我們將使用一種非常容易和簡單的方法,任何人都可以在幾分鐘內設置好它。

如何在WordPress中創建一個自定義捐贈表單

憑藉其直觀的拖放構建器,WPForms是WordPress最流行的表單構建器。 它很容易使用,並配備了創建一個漂亮的捐贈表格所需要的一切.

image 50

你將需要WPForms的PayPal或Stripe外掛程式來處理你的捐贈表格的付款。 兩者都包含在WPForms外掛程式的專業版本中。

如果你需要免費的方法,我們建議使用WP Simple Pay。 它很容易使用,而且他們有一個免費版本,你可以用它來創建一個捐贈表格。

既然你在運行一個捐贈網站,你可能還想看看WP Charitable。 這是為慈善機構和非政府組織提供的最佳解決方案。 你只需點擊幾下,就可以製作你的捐贈表格。 在文章的最後,我們會談論更多關於捐贈表格的替代品。

我們選擇WPForms的原因是,你可以繼續使用這個外掛程式來創建各種表格,如聯繫、反饋、推薦,甚至是產品表格。 甚至還有一個選項可以運行調查和投票。

說到這裡,讓我們開始學習教程吧。

第一步:安裝和啟動WPForms


要開始使用,您需要註冊一個WPForms帳戶。 因此,請前往WPForms網站,並選擇一個具有支付整合功能的計劃,如PayPal或Stripe。

一旦完成,你就會得到一個外掛程式檔上傳到你的網站。 你還需要在這裡複製許可證金鑰。

image 51

當WPForms在您的網站上被啟動后,您可以在WPForms » Settings頁面粘貼您的許可證密鑰。

現在您已經準備好創建捐贈表格了。

第2步:在WordPress中創建一個捐贈表單


要創建一個新的表單,在你的WordPress儀錶板上,點擊WPForms 》 Add New。

這將打開一個範本庫。 你可以搜索一個捐贈表單範本,預覽並選擇它。

image 52

你可能會看到一個啟動支付外掛程式的彈出視窗,你可以點擊 “Yes, install and activate”按鈕。

image 53

現在,表單生成器將啟動。 你會看到你的表單的預覽,以及自定義的選項。

image 54

默認情況下,你選擇的捐贈表格範本包括以下欄位:

  • 姓名
  • 電子郵件
  • 捐款金額
  • 評論或資訊

你可以通過拖放新的欄位到表單預覽中來輕鬆定製表格。 你還可以快速重新排列欄位。

在這個範本中,捐款金額字段是一個單項字段,它允許使用者輸入任何他們希望捐助的金額。 如果您願意,您可以使用這個,但我們也想向您展示WPForms的高級選項。

在本教程中,我們將向您展示如何將該欄位改為多選欄位,使您能夠控制允許使用者捐贈的金額。

要做到這一點,在 Add Fields » Payment Fields部分,選擇多選字段並將其放入您的表單預覽。

image 55

你可以刪除舊的捐贈欄位,因為我們不再需要它了。

要編輯 「Multiple Items」欄位,只需點擊它。 在左邊的面板上,你會看到編輯該欄位的選項。 你可以改寫標籤為 「選擇你的捐款數額」。。 從那裡,輸入你想要的項目和金額。

image 56

如果你想在每個專案旁邊顯示捐款數額,請啟用 「Show price after item labels」。。

接下來,你可能想為每個活動或金額添加一個圖片。 當你打開『Use image choices』時,你會看到為每個專案上傳圖像的選項。

image 57

現在,在我們完成定製表單之前,你可能想讓這個字段成為必填項。 這意味著如果有人想提交表格,他們必須填寫這個欄位。

滾動到左邊功能表的底部,你會看到一個名為 「Required」的選項。

image 58

通過啟用這個功能,使用者將無法提交表格,除非他們選擇捐款金額。

除了這些,在WPForms中還有一個非常酷的功能,叫做條件邏輯,我們想向你展示。

前往功能表頂部的Smart Logic 欄位。 在這裡,啟用條件邏輯,你會看到出現的選項。

例如,在我們的表單中,我們首先要問我們的使用者是否願意捐款。 如果他們選擇 「是」,那麼我們想向他們顯示捐贈的選項。

為此,我們添加了一個多專案字段,並將其標記為 “你是否願意捐款”,並添加了是/否選項。

image 59

然後我們選擇了『選擇你的捐款金額』欄位。 在這個特定表單欄位的Smart Logic 設置下,我們設置如果『你是否願意捐款』是『是』,就顯示這個欄位。

現在,只有當使用者說 「是 」時,這個捐贈欄位才會出現。

很整潔,是吧?

一旦你完成了,保存你的變化,並進入下一個步驟。 現在是設置支付方式的時候了。

第3步:建立一個支付集成

在本教程中,我們將向你展示如何設置PayPal,因為它是最受歡迎的。 設置Stripe和其他支付閘道的過程實際上是一樣的。

在表單編輯介面,你可以簡單地點擊左側的Payments 標籤,然後點擊PayPal Standard。

image 60

在屏幕的右側,輸入你的設置。 首先,勾選Enable PayPal Standard。 然後,從支付類型下拉功能表中選擇Donation

image 61

你需要根據需要輸入你的詳細資料。 完成後點擊保存,然後進入倒數第二步。

第四步:自定義您的通知


WPForms允許您設置自動化的電子郵件通知。 您可以建立通知,發送給您、您的團隊以及捐贈者。

點擊Settings » Notifications 來開始吧。

默認情況下,通知將被發送給網站管理員。 但是,通過點擊Add New Notification,你可以為捐贈者創建一個單獨的通知。

image 62

命名你的通知。 然後,在Send to Email Address旁邊,點擊Show Smart Tags.。 在彈出的清單中,選擇電子郵件。

在那裡,只需向下滾動並定製你希望你的捐贈者收到的資訊。

image 63

在這裡,WPForms也允許您使用條件邏輯。 例如,我們想給贊助了一整個月的食物的捐贈者發送一封定製的郵件。 首先,我們簡單地添加了一個新的通知並定製了資訊。

然後,我們啟用了條件邏輯,並選擇在 「選擇您的捐款金額 」是 「贊助一個月的餐費 」時發送此通知。

image 64

基本上,这个设置让你可以在用户选择表格中的某个字段时才发送这封电子邮件。

点击保存,然后进入最后一步。

现在要做的就是把表单放到你的网站上。

第5步:把你的捐赠表单添加到你的WordPress网站上

你可以把你的捐赠表格嵌入到任何文章、页面或可安装小部件的区域(侧栏/页眉/页脚)。

在本教程中,我们将把表单添加到一个WordPress页面。

首先,进入Pages » Add New。命名你的页面,然后添加一个新块。现在你可以搜索WPForms并选择该块。这将给你一个下拉菜单来选择你刚刚创建的表单。

image 65

想要把您的表格放在您的侧边栏吗?这不是问题。只需前往 Appearance » Widgets ,将WPForms小部件拖到您的侧边栏区域。

image 66

從小部件設置的下拉功能表中選擇您製作的表格。 然後,點擊保存。 這就是了! 現在你的捐贈表格就在你的側邊欄里。

如果你需要的話,WPForms也支持簡碼。

除此之外,還有一個條目管理標籤,可以讓您查看、編輯、刪除每一個表單提交。 你也會在那裡看到內置的統計資訊。

我們希望這篇文章能幫助你學習如何在WordPress中創建一個捐贈表單。

分享你的喜愛

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *