最近幫一位臺灣的朋友設計了一個關於母親節活動的網頁,需要對使用者進行調查,就使用到 Contact Form 7 來實現聯絡表單配置。
Contact Form 7 是一個使用簡單的 WordPress 聯絡表單外掛,簡單但靈活性高,可以生成多個聯絡表單,支援透過標記自定義郵件或表單內容的顯示,Ajax 提交和 jQuery 表單外掛支援,可結合 Akismet 過濾垃圾郵件,同時也支援 CAPTCHA 反垃圾郵件,表單域元素支援各種最常見的:文字 (域與區) 、郵箱、連結、電話、數字 (選值框與滑動選值) 、單選框、核取方塊、下拉選單、 CAPTCHA 等。 Contact Form 7 強大、簡單而靈活,但不是萬能的,地址需要使用下拉式選單,而 Contact Form 7 只有實現單獨的下拉式選單,不能關聯,所以只有透過 jQuery 來實現區域的下拉式選擇。
網上有很多關於 Contact Form 7 的文章,絕大多數是介紹,一點都不實用,但確實沒有什麼好寫的教程,使用起來都一目瞭然,沒有難度。
首頁我們在 WP 後臺搜尋 Contact Form 7 安裝即可,啟用後外掛會自動檢測 WP 的語言來匹配,所以不用擔心漢化,同時外掛預設已經建立了一個表單,如下圖:

生成標籤:以文字域為例,點選上圖右側中的 「文字域」,彈出 「文字域」 的編輯框,如下圖:

這些選項一目瞭然,重要的是需要把 [text your-name placeholder "筆者"] 這段程式碼新增到左側的 「表單」 中,再把 [your-name] 程式碼新增到下圖的 「郵件正文」 中。

其它的標籤使用都是一樣,生成一個標準的聯絡表單非常簡單的就實現了,臺灣地區下拉式選單是透過 jQuery 外掛來實現。如需新增 CAPTCHA 驗證碼標籤,需要安裝 Really Simple CAPTCHA 外掛,沒有安裝,在前臺頁面會提示安裝。