當前位置:
首頁 > 最新 > contact form 7 使用教程,史上最受歡迎的WP表單插件

contact form 7 使用教程,史上最受歡迎的WP表單插件

contact form 7是一款免費的wordpress聯繫表單插件,簡稱CF7,在WP官方的插件排行榜里排名第一,也是表單插件里最受歡迎的插件之一。

如果你的外貿網站要增加聯繫表單,留言,郵件訂閱等功能,用它就能實現。

今天一燈會教大家怎麼使用contact form 7,並為大家提供一個詳細的圖文教程,內容很多,包括插件的安裝和使用,自定義設置,以及怎樣防止垃圾郵件騷擾,如果你正準備使用contact form 7,我覺得看本教程就夠用了。

CF7是外貿營銷型網站的標配,幾乎每一個外貿網站的contact us頁面都會用到它,具體效果如下圖所示。

你可以用它製作網站的聯繫表單,讓客戶在網站上就能發送詢盤,而詢盤的內容會自動發送到你綁定的郵箱。

你可以想像一下,如果在外貿網站上設置一個表單,從用戶體驗方面來說,客戶可以很輕鬆給你發送詢盤郵件,並且整個流程都很正式,你既獲得了客戶信息,今後還可以對此客戶實現持續營銷。

從營銷層面來說,你可以使用表單進行問卷調查,這樣做的目的只有一個,就是收集客戶信息,信息可以是客戶郵箱,也可以是客戶對你產品的反饋。

所有填寫表單的聯繫人都會成為你的潛在客戶,比起石沉大海的開發信模式開發客戶,用表單來開發客戶的效果會更好,因為主動來找你的客戶,才是真正對口有需求的客戶。

接下來介紹contact form 7的安裝教程和使用方法,內容並不複雜,如有不足及錯誤請指正但勿噴。


首先登陸WP後台,左邊菜單欄找到Plugins(插件)—>Add New(安裝插件),頁面右上角搜索框中輸入contact form 7,安裝並啟用它。


啟用CF7之後,WP後台的左邊菜單欄里會多出一欄,名字是Contact,它裡面有三個選項,分別是Contact Forms,Add New和Integration。

首先講下Contact Forms,你可以在這裡管理你的CF7表單,插件安裝完會自帶一個已經創建好的表單,如果你安裝了Avada主題的DEMO,會根據DEMO上的樣式自動生成相對應的表單。

如果是已創建好的表單,title名右邊會有一個短代碼,以下圖為例,title名為Contact form 1對應的短代碼是[contact-form-7 id="1187" title="Contact form 1"],你可以把它放入你網站的某個頁面,放入短代碼時請切換到Text模式(只要是添加代碼到頁面里都是選擇Text模式,否則有些代碼會不生效)。

一旦設置完成,將會實現下圖的效果,這個效果是CF7的默認設置。

如果你想新建一個表單,或是對錶單進行一些自定義設置,你可以按照下面的教程進行操作。

Step 1:點擊WP後台菜單Contact —> Add New,新建一個表單,你可以把它命名為Contact form 2,下圖紅框中的選項是一些可以調用的標籤,這些標籤就是你自定義設置所要用到的東西。

Step 2:如果你想在表單的最後面添加一個下拉菜單,你可以點擊標籤欄中的drop-down menu標籤,這個時候會自動跳出一個彈窗,按下圖設置即可,至於是什麼內容由你決定。

如果你想添加一個勾選的選項,你可以添加checkboxes標籤,具體設置如下圖所示。

標籤所生成的代碼如下圖所示。

Step 3:目前生成的選項前是沒有名稱的,如果要添加名稱的話,你可以在生成代碼上面增加一行, 名稱 (required)。

比如新添加的drop-down menu是針對產品的,就命名為 Products (required),checkboxes這個選項是針對選擇的,就命名為 Options (required),具體名稱看你的需求。

記得新添加的代碼都放到[submit "Send"]這個代碼之前,具體怎麼添加如下圖所示,可能你看著複雜,但親自操作一遍就會了,你可以和上圖進行對比,就知道怎麼操作了,其他短代碼的操作也是大同小異。

解析來你要記得保存剛剛自定義的表單,然後像操作Contact form 1一樣,把Contact form 2的代碼放到你需要使用的頁面里,將會實現下圖效果。

關於怎麼新建表單和自定義設置就介紹完了,但這個時候客戶還不能通過表單給你發送郵件,你還需要到你表單的Mail處設置一下你的郵件地址。

這裡我以上面剛建好的Contact form 2為例,具體如下圖所示,紅色標明的地方填入你的郵件地址後保存即可,一共有兩處。

網上有一些不壞好心的人會通過機器人給你發大量的垃圾郵件,我遇到過最糟的情況是是每一分鐘都有垃圾郵件被收進郵箱。。

這些垃圾郵件內容為空白,並偽造了郵件地址,發件人居然是顯示你自己的郵件地址。郵件里的鏈接千萬不要去點擊,可能會中木馬,如果點了請儘快更換你各種賬號的密碼。

被垃圾郵件轟炸是誰都不想遇到的事情,那怎麼處理這個情況呢,一燈一分鐘教你搞定垃圾郵件詢盤。

contact form 7自帶了一個叫integration的選項,目的就是添加一個機器人識別功能reCAPTCHA,具體效果如下圖所示,你可能在很多網站上都看到過它,現在我就教你怎麼把它開通。

首先你要有谷歌賬戶(因為這個功能是谷歌做的),然後點擊Get reCAPTCHA,登陸後填寫你的網站域名,進行註冊。

註冊成功之後會顯示兩個Key,分別是Site key和Secret key,如下圖所示。

把它們填到Contact —> integration的對應選項里,如下圖所示。

然後轉到WP後台菜單欄Contact —>Contact form 2(這裡還是以這個新建的表單為例),添加新的標籤recaptcha,方法和添加下拉菜單一樣,如下圖所示,默認設置即可。

添加好後,代碼如下圖所示,要記得保存啊。

這個時候再切換到添加了Contact form 2短代碼的頁面,將實現下圖效果。


contact form 7是一款非常強大的表單插件,每一個外貿網站都應該安裝它,但前提是你要用WP來建站,關於它的使用教程我就介紹完了,按照教程多操作幾遍你就會了。

你可以用它來做各種各樣的表單,比如詢盤表單,問卷調查表單,聯繫表單,免費資料領取表單等等,目的就是收集客戶信息,為今後開發客戶,做持續營銷做準備。

還沒關注一燈?掃掃下面的二維碼關注即可獲得,不要重演錯過對的人的遺憾,有些故事從一開始就沒有錯。


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 一燈外貿 的精彩文章:

TAG:一燈外貿 |