Contact Form 7 WordPress 表單插件,免費表單插件的佼佼者,定製功能強悍,相當大部分 theme 有用到或者基於此插件改造。下面
簡要説説,我們在響應式網站建設、外貿網站建設項目中經常用到的一些定製方法以及細節處理。當然表單就是我們在網站中獲取客
户詢盤的重要手段!你懂的。
第一步:插件下載安裝
Contact Form 7 插件下載地址:https://WordPress.org/plugins/contact-form-7/ 可在後台直接下載

當前最新版本 4.3.1 。安裝完成之後在後台菜單欄會出現

直接新建表單,圖下圖,三個紅色框框圈起來的就是我們的表單字段以及提交按鈕

需要的字段根據自身網站需求來構建表單,字段使用也相當簡單,直接點字段,都會有相應的提示

還可以像我們一樣,嵌套 html 代碼來使用,這樣我們可以在頁面自定義 CSS 來非常方便創建漂亮的表單。
創建完之後,要使 Contact Form 7 插件前台正常收發信,還需要在後台配置 SMTP 信息,安裝 smtp 插件即可!
第二步:收件配置選項
到這一步,還不算完成,點選項卡的郵箱,會出現 如下

根據你命名的表單字段的 name,在下面的選項中來填寫試用,才能讓表單正常收發信。很多用户,就是沒有配置此選項導致無法正常
收發信。
第三步:提示信息配置
切換到選項卡留言選項,可以看到當前台用户輸入信息正確或者錯誤的相關提示,在這邊可以自定義

第三步:額外配置
這一步可以省略,此處可以自定義觸發表單的時候激活什麼事件,高級用户可以用到此高大上的功能!一般小白直接忽略即可。
如上,我們最終基於 Contact Form 7 WordPress 表單插件輕鬆的構建了漂亮的 WordPress 表單功能,如圖

是不是很強大!