如何設定 WordPress SMTP 發信+避免進入垃圾信箱?( WP Mail SMTP 外掛教學)

如何設定 WordPress SMTP 發信+避免進入垃圾信箱?( WP Mail SMTP 外掛教學)

這是一篇完整「 WordPress SMTP 」教學,我們將使用 WP Mail SMTP 免費外掛,設置簡單的 SMTP 協定,避免網站信件進入客戶的垃圾信箱。

如果你是 架設電商平台 的站長,可能會需要時常寄送交易信件、電子報 EDM 等 .. 給客戶。所以說,是否有順利成功發信,就會變得更加重要。更多修改 WooCommerce 信件模版教學

我們可以藉由安裝 WordPress 的 SMTP 相關外掛,避免被誤判成垃圾信件,導致無法順利發送信件的問題:)

設定 WordPress SMTP 發信+避免進入垃圾信箱( WP Mail SMTP 外掛教學)影片學習:

設定 WordPress SMTP 發信+避免進入垃圾信箱( WP Mail SMTP 外掛教學)影片學習

為什麼信件會進入垃圾信箱?

定期檢查 WordPress 後端資料庫中殘留外掛資料
寄出的 WordPress 電子郵件進入垃圾信箱?

首先,我們需要對 SMTP ( Simple Mail Transfer Protocol,簡單郵件傳輸協定 ),有一些基本觀念。

因為 WordPress 預設是使用原生函數 wp_mail() 發信的,但這狀況容易被 Google 認為是不安全信件,故可能會直接封鎖信件,讓對方收不到信。

解決方法,就是改用 SMTP 的寄信方式,就能大幅降低漏信的問題。像是 Google 就有提供免費的 SMTP 主機服務,我們只需要搞懂如何串接即可(而且 Google 權威性非常高,比較不會被擋信)。

稍後會教大家,如何在網站透過外掛的方式,串接 Google SMTP,那我們就開始囉!


1. WP Mail SMTP 是什麼?

WP Mail SMTP 外掛可避免 WordPress 信件被判定為垃圾郵件

WP Mail SMTP 可以讓電子郵件使用 SMTP 的模式發信,確保 WordPress 電子郵件可以順利到達收件匣。

它支援像是 Google、Mailgun、Outlook、SendGrid 等知名 SMTP Server 的串接,只需照流程配置,就能順利使用 SMTP 發信,降低漏信問題。如下圖:

WP Mail SMTP 外掛可串接多個電子郵件服務器

WP Mail SMTP 免費版功能,通常就已經很夠用。

如果你有進階版需求,我們還可透過 WP Mail SMTP 外掛,檢視電子郵件成效、重新發送傳送失敗的郵件、多網站同時套用等 .. 。

簡單來說,如果你有信件常無法順利傳送,或是信件常進入到垃圾郵件等 .. 需求,可以參考看看唷:)


2. 安裝+啟用 WP Mail SMTP

我們前往 WordPress 後台 > 外掛 > 安裝外掛,搜尋「 WP Mail SMTP 」安裝+啟用。

安裝+啟用 WP Mail SMTP

啟用後,我們會進入 WP Mail SMTP 的初始設定。

點擊「 Let’s Get Stared 」開始進行電子郵件服務器的串接吧!

點擊「 Let's Get Stared 」開使串接電子郵件服務器
點擊「 Let’s Get Stared 」開使串接電子郵件服務器

3. 串接 Google Mail API 設置

進入 WP Mail SMTP 初始設定後,第一步就是串接電子郵件服務器。

這個章節,我們就以串接 Gmail API 作為示範,若有其他電郵服務商的串接需求,可以參考多種 官方串接教學

Step1:選擇串接 Gmail

進入選擇串接電郵服務頁面,勾選「 Gmail 」,繼續進行下一步。完整 Gmail 串接教學,也可參考 這篇文章

選擇串接 Gmail

接著會跳出訊息通知,確認我們是否要串接 Gmail,選擇繼續串接。

選擇繼續串接 Gmail
選擇繼續串接 Gmail

Step2:取得 Gmail API

接下來,WP Mail SMTP 需要我們輸入 Gmail 相關的串接 API。

小提醒:在串接 Gmail API 之前,請先登出除了欲串接的 Gmail 以外的所有 Google 帳號,否則會導致串接失敗唷!

前往 Google Cloud Platform 頁面,若已經建立網站資源,就可在側邊欄直接找到「 API 和服務 」,進入「 資訊主頁 」。

進入 Google API 管理主頁

進入 API 主頁,選擇「 啟用 API 和服務 」。

選擇「 啟用 API 和服務 」

跳轉到 API 程式庫,下滑找到並選擇「 Gmail API 」。

下滑找到並選擇「 Gmail API 」

進入 Gmail API 頁面,選擇「 啟用 」或是「 管理 」。

進入 Gmail API 頁面,選擇「 啟用 」或是「 管理 」

