Contact Form 7插件是WordPress網(wǎng)站中最流行的插件，

總安裝量有500多萬(wàn)，

該插件已經(jīng)成為WordPress網(wǎng)站開(kāi)發(fā)的一個(gè)標(biāo)配插件，

該插件還有另外一大特點(diǎn)，就是用戶能夠完全免費(fèi)使用。

Contact Form 7插件排名情況

Contact Form 7插件簡(jiǎn)介

Contact Form 7插件的能夠滿足網(wǎng)站添加聯(lián)系表單，

搜集用戶留言，

實(shí)現(xiàn)郵件訂閱功能以及搜集用戶的反饋信息等等于表單相關(guān)的功能。

如果在Wordpress網(wǎng)站建設(shè)時(shí)

只是使用Contact Form 7一個(gè)插件的話我們可能會(huì)碰到郵件發(fā)送失敗的情況，

那么我們就需要安裝一個(gè)WP-Mail-SMTP插件來(lái)讓Contact Form 7正常的工作，

小編也嘗試過(guò)不通過(guò)其他插件來(lái)達(dá)到正常發(fā)送郵件，

但是折騰了一陣子發(fā)現(xiàn)WP-Mail-SMTP真香，

關(guān)于WP-Mail-SMTP怎么去設(shè)置

請(qǐng)查看這一篇文章wordpress中Gravity form表單用戶提交后管理員收到郵件通知設(shè)置教程。

來(lái)正確設(shè)置WP-Mail-SMTP插件吧。

WP-Mail-SMTP插件的使用

?

在不使用使用其他的插件情況下我們是不能夠在wordpress網(wǎng)站后臺(tái)查看到網(wǎng)站表單的提交情況的，

但是我們能夠在我們的設(shè)置的收件人郵件中收到用戶給我們發(fā)送的郵件，

但是這樣對(duì)于我們收集網(wǎng)站表單提交信息太過(guò)于復(fù)雜了，

所以我推薦大家在wordpress插件界面搜索一下

關(guān)鍵詞Contact Form 7 Datatbase來(lái)安裝合適的Contact Form 7數(shù)據(jù)庫(kù)插件。

下圖為小編安裝的Contact Form 7 數(shù)據(jù)庫(kù)插件，

通過(guò)安裝數(shù)據(jù)庫(kù)插件我們能夠查看到用戶提交表單的基本信息。

Contact?Form 7 數(shù)據(jù)庫(kù)插件

?

這里我們簡(jiǎn)單的介紹Contact?Form 7表單，

以及使用如何更加簡(jiǎn)單的使用Contact?Form 7插件，

在一定程度上降低我們使用它的難度。

Contact Form 7表單控件詳解

現(xiàn)在我們簡(jiǎn)單的介紹Contact?Form 7表單，

以及使用如何更加簡(jiǎn)單的使用Contact?Form 7插件，

這一節(jié)中我們將會(huì)詳細(xì)的為大家講解如何正確的使用Contact?Form 7插件，

并給大家詳細(xì)的解答Contact Form 7的設(shè)置項(xiàng)。

我們進(jìn)入到網(wǎng)站后臺(tái)之后依次點(diǎn)擊 插件 -> 安裝插件 進(jìn)入到wordpress網(wǎng)站插件安裝界面中，

點(diǎn)擊 熱門 選項(xiàng)，能夠查看wordpress網(wǎng)站中最熱門的一些插件，

進(jìn)入到熱門插件選項(xiàng)之后插件列表的頭一個(gè)就是Contact Form 7 插件了，

我們點(diǎn)擊現(xiàn)在安裝按鈕進(jìn)行插件安裝，插件安裝完畢之后，

在原位置點(diǎn)擊啟用按鈕，啟用安裝好的Contact Form 7 插件，啟用完畢之后就如下圖顯示。

?

Contact Form 7 安裝

?

?

Contact Form 7 插件啟用之后在后臺(tái)側(cè)邊欄中會(huì)出現(xiàn)聯(lián)系選項(xiàng)，

我們對(duì)表單的添加，

刪除以及修改都是這個(gè)選中進(jìn)行的。

Contact Form 7 顯示

?

