【Contact Form 7 免費表單】,教你解決信箱設定問題

文章更新日期 2021-11-13

先前文章介紹,表單是客戶端和管理者進行資訊溝通的第一個門面,也說明了 WPForms 與 Contact Form 7 的差異性,其中有提到 Contact Form 7最大的缺點就是收發信件設定比較麻煩,萬一遇到訪客無法順利將留言寄出,這時必須仰賴 WP Mail SMTP 外掛協助,才能順利將留言寄送出去

聯絡表單留言發送不出去,實在是很麻煩…

Contact Form 7 安裝與介紹

Step1.Contact Form 7 安裝

外掛安裝不外乎就是後台搜尋關鍵字安裝,或者利用 FTP 上傳安裝即可

Step2.Contact Form 7 介紹

  • 功能選擇按鈕:依據需求,點擊功能選擇按鈕,新增在預設表單欄位
  • 預設表單欄位:新增、修改表單功能都在這個欄位

Contact Form 7 製作基本表單

Step1.點擊網址功能按鈕

Step2.調整語法位置,新增文字描述,存檔

在調整表單當中,有時前後需要加上 <label> </label>,有時則不用,如果出現錯誤訊息,針對<label>語法修改即可。對於略懂 HTML 語法的人,使用 Contact Form 7 會比較上手

如果製作表單過程中,語法出現錯誤,就會出現此訊息…

Contact Form 7 代碼嵌入頁面

Step1.複製表單代碼

Step2.選擇短代碼或者段落,貼上代碼即可

Step3.前台顯示效果成功

Contact Form 7 解決信箱設定問題

Step1.管理者收件信箱設定 Gmail

只要一般設定電子信箱為 Gmail的話,外掛信箱設定就會自動一樣。如果到這階段設定 Contact Form 7 可正常收發訪客的留言,那就不需要安裝外掛 WP Mail SMTP by WPForms,直接略過以下步驟

Step2.安裝外掛 WP Mail SMTP by WPForms

Step3.進入設定

Step4.選擇其他 SMTP

Step5. SMTP 設定

  • SMTP 伺服器:設定為 smtp.gmail.com。如果不是使用 Gmail,需另外查詢
  • 加密方式:點選 TLS
  • SMTP 通訊埠:自動填入 587
  • SMTP 使用者名稱:管理者收信的電子信箱
  • SMTP 密碼:管理者收信電子信箱的密碼

Step6.進行電子郵件測試

Step7.出現錯誤訊息

Step8.Gmail 封鎖登入要求

郵件發送失敗的原因,主要是 Google 認為不是透過本身 Gmail 收發郵件的操作方式,可能會有安全漏洞的疑慮,所以都會先封鎖登入要求

Step9.允許低安全性應用程式:開啟

Step10.測試留言發送成功

將允許低安全性應用程式開啟後,重新測試應該就可以了,如果真的還是不行的話,經過筆者反覆測試有兩種選擇。第一:可單獨使用 Contact Form 7,不需透過 外掛 WP Mail SMTP。第二:改用表單外掛 WPForms,無論使用哪種方式,一定要用 Gmail

結論

對於想要完全免費的表單外掛,Contact Form 7 是不二選擇,加上操作介面中文版,非常適合剛接觸 WordPress 的朋友,我想這也是 Contact Form 7 超過百萬人次下載,廣泛被應用的主要原因

但是如果說想要更輕鬆的製作表單,基本功能需求,還是比較推薦 WPForms,詳細的優缺點已在其他文章描述過。無論使用哪種表單功能,如果真心想要長期經營網站、或者專職當部落客,那麼聯絡表單絕對是不可或缺的工具

☞ 延伸閱讀:WPForms ,輕鬆打造客製化的聯絡表單

Previous Post

【WordPress 必學外掛】WPForms ,輕鬆打造客製化的聯絡表單及重點彙整

Next Post

【WordPress 按鈕】利用精美外掛,改善網站的 Call to Action

21 comments

  1. Roy表示:

    感謝版主提供的資訊,非常受用無窮,感謝版主的用心,辛苦了~

  2. Joseph表示:

    非常詳細的教學,立馬來做測試。

  3. 民樂電腦表示:

    不客氣唷,能幫助到你,是我的榮幸

  4. 民樂電腦表示:

    不客氣唷,能幫助到你,是我的榮幸

  5. leochen表示:

    感謝版主的介紹 想問要改Contact Form的樣式會不會很複雜? 比如字變大等等
    不會程式語言怕把網站改殘XD

  6. 民樂電腦表示:

    會比WPForms複雜多,如果不太懂語法,建議使用WPForms

  7. Dean表示:

    原來 Form 7 可以自己增加語法!我用了那麼久現在才知道!這篇真的很讚,直接拍好拍滿!

  8. 民樂電腦表示:

    感謝你的肯定,能幫助到你,是我的榮幸

  9. Dave表示:

    真是一篇實用的文章
    本來就有下載這個外掛
    但還不清楚詳細用法~
    感謝版主分享!

  10. 民樂電腦表示:

    不客氣唷,希望有幫助到你

  11. 潔西卡表示:

    感謝版主的教學,很實用的外掛!希望未來有更多外掛教學

  12. 民樂電腦表示:

    感謝肯定,有機會多寫一些實用文

  13. Alan表示:

    這篇文章寫的詳細又實用,原本有些地方不懂,看完這篇清楚多了,大推

  14. Jay表示:

    解穌了對於Contact From 7 的問題了, 好文章, 謝謝版主.

  15. 民樂電腦表示:

    非常感謝你的肯定,能幫助到你,是我的榮幸

  16. 民樂電腦表示:

    非常感謝你的肯定,能幫助到你,是我的榮幸

  17. Joyu表示:

    請問本身是用gmail 仍無法正傳送耶, 可能原因會是什麼呢?
    可以的話, 其實不想再另外設置外掛(目前有用WP Mail SMTP)

  18. 民樂電腦表示:

    你可以試試不用 WP Mail SMTP,我有試過單獨用 Contact Form 7 可以傳送,如果真的還不行的話,建議換另外一個表單外掛,簡單又好用,我文章裡面都有寫

  19. JIM表示:

    寫得超詳細的ㄟ 謝謝版主的用心

  20. 民樂電腦表示:

    感謝肯定,能幫助到你,是我的榮幸

Scroll to top