我們會被重新跳轉回 Gmail API 頁面,選擇「 建立憑證 」按鈕。

選擇「 建立憑證 」

憑證類型選擇「 Gmail API 」、存取資料勾選「 使用者資料 」,接著繼續下一步。

證類型選擇「 Gmail API 」,存取資料勾選「 使用者資料 」

我們進入第二步的 OAuth 同意畫面,開始填寫應用程式資訊。

「 應用程式名稱 」不會影響到數據,可依照站長意思自由填寫,「 使用者支援信箱 」請填寫欲串接的 Gmail 信箱,「 應用程式標誌 」可自由選擇是否上傳。

「 開發人員聯絡資訊 」可以填寫多個信箱,以防萬一,先填入欲串接信箱,最後斟酌填入 1 到 2 個備用信箱即可。

都完成以後,選擇「 儲存並繼續 」。

進入第二步 OAuth 同意畫面,填寫應用程式資訊
進入第二步 OAuth 同意畫面,填寫應用程式資訊

接著第三步的「 範圍 」是可選的,這邊我們先選擇「 儲存並繼續 」跳過第三步驟,直接進入第四步驟:OAuth 用戶端 ID 設定。

在「 應用程序類型 」選擇「 網頁應用程式 」,名稱的部分,維持原預設值即可,也可依照站長意思修改。

第四步驟:OAuth 用戶端 ID 設定
第四步驟:OAuth 用戶端 ID 設定

接著下滑,在「 已授權的重新導向 URI 」中,貼上 https://connect.wpmailsmtp.com/google/ 然後選擇「 建立 」。

貼上 WP Mail SMTP 指定的已授權的重新導向 URI

小提醒:在 WP Mail SMTP 初始設定頁面中,也可以在「 已授權的重新導向 URI 」欄位,找到連結進行複製唷:)

建立完成後,我們就可以啟用 Gmail API 啦~

這邊先不用急著複製「 用戶端編號 」,我們先選擇「 完成 」,跳出建立憑證頁面。

先點擊完成,建立 Gmail API

跳轉到 Gmail API 主頁,我們會在「 OAuth 2.0 用戶端 ID 」找到剛剛建立的憑證,點擊最右邊的鉛筆圖案,進入編輯憑證頁面。

找到剛剛建立的憑證,點擊右側鉛筆圖示,進入編輯憑證頁面

進入編輯憑證頁面後,我們就可以在最右邊,找到「 用戶端編號 」、「 用戶端密碼 」進行複製啦:)

找到「 用戶端編號 」、「 用戶端密碼 」進行複製

複製完成後,我們回到 WP Mail SMTP 外掛初始設定畫面,分別將「 用戶端編號 」貼在「 用戶端 ID 」;「 用戶端密碼 」貼在同名欄位。

確定正確無誤,點擊「 Connect to Google 」連結到 Google 帳戶。

回到 WP Mail SMTP 外掛初始設定畫面,分別貼上「 用戶端編號 」、「 用戶端密碼 」

連接過程中,會跳出 Google 確認是否連結的彈跳視窗,點擊「 允許 」繼續串接。

點擊「 允許 」,繼續串接 WP Mail SMTP 和 Gmail

連結完成後,就可以繼續設定。

這邊可調整「 寄件者名稱 」、「 寄件者電子郵件地址 」需填寫剛剛串接的信箱,完成後,點擊「 Save and Continue 」保存剛剛的串接設定。

完成寄件最後設定,保存 WP Mail SMTP 外掛設定

後續 WP Mail SMTP 還會有一些進階金鑰、相關外掛的設定,這邊站長依照自身需求,選擇繼續或跳過即可。

這樣就完成 WP Mail SMTP 設定囉:)

Step3:上線 Gmail API

雖然已經在 WP Mail SMTP 完成外掛設定,但是我們需要將 Gmail API 更改為發佈狀態,才能夠正式完成串接設定。

回到 Google Cloud Platform 頁面,在左側欄找到 API 和服務 > OAuth 同意畫面。

前往 Google Cloud Console 頁面,進入 API 和服務 > OAuth 同意畫面

進入 OAuth 同意畫面,點擊「 設為外部 」選項,將 Gmail API 上線。

點擊「 設為外部 」選項

接著會跳出彈跳視窗,勾選「 實際運作中 」,點擊「 確認 」儲存設定。

勾選「 實際運作中 」,儲存設定

這樣我們就完成 WordPress SMTP 外掛設定啦:)


4. 發送測試郵件

連接完成後,我們可以發送測試電子郵件,進行 WordPress SMTP 測試。

前往 WordPress 後台,前往 WP Mail SMTP > 工具,選擇「 電子郵件測試 」,進入發送測試電郵區塊。

這邊設定收件者後,就可以按下「 傳送電子郵件 」寄出測試電郵啦,收件者不一定需要是管理員的電子郵箱。

設定+發送測試電子郵件