在后臺(tái)中依次點(diǎn)擊 聯(lián)系 -> 聯(lián)系表單進(jìn)入到所有的Contact Form 7表單界面中，

在啟用Contact Form 7插件時(shí)，

會(huì)創(chuàng)一個(gè)默認(rèn)的表單。

Contact Form 7 默認(rèn)表單

在后臺(tái)中依次點(diǎn)擊 聯(lián)系 -> 添加表單，

讓我們重頭創(chuàng)建一個(gè)Contact Form 7的表單，

并且詳細(xì)介紹我們?cè)谑褂肅ontact Form 7插件時(shí)一些參數(shù)。

進(jìn)入到表單創(chuàng)建界面之后，

我們來(lái)一一介紹該界面的功能，

表單創(chuàng)建界面如下圖，

該界面的各個(gè)模塊用處名稱已經(jīng)在圖片中描述出來(lái)了。

Contact Form 7 參數(shù)

?

表單組成項(xiàng)的詳細(xì)解釋

• 文本 ---- 該表單控件我們一般可用用于進(jìn)行少量文本的輸入，例如，姓名，公司名稱，公司地址，反饋標(biāo)題，問(wèn)題標(biāo)題等等

• 郵箱地址 ---- 該表單控件可用于郵箱的填寫，如果該表單控件中填寫的不是郵箱地址，在用戶提交時(shí)是會(huì)報(bào)錯(cuò)的，并阻止表單數(shù)據(jù)的提交

• 鏈接 ---- 該表單控件用于用戶填寫鏈接，效果與郵箱地址項(xiàng)類似

• 電話 ---- 該表單控件可用于用戶填寫電話聯(lián)系信息，如果該表單控件中填寫的不是數(shù)字，在用戶提交時(shí)是會(huì)報(bào)錯(cuò)的，并阻止表單數(shù)據(jù)的提交

• 數(shù)值 ---- 該表單控件用于填寫相應(yīng)的數(shù)值數(shù)據(jù)，例如：產(chǎn)品金額，投資金額，年齡等等，如果該表單控件中填寫的不是數(shù)字，在用戶提交時(shí)是會(huì)報(bào)錯(cuò)的，并阻止表單數(shù)據(jù)的提交。該表單控件提供了兩種顯示模式。

• 日期 ---- 該表單控件可用于用戶填寫日期數(shù)據(jù)，例如：用戶的生日，畢業(yè)日期，公司成立日期等等。如果控件不能夠得到您想要的數(shù)據(jù)，您可以嘗試使用文本控件代替日期控件

• 文本段 ---- 該表單控件可用于用戶填寫大量文本，例如用戶的需求說(shuō)明，公司詳情等等。

• 下拉式菜單 ---- 該表單控件可用于用戶選擇指定的數(shù)據(jù)，例如：國(guó)家，城市，學(xué)歷，年齡范圍等等

• 復(fù)選框 ---- 該表單控件可用于用戶選取多個(gè)指定的數(shù)據(jù)，例如：興趣，技能，特點(diǎn)等等

• 單選按鈕 ---- 該表單控件可用于少量的指定選項(xiàng)，例如：性別，是/否等等。該表單控件與下拉菜單還是有些許的不同，只有少量的選項(xiàng)小編建議使用單選，大量的選項(xiàng)可以使用下拉菜單。

• 接受 ---- 該表單控件可用于注冊(cè)界面，支付界面的相關(guān)注意事項(xiàng)的提醒，建議再使用該控件時(shí)設(shè)置為必選項(xiàng)。

• 測(cè)驗(yàn) ---- 該表單控件可用于進(jìn)行問(wèn)題設(shè)置時(shí)進(jìn)行使用，該控件的使用效果有點(diǎn)類似于我們進(jìn)行QQ好友添加時(shí)需要回答的問(wèn)題，該表單控件能夠設(shè)置問(wèn)題及問(wèn)題的答案

• 文件 ---- 該表單控件能夠讓用戶進(jìn)行文件上傳的操作，可上傳文檔，表格，多媒體文件等等。

• 提交 ---- 該表單控件是一個(gè)必須品，該控件的功能是能夠讓用戶提交所填寫的信息，在創(chuàng)建一個(gè)新表單時(shí)一定要添加該控件。

