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

文章更新日期於 11 月 7th, 2019 時間 07: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 ,輕鬆打造客製化的聯絡表單

Tags

20 Comments

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

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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Back to top button