WordPress教學 – WPForms 客製化表單外掛

分享在 facebook
分享在 twitter
分享在 linkedin
分享在 email
分享在 print

當業主想要針對我們的使用者有更近一步的了解或是獲得更多相關資訊時,使用表單便成了一個快速搜集相關數據的方式。然而在表單的設計上,除了外觀的美化之外,題目的設計、整體表單的流暢度、編排等等,卻也大幅度影響了使用者是否願意逐步填寫完表單並送出的關鍵,這時如果可以透過像是 WPForms 這樣方便的表單製作外掛,將可以幫助網頁設計者在表單的製作上更順利且容易。

WPForms 是什麼?

WPForms 教學WPForms 是一個可以協助網頁設計者在 WordPress,可以輕鬆整理獲得的數據,面去繁複的彙整過程,也不用逐一的去閱讀相對應的內容就可以將數據進行完善的統整的外掛程式。除此之外,WPForms 讓網頁設計者可以透過簡單的新增需求、刪除以及排列等簡單步驟,快速地建立一份新的表單,更棒的是,在 WPForms 中也提供了許多不同的表單範本,好是報價表單、付款表單、訂閱表單、註冊表單、捐款表單等等的範本,讓網頁設計者免去了從頭制定一份表單的耗時過程。

WPForms 功能

1. 拖拉式表單編輯器:簡單直觀,不懂程式也能輕鬆上手

2. 多元範本提供:不用從頭自己發想表單內容

3. 即時通知:使用者提交表單後,網頁設計主會立即收到 email 通知,以便快速的回應使用者

4. 響應式表單設計:針對使用者使用的裝置提供相對應的響應式的表單內容呈現

5. 表單濫用防護:預防表單濫用表單的情況,不再需要擔心表單成為垃圾郵件或駭客攻擊的目標

6. 智慧表單:根據使用者不同的回應內容,顯示或隱藏特定的表單內容

7. 對話形式表單:使用類似於對話的方式呈現表單內容,讓使用者在填寫過程中更有像是和真人對答身歷其境的感受

8. 嵌入方便:簡單步驟即可將表單嵌入網站

WPForms 使用步驟

STEP 1

進到 WordPress 的後台,在左邊欄位中點選「外掛」選擇「安裝外掛」進入頁面後,在右上方的關鍵字搜尋欄輸入 WPForms,搜尋後選擇「立即安裝」

WPForms 教學STEP 2

WP Forms 成功安裝後,可以在 WordPress 的左邊欄位中找到 WPForms 的類別,點選進去後就可以開始建立一份表單。

WPForms 教學STEP 3

進入到 WPForms 設定頁面後,可以根據不同的表單需求選擇相對應的表單建立方式,例如 Simple Contact Form 簡單的連絡表單、Newsletter Signup Form 針對電子報訂閱的表單、Suggestion Form 意見回饋表單,或是也可以選擇 Blank Form ,從頭建立一份專屬內容的表單。

WPForms 教學STEP 4

在表單內容設定完成後,WPFroms 會產出一組相對應的表單代碼,只需點選右上角的 Embed,系統會跳出詢問框,不論是要將表單嵌入到既有的頁面中 Select Existing Page,或是要重新建立一個頁面來插入表單 Create New Page,都可以在這裡做設定。

WPForms 教學STEP 5

表單嵌入完成後,回到 WPForms 的設定頁面,選擇通知 Notifications,在這裡將表單通知功能打開,並填寫相關的 email 資料,這樣當表單收到回應時,就會自動發送訊息到相對應的 email 中,以利業主可以即時的針對表單回饋給出回應。

WPForms 教學

透過表單的內容以及設計,可以幫助我們更輕易地獲得使用者相關資料或是意見,不論是在後續聯絡或是針對不同的意見回饋做出相對應的調整方針,表單都是很重要的一個回饋步驟。也因此在表單的優化以及後續數據的搜集統整上,變成了至關重要的一環。WPForms 除了上述提到的功能皆是免付費的之外,也可以付費升級為 Pro 版,但其實針對免付費的版本,WPForms 就已經提供了很完善的功能,網頁設計者們也可以評估自身的需求,去決定是否要升級為 WPForms Pro。

戰國策WordPress 主機贈送正式版外掛一覽表 https://www.nss.com.tw/wordpress-hosting-free-plugin/

Click Me