Forminator – 自訂表單製作外掛程式

Forminator – 自訂表單製作外掛程式

WordPress Plugin Forminator 透過這款超強的自訂表單製作外掛程式,不論是聯絡表單、投票系統或是測驗系統,都可以非常輕鬆的建置出來,是 WordPress 必用外掛程式之一。

常看這裡文章的朋友應該都會發現,我個人對於 WordPress 網站聯絡表單外掛程式,幾乎都是分享與 Contact Form 7 這個外掛程式有關。最主要原因是因為它是一款穩定又持續開發的外掛程式。只是使用的技巧稍微複雜,不是每一位新手朋友可以操作。所以今天分享另外一款表單外掛程式,雖說是表單外掛程式,不過它的功能還真的很多,聯絡表單、投票系統、測驗系統都可以,有興趣的朋友花點耐心看完今天分享的文章內容。

WordPress Plugin Forminator

  • 今天分享的這一個外掛程式,免費版本就提供非常強大的自訂功能,所以整篇文章的重點在介紹更種表單自訂的原則,詳細的步驟還是請大家親自嘗試。文字內容與圖片會稍微多一點,也請大家耐心閱讀。
  • 登入 WordPress 控制台/外掛/安裝外掛,輸入關鍵字:Forminator 就可以找到這個外掛程式,請點選安裝並啟用。
安裝 WordPress Plugin Forminator 外掛程式
  • 外掛程式啟用以後,可以在控制台的左側選單欄中看到外掛程式的相關選單,功能非常多。
WordPress Plugin Forminator 外掛程式設定選單
  • 外掛程式設定選項很多,基本上一般設定,可以對聯絡表單、投票、測驗等相關的基本設定在這裡調整。
WordPress Plugin Forminator 外掛程式基本設定
  • 另外,如果擔心垃圾留言攻擊表單,可以在 CAPTCHA 這裡做設定。
WordPress Plugin Forminator CAPTCHA 防垃圾留言設定
  • 接著要提到的設定是 Import 匯入,如果有建置其他表單,就可以透過這個設定匯入不需要重建。
WordPress Plugin Forminator 匯入其他外掛程式表單
  • 外掛程式的設定項目很多,上面三點是特別需要留意的要點提出來跟大家分享,接下來的內容會以建置表單、投票、測驗作範例,請大家耐心閱讀。

Forms 建立表單

  • 點擊 Forms 表單,可以看到新增的按鈕,點擊就可以建立新聯絡表單。
新增聯絡表單
  • 接著會出現要我們建立表單的選項,可以依照自己的需求點選,示範文章我們已建立聯絡表單為範例。
建立聯絡表單
  • 接著提示視窗會要我們為聯絡表單建立標題。
建立聯絡表單標題
  • 接下來就是修改自己聯絡表單的格式內容,在聯絡表單發佈前,也可以點擊右上角的 Preview 預覽,看一下表單設計的樣式。
修改聯絡表單的內容
聯絡表單預覽
  • 聯絡表單建立完成發佈以後,可以看到外掛程式提供的一組短代碼,將這一組短代碼複製起來,建立聯絡我們頁面時會需要用到。
WordPress Plugin Forminator 複製聯絡表單短代碼
  • 在編輯畫面插入短代碼區塊,貼上剛剛複製的短代碼就可以了,頁面發佈以後,就可以看到聯絡表單建置完成的樣式。
插入短代碼區塊
WordPress Plugin Forminator 聯絡表單建置完成示範

Polls 建立投票系統

  • 接下來是建立投票系統,可以點擊 Forminator 選單的 Polls,就可以新增投票系統。
Polls 建立投票系統
  • 接著會出現填寫投票標題的提示視窗,依照自己的需求填寫進行。
填寫投票系統標題
  • 投票系統建立完成以後,就可以開始編輯投票內容的相關設定,同樣的在發佈以前可以透過預覽()
  • 發佈前可以先預覽一下投票建置好的效果。
投票系統預覽
  • 確認投票系統建置完成以後發佈,同樣會獲得一組短代碼,將他複製起來,到建立投票系統的頁面貼上。
投票系統短代碼
  • 建立投票系統頁面後,將投票短代碼貼上,就可以完成投票系統的建置。
投票系統建置完成範例

Quizzes 建立測驗系統

  • 接下來我們稍微示範一下測驗系統的建置流程,同樣的點擊新增按鈕。
WordPress Plugin Forminator Quizzes 建立測驗系統
  • 下一步會出現測驗項目的選擇,可以救自己網站的需求選擇開始。
測驗種類選擇
  • 接下來會讓我們選擇測驗的流程需不需要分頁進行,可以視自己網站的需求選擇。
測驗分頁選項
  • 接著是要不要啟用測驗個資收集,同樣的依照自己網站需求選擇。
測驗個資收集啟用設定
  • 接著就可以開始設計這個測驗的內容了,同樣的在發佈前可以先預覽一下測驗的展示效果。
測驗內容設計
  • 在發佈前,可以透過 Preview 預覽一下測驗的效果。
測驗效果預覽
  • 測驗設計完成以後發佈,同樣的會產生一組短代碼,將它複製起來,在建立測驗頁面時會需要用到。
測驗建立完成的短代碼
  • 完成以後,就可以在網站前台看到測驗頁面的展示效果了。
測驗頁面示範效果展示

Reports 統計記錄

  • 這個免費外掛程式最厲害的功能就是可以直接統計表單、投票、測驗的紀錄在控制台,方便管理者直接檢視,真的是很棒的一項設計。
選擇使用中的聯絡表單、投票系統、測驗系統
檢視聯絡表單統計資訊
檢視投票系統統計資訊
檢視測驗系統統計資訊
Forminator - 自訂表單製作外掛程式

結論

Forminator 外掛程式是由著名的 WPMU DEV 開發維護,免費版本就提供了非常強大的表單編輯功能,如果你正在找尋一款可以同時編輯聯絡表單、投票系統、測驗系統功能的話,那麼今天分享的外掛程式值得大家試試。

About The Author

max

使用 WordPress 架設網站不再是一件痛苦的工作。這裡跟大家分享使用WordPress的相關問題與研究。 並且提供有關WordPress外掛程式,佈景主題等等的使用經驗分享。 幫助想要建立網站的朋友,可以簡單,快速,無痛苦的建立與使用網站。

Leave a reply

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

WordPress 網站架設指南社團

WordPress 網站架設指南臉書互助學習社團

網站架設

WordPress 虛擬主機免費安裝設定