WP Mail SMTP

  1. 前言
    若沒透過 SMTP 寄信,可能就會被 google gmail 當成垃圾信了,所以我們需要 SMTP,全名為:簡單郵遞傳送協定(英語:Simple Mail Transfer Protocol,縮寫:SMTP)可用在傳送和接收電子郵件的資訊,但SMTP通常用作傳送電子郵件資訊,而不是接收。

  2. 安裝外掛與啟用
    20231121075325

    20231121075415

    控制台上選取 WP Mail SMTP 項目中的 設定
    20231121105829

    按下啟動設定精靈
    20231121105942

    WP Mail SMTP 畫面上,按下Let’s Get Started
    20231121110016

    選取Google / Gmail,然後按下Save and Continue
    20231121110325

    點擊I Understand, Continue
    20231121110439

    選擇此郵件程式後,您應該會看到一個標題為「Google / Gmail」的新部分。在此部分中,有標記為「客戶端 ID」和「客戶端金鑰」的設定。
    20231121110532

    要產生這些欄位所需的信息,您需要使用 Google 帳戶建立網頁應用程式。 稍後您將返回 WP Mail SMTP 的設定頁面,因此下一步,請在瀏覽器中開啟新分頁或視窗。

  3. 在您的 Google 帳戶中建立網頁應用程式

    1. 在開啟的新分頁或視窗中,登入您的 Google 帳戶並開啟 Google Cloud Console

      注意:繼續之前,請務必登出您將用於 SMTP 設定的帳戶之外的所有其他 Google 帳戶。 另外,如果您使用的是 Google Workspace,請確保您使用的 Google 帳號有權發送電子郵件(換句話說,有權存取自己的收件匣)。

      如果是第一次使用 Google Cloud Console,您可能會看到一個彈出窗口,要求您選擇所在國家/地區並同意服務條款。繼續執行此操作,然後按一下「同意並繼續」繼續下一步。

      20231121111325

      如果您之前曾登入 Google Cloud Console,則可能會繞過服務條款。

    2. 建立或選擇專案
      20231121111857
      然後點擊建立按鈕。
      20231121112308
    3. 啟用 Gmail API
      接下來,您需要為您的專案啟用 Gmail API。在 Google Cloud Console 側邊欄中,前往 `API 和 Service 服務 » 程式庫。
      20231121112643

      注意:如果您在側邊欄中沒有看到 API 和服務,可以透過向下捲動並點擊「更多產品」來找到它。

      然後在類別下尋找並點擊Google Workspace,或在搜尋欄中輸入 Gmail API
      20231121112932
      按一下 Gmail API 查詢結果的圖示
      20231121113026
      Gmail API 頁面上
      20231121113245
      選取本專案後,按一下藍色的啟用按鈕。
      20231121113320

    4. 創建應用程式的憑證
      啟用 Gmail API 後,您應該會重新導向至 Gmail API 概述頁面。在這裡,按一下建立憑證按鈕。
      20231121113618

      在下面,Google 將詢問幾個問題來確定您所需的憑證類型。從選擇 API 下拉清單中,選擇 Gmail API

      注意:如果在下拉清單中沒有看到 Gmail API 選項,請確保您的帳戶已啟用 Gmail API

      接下來,在您將存取哪些資料?下,選擇使用者資料選項。然後點擊下一步按鈕繼續。
      20231121113913

    5. 配置您的 OAuth 同意畫面
      然後,Google 會詢問有關您的應用程式的一些基本資訊。
      此部分主要供個人使用,因為沒有其他人會使用您的應用程式。但是,某些欄位仍標記為必填:

      • 應用程式名稱: 輸入您選擇的應用程式名稱(例如 Pattie’s App)。
      • 使用者支援電子郵件:從提供的選項中選擇您的電子郵件地址。
      • 應用程式標誌:如果您願意,您可以上傳應用程式的徽標。這是可選的。
        最後,在電子郵件地址欄位中新增您的電子郵件地址。然後點擊儲存並繼續按鈕繼續下一步。
        20231121124832
    6. 配置範圍(可選)
      這是一個可選步驟,在這跳過。向下捲動到範圍部分的末尾,然後按一下完成按鈕繼續。
      20231121130855

      注意:有關 Gmail API 範圍的更多信息,請參閱 Google 的開發人員文件

    7. 設定您的 OAuth 用戶端 ID
      接下來,您需要填寫有關 OAuth 客戶端 ID 的一些資訊。 從應用程式類型下拉清單中,選擇 網頁應用程式 應用程式選項。
      一旦您這樣做,更多欄位將自動填入。
      20231121131047
      您可以將名稱欄位保留為預設值或將其變更為更相關的內容。在此範例中,我們將保留預設名稱網路用戶端1
      20231121131236

      接下來,跳過「授權的 JavaScript 來源」部分並捲動到「授權的重定向 URI」。 點擊 + 新增 URI 按鈕並輸入以下內容:https://connect.wpmailsmtp.com/google/
      如果您願意,您也可以從 WP Mail SMTP 設定複製此值並將其貼上到此處。
      20231121131416
      20231121132022
      然後按一下**儲存按鈕完成此步驟。
      20231121132047

      建立應用程式後,「您的憑證」部分將展開以顯示您的用戶端 ID。現在無需複製它,因為您將在稍後的步驟中從另一個區域存取它。 相反,請繼續並點擊頁面底部的完成按鈕。
      20231121132338

    8. 將發布狀態從測試更新為生產
      預設情況下,Google 會將您的應用程式置於內部模式。將其切換到外部模式並發布它非常重要。否則,您的應用程式將受到超級限制並且無法正常運作。
    9. Google Workspace 用戶
      在 Google Cloud Console 側邊欄中,前往 API 和服務 » OAuth 同意畫面。在「使用者類型」下,按一下「建立外部」按鈕。
      20231121132836
    10. Gmail 使用者
      如果不使用 Google Workspace,則不會看到 MAKE EXTERNAL 選項。相反,您需要發布您的 Google 應用程式。 為此,請前往 API 和服務 » OAuth 同意畫面。在「發布狀態」下,您將看到應用程式狀態設定為「測試」。繼續並點擊 實際運作中按鈕來更新您的應用程式狀態。
      20231121133232
    11. 授予您的網站 Google/Gmail 權限
      接下來,點擊左側選單中的憑證
      20231121133440
      進入「憑證」頁面後,在「OAuth 2.0 用戶端 ID」部分中,您可以看到剛剛建立的網頁應用程式的詳細資訊。若要查看客戶端 ID 和客戶端金鑰,請按一下鉛筆圖示。
      20231121133552
      這將打開您的應用程式的所有詳細資訊。在此頁面的右側,您將看到客戶端 ID 和客戶端金鑰值。
      20231121133811

    12. 繼續並將這兩個值複製到 WP Mail SMTP 設定中的對應欄位中。
      20231121133944
    13. 新增這些值後,按下 Connect to Google 做驗證。
      這將開啟 Google 的登入畫面。繼續並登入您用於設定 SMTP 的帳戶。 接下來,您將看到一個螢幕,詢問該網站是否允許代表您發送電子郵件。 準備好後,點擊允許按鈕繼續。
    14. 驗證成功後
      20231121134404
  4. 發送測試電子郵件
    接下來,您將返回 WP Mail SMTP 設定,並顯示一條成功訊息。連線完成後,您就可以發送測試電子郵件了。為此,請導航至 WP Mail SMTP » 工具並開啟電子郵件測試標籤。
    20231121134828
    20231121134856
最後修改日期: 2023 年 11 月 22 日

作者

留言

撰寫回覆或留言

發佈留言必須填寫的電子郵件地址不會公開。