我們到收件匣,成功看到測試信件發送成功,就表示順利完成 WordPress SMTP 設定囉~

成功收到測試信件,順利完成 WordPress SMTP 設定
成功收到測試信件,順利完成 WordPress SMTP 設定

有的時候,測試信件還是會進入垃圾信箱。

而通常測試信件有問題產生時,WP Mail SMTP 都會跳出警告訊息,這時站長就可以知道問題所在,去分別進行排除。

WP Mail SMTP 會在測試信件有疑問時,發出警告訊息通知站長
WP Mail SMTP 會在測試信件有疑問時,發出警告訊息通知站長

小備註:常見的問題如圖所示,如何解決,可以參考:Google DKIM 設置DMARC 設置 進行問題排除,若操作過程有疑問,歡迎留言詢問唷!


常見問題

如何避免 WordPress 信件進入垃圾信箱?

我們可以藉由跟虛擬主機購買獨立 IP,或是使用 VPS 主機+進行主機相關設置,來解決 WordPress 信件進入垃圾信箱的問題。

另一個更方便的方式,也是最推薦的解決方法,那就是使用 WP Mail SMTP 免費外掛,採用 SMTP 供應商的主機發信,避免被判定垃圾郵件:)

使用 WooCommerce,如何美化系統模版信件?

可以參考我們整理的 WooCommerce 信件模版設計外掛,更改 WooCommerce 內建的 Email 版型。

其中,我們最推薦大家使用的是 YayMAil,犬哥網站也已經推出 YayMail 完整教學,可進行學習唷:)

如果有電子報行銷需求,有推薦的軟體嗎?

可參考 WordPress 電子報外掛推薦,裡面整理了多款熱門的電子報軟體,功能非常的齊全。

如果需要挑一款,也可參考 MailChimp 軟體,有提供 EDM 設計製作、訂閱者匯入匯出、電子報數據分析、自動信件回覆等 ..,多種實用的功能。

MailChimp 也能簡單嵌入到 WordPress 網站中,可參考 MC4WP 教學


WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 3 項架站資源,可有效幫助大家處理網站問題。

資源一:犬哥數位(專業 WordPress 網頁設計公司)

如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!

WordPress 網頁設計公司|犬哥數位

資源二:WP 精選模組攻略書

由於 WordPress 主題 / 外掛有非常多種,很多網友私訊我不知道安裝哪一款,才有辦法實現功能。或是已經試了很多款外掛,但始終找不到適合自己的。

對此我整理了 高達 90 多款精選主題&外掛大全(電子書),這些都是我們團隊協助客戶開發案件時,會搭配使用的。一來外掛品質優良,二來功能性也足夠強!

WordPress 模組電子書

資源三:官方教學資源(含 FB 社群解答)

如果你偏愛自架網站,也歡迎持續關注 犬哥網站 Blog,我們都持續有發布新的網站架設、網路行銷教學。

或是你比較喜歡看影片學習,也可關注 YouTube 頻道,幫助你更容易進入狀況。

當然,如果你在操作過程中遇到問題,也可以加入 WordPress 架站 x SEO 教學時光屋 – 犬哥網站 ,除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。

犬哥網站:WordPress 架站 x SEO 優化技巧,一站式學習!

希望這些對你有所幫助,祝一切順利啦!

關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們分享 WordPress 架站 x 網路行銷知識,不需會任何程式技術,就能自己建立各種網站。 搭配豐富的網路行銷教學,幫助你被更多人看到。 趕快跟著我們的腳步,開始學習吧:)

在〈如何設定 WordPress SMTP 發信+避免進入垃圾信箱?( WP Mail SMTP 外掛教學)〉中有 6 則留言

  1. 您好,謝謝犬哥的文章,
    我在這定完Google 的信箱後,寄送測試郵件有收到,但顯示SPF的錯誤。
    後來當我測試網站商品訂購完成後的信,信箱沒收到,且WP的錯誤log顯示
    Mailer: Google / Gmail cURL error 52: Empty reply from server (see https://curl.haxx.se/libcurl/c/libcurl-errors.html)
    這個錯誤訊息,這樣是哪個地方出現錯誤呢?謝謝犬哥!

  2. 你好請問一下我設定SMTP,google cloud platform設定好了,到驗證頁面跳到選擇帳戶以繼續使用「wpmailsmtp.com」為什麼是出現這個?是我哪邊設定錯誤?

    1. 犬哥網站 - Luna

      嗨,陳琪,

      建議若出現疑問,可以將整個 Google Mail API 刪除,跟著文章重新跑一遍流程試試看,

      因為單看文字不太理解你描述的疑問,若還是出現一樣的問題,可前往 FB 社團,貼上截圖,讓我們跟廣大網友幫助你一起解決問題唷:)

  3. 請問我有跟著文章做到connect to google, 但就到google認證後出現授權錯誤, 錯誤代碼403: access_denied, 不知後續如何處理?

發佈留言

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

返回頂端