?

下圖為小編使用主題的默認(rèn)表單樣式，

在不同的主題下表單的顯示的效果是會(huì)不一樣的，

您也可以自行對(duì)表單的內(nèi)容進(jìn)行設(shè)置。

Contact Form 7 顯示效果

Contact Form 7郵箱配置

上面的內(nèi)容我們介紹了Contact Form 7 中的表單控件，

表單控件表示的什么以及顯示效果。

現(xiàn)在我們來(lái)介紹一下怎么來(lái)配置Contact Form 7的郵件功能，

這個(gè)早wordpress網(wǎng)站開(kāi)發(fā)中是很重要的一點(diǎn)，

如果郵件功能沒(méi)有配置功能，

網(wǎng)站管理員也就會(huì)收不到相應(yīng)的信息，

如果該表單是一個(gè)訂閱表單的話，則會(huì)造成潛在客戶丟失的情況。

在wordpress網(wǎng)站后臺(tái)中點(diǎn)擊表單選項(xiàng)，進(jìn)入到Contact Form 7編輯界面或是創(chuàng)建界面，

我們選擇 郵箱 選項(xiàng)，進(jìn)行郵箱的配置，

這個(gè)配置沒(méi)創(chuàng)建一個(gè)Contact Form 7表單是都是需要進(jìn)行配置的，

所以您可以在不同的表單上設(shè)置不同表單提交信息的收件人。

下圖為郵箱配置界面圖

Contact Form 7郵箱配置界面圖

再進(jìn)行配置時(shí)需要注意的有以下幾點(diǎn)：

• 發(fā)件人郵箱 ---- 這里填寫的郵箱地址要與WP Mail SMTP中填寫的郵件要統(tǒng)一，不然在進(jìn)行表單提交時(shí)會(huì)發(fā)生錯(cuò)誤的

• 郵件地址 ---- 這里填寫的收件人郵箱，發(fā)件人的郵箱地址后綴必須是域名的名稱，不然這會(huì)發(fā)生錯(cuò)誤，導(dǎo)致無(wú)法進(jìn)行郵件正常的發(fā)送。例如我的網(wǎng)站名稱是wordpresshy.com，那么我填寫的郵箱地址必須是以@wordpresshy.com進(jìn)行結(jié)尾的。

Contact Form 7留言配置

在wordpress網(wǎng)站后臺(tái)中點(diǎn)擊表單選項(xiàng)，

進(jìn)入到Contact Form 7編輯界面或是創(chuàng)建界面，

我們選擇 留言 選項(xiàng)，

可以看到Contact Form 7提供的錯(cuò)誤提示，

我們可以在相應(yīng)問(wèn)題提示中設(shè)置合適的提示，

這樣用戶在進(jìn)行表單信息提交的時(shí)候，

出現(xiàn)問(wèn)題的時(shí)候就能夠更具錯(cuò)誤提示進(jìn)行修改。

下圖為留言界面圖。

Contact Form 7留言界面圖

Contact Form 7額外的設(shè)置

在wordpress網(wǎng)站后臺(tái)中點(diǎn)擊表單選項(xiàng)，

進(jìn)入到Contact Form 7編輯界面或是創(chuàng)建界面，

我們選擇 額外的設(shè)置 選項(xiàng)，

就能夠看到Contact Form 7為我們提供的放置表單樣式的地方，

您可以在這個(gè)文本框中填寫已經(jīng)填寫完畢的表單樣式。

這里的修改還是需要去咨詢一下懂得怎么使用樣式的程序員，

可以讓較為專業(yè)的人來(lái)進(jìn)行操作，

在后續(xù)的中我們會(huì)給出幾款好款的表單樣式。

Contact Form 7額外設(shè)置界面圖

?

WP花園結(jié)語(yǔ)

contact form 7是WordPress中最重要的一個(gè)插件之一，好好學(xué)習(xí)能夠幫你獲得很多海外客戶的詢單。

如果你的網(wǎng)站在谷歌的SEO上有不錯(cuò)的成績(jī)，就能通過(guò)contact form 7的插件，來(lái)獲取潛在客戶的詢盤。