WordPress 外掛教學 - Gravity Forms

Gravity Forms 是非常優秀的視覺化表單建立工具，它可以讓你輕鬆的建立表單而不需要程式基礎，而且當接收到使用者所送出的表單時，還可以在後台做紀錄與管理。它整合了多種第三方服務以及熱門的網頁應用程式和線上服務，在擴充性上非常靈活，是相當受到歡迎的一項付費外掛。

建立表單

在安裝好外掛後，你可以在後台的左邊看到 Forms，選擇 New Form 或是在 Forms 裡面按下 Add new 來新增一個表單，它會跳出視窗來請你輸入表單標題和表單敘述。

新增表單

填寫表單資訊

按下 Create Form 後會進到表單編輯頁面，這時你可以看目前並沒有任何的欄位，它跟你介紹該如何新增表單欄位。基本上你可以看到右邊的區塊每按下一個按鈕，它就會加入一個欄位。

新增欄位

我們聯絡表單需要的欄位有:

姓名 (必填)
Email (必填)
電話
主旨
內容 (必填)

現在我們要新增一個姓名欄位，我們可以使用 Advanced Fields 裡面的 Name，或是 Standard Fields 裡面的 Single Line Text 也可以。由於 Name 的欄位形式是西式，也就是名在前、姓在後而且兩欄是分開的，但是我們要的是中式，所以在這邊我們選擇最基本的 Single Line Text。

接下來你可以看到左邊出現了一個新增的欄位

新增 Single Line Text

由於它現在還沒被設定好，我們把滑鼠移到上方時它就會轉變成下圖的樣子

滑鼠移到欄位上方

在欄位上方任何一個位置按下滑鼠，它就會展開設定，你現在可以輸入需要的欄位 Field Label、Description。由於這個是必填，所以記得要勾選 Required。

設定表單欄位

接下來我們繼續新增我們所需要的欄位

姓名 : Standard Fields -> Single Line Text
Email : Advanced Fields -> Email
電話 : Advanced Fields -> Phone (Phone format 要選 International)
主旨 : Standard Fields -> Single Line Text
內容 : Standard Fields -> Paragraph Text

現在我們己經設定好我們的所需欄位了，可是如果你想要變換一下位置的話，該怎麼辦好呢? 其實它就跟 WordPress 介面一樣的操作法，把滑鼠移到欄位上方，它會顯示移動圖示，這時你就可以用拖曳的方式來重新安排欄位順序。

滑鼠拖曳移動欄位

這時我們己經做好表單了，先按下 Update Form 來儲存表單資訊。

小提示
Single Line Text 可以用來做任何需要輸入字串的欄位

表單設定

接下來就是設定一下使用者在前台填完表單後所會看到的確認訊息、送出表單後的信件會寄到哪個信箱…等。
按下上方的 Form Settings，我們會跳到表單設定頁裡，這時候你看到的就是所有表單相關的設定資訊，原本的標題、敘述都可以在這裡做修改。

表單設定頁

按下 Confirmations 來進入確認訊息設定頁，這時你看到有一個 Default Confirmation 的訊息設定選項，再進入該設定選項。進入後你可以設定在使用者送出表單後的所得到確認訊息，你也可以選擇 Confirmation Type 來轉到不同頁面或是其它網址。

設定確認訊息

再來是設定通知信件資訊，這是為了讓表單填完時可以寄到你要的信箱地址。到 Form Settings 底下的 Notifications 頁面，進入預設的 Admin Notification。

在信件通知訊息設定頁裡，你最主要的就是確定 Send to Email，這是設定把使用者所填寫的表單送給誰預設是 {admin_email} ，這指的是它會自動抓取 WordPress 的系統管理員 Email。如果你要寄到的信箱不是系統管理員 Email，那你可以在這邊改掉它。

而 From Email 則是寄到收件者的信箱時所要顯示的寄件者，在這裡我們要設定的是填寫表單的使用者的信箱。你可以先把 From Email 裡的值先刪掉，然後在該設定欄位的右方按下按妞，再選擇 Email 的欄位，按下去後你會看到像是這種的設定值產生 {Email:3} ，Gravity Forms 到時候寄信出去時就會自動解析該欄位來取得相應的值。