[已修復] Elementor 聯繫表未發送電子郵件?

已發表: 2021-02-08

您的 Elementor 表單不發送電子郵件嗎?

有時來自 Elementor 表單的電子郵件可能會消失或變成垃圾郵件。

我們將向您展示如何解決問題並檢查 Elementor 錯誤消息。

立即修復您的 Elementor 表單電子郵件

為什麼我的 Elementor 表格不起作用?

如果您的 Elementor 聯繫表不起作用,可能是因為來自您網站的電子郵件被視為垃圾郵件。

當您的 Elementor 表單發送電子郵件時,它使用wp_mail()函數。 這會通過您的託管服務提供商發送電子郵件而無需身份驗證。 因此,當該電子郵件從一個服務器傳遞到下一個服務器時,該電子郵件將被丟棄或歸檔到垃圾郵件文件夾中。

這是所有 WordPress 網站和網絡主機的一個超級常見問題。 幾乎所有聯繫表單插件都可能發生這種情況。

如何修復 Elementor 表單不發送電子郵件

讓我們首先檢查您的 Elementor 聯繫表是否設置正確。 之後,我們將安裝一個插件來解決您的電子郵件遞送問題。

  1. 對 Elementor 聯繫表進行故障排除
  2. 檢查您的 Elementor 聯繫表通知
  3. 安裝 WP Mail SMTP 插件
  4. 在 WordPress 中設置您的 SMTP 服務

首先,讓我們檢查您的 Elementor 表單是否正常工作。

第 1 步:對 Elementor 聯繫表錯誤進行故障排除

如果您的 Elementor 聯繫表格未發送電子郵件,那麼要檢查的第一件事是該表格實際上在您的網站上工作。

有時新插件或主題可能會破壞您的表單。 特別是,新的緩存插件可能會導致表單提交出現問題。 有時,提交按鈕根本不起作用。

您將看到的錯誤消息取決於您使用的表單生成器,因此我們將查看最常見的錯誤消息。

Elementor 表單生成器故障排除

如果您使用的是 Elementor Pro 表單生成器,您可能會看到如下錯誤:

  • 服務器錯誤
  • 發生錯誤

這兩個錯誤都可能意味著 Elementor 表單構建器中缺少字段 ID。

要解決此問題,請轉到您的 WordPress 儀表板。 打開帶有表單的頁面,然後在 Elementor 頁面構建器中打開頁面。

一個一個地單擊每個字段並檢查“高級”選項卡。 應該為每個表單字段分配一個 ID:

Fix Elementor contact form error

修復 WPForms 錯誤

如果您想要一個與 Elementor 一起使用的免費表單生成器,您可以使用 WPForms。 Lite 版本是 100% 免費的,並且可以在 Elementor 中完美運行。

如果 WPForms 沒有在 Elementor 中發送通知,則問題通常是由插件衝突引起的。

您可能會看到如下錯誤:

  • 表單令牌無效– 此錯誤有時是由緩存插件引起的。 您可以通過在緩存插件設置中排除 WPForms 的 JavaScript 來解決此問題。
  • WPForms 在此頁面上檢測到 JavaScript 存在問題- 此錯誤表示您的 JavaScript 存在問題。 這可能是由您的插件或主題中的設置引起的,禁用縮小應該可以解決此問題。

如果您可以提交聯繫表而沒有看到任何錯誤,那麼是時候深入了解 Elementor 聯繫表電子郵件設置了。

第 2 步:檢查您的 Elementor 聯繫表通知

下一步是檢查您的聯繫表單是否設置了正確的電子郵件通知。

同樣,根據您製作表單的方式,此處的步驟會略有不同。

Elementor 表單生成器通知

如果您使用 Elementor 表單構建器製作表單,您現在需要在 Elementor 中打開您的頁面,然後單擊您創建的表單。

在左側邊欄中,展開表單的通知設置。 單擊提交後的操作 » 電子郵件以查看每次提交表單時發送的通知。

Elementor actions after submit

現在檢查您的表單通知是否設置正確。

發件人電子郵件設置為與您的域匹配的電子郵件地址可能有助於避免電子郵件傳遞問題。

Change the From Name if Elementor contact form not sending email

WPForms 通知

您還可以使用 WPForms 製作您的 Elementor 聯繫表。 將 WPForms 與 Elementor 一起使用有很多好處。 例如,與 Elementor Pro 中的表單構建器相比,WPForms 具有更好的垃圾郵件保護。

要檢查您的 WPForms 通知,請在 Elementor 中打開表單頁面。 單擊嵌入的表單。

然後單擊編輯選定的表單鏈接。

WPForms - Edit the selected form in Elementor

當表單生成器打開時,單擊設置 » 通知

Edit WPForms notifications

您將在右側看到表單通知屏幕打開。

您在此處的通知應打開。 您的發送到電子郵件地址很重要。 如果它設置為{admin_email} ,這意味著您的表單正在向 WordPress 中的默認管理員電子郵件發送電子郵件通知。

如果管理員郵箱有誤,您可以在 WordPress 中更改管理員郵箱,或者刪除{admin_email}標籤並手動輸入郵箱地址。

Default notification email settings

如果您要向多個電子郵件地址發送通知,請在“發送至電子郵件地址”字段中檢查它們是否用逗號分隔。

單擊表單構建器頂部的保存,然後單擊X將其關閉。 現在再次測試表單,看看 Elementor 不發送電子郵件的問題是否已解決。

我們在這篇文章中有更多關於 WPForms 不發送電子郵件的提示。

其他表單生成器

您是否在使用其他表單生成器時遇到問題? 如果是這樣,請跳到我們的指南:

  • 忍者形態
  • 重力形式
  • Elementor 的基本插件

如果您的所有設置看起來都正確,並且您的 Elementor 表單仍未發送電子郵件,則下一步是安裝 WP Mail SMTP 插件。

第 3 步:安裝 WP Mail SMTP 插件

WP Mail SMTP 是一個 WordPress 插件,它改變了從您的 WordPress 站點發送電子郵件的方式。

WP Mail SMTP 不是依靠您的網絡服務器發送電子郵件,而是通過外部電子郵件提供商重新路由您的所有電子郵件。

這將對您的電子郵件進行身份驗證,因此它們不會丟失或被歸檔為垃圾郵件。

需要幫忙?

我們的 Elite 許可證包括用於 SMTP.com 或 Mailgun 的 White Glove 設置。

如果您想自己設置插件,我們將向您展示如何設置。

首先,從您的帳戶區域下載 WP Mail SMTP 插件。 單擊“下載”選項卡,然後單擊橙色按鈕以獲取 zip 文件。

Download WP Mail SMTP to fix Elementor contact form not sending email

現在您需要將插件上傳到您的 WordPress 網站。 如果您需要這方面的幫助,請跳至本指南以安裝 WordPress 插件。

Install WP Mail SMTP

一定要激活插件。

WP Mail SMTP 設置嚮導將在您的瀏覽器中打開。 如果要手動啟動它,請單擊 WordPress 導航菜單中的WP Mail SMTP » 設置嚮導

第 4 步:在 WordPress 中設置您的 SMTP 服務

WP Mail SMTP 嚮導將指導您設置新的郵件服務。 這將修復您的 Elementor 聯繫表不發送電子郵件。

如果您的站點上已經設置了郵件程序,則再次運行該嚮導將刪除您現有的郵件程序。

要開始,請單擊“讓我們開始”按鈕。

Start the WP Mail SMTP setup wizard to fix Elementor form not sending email

在下一個屏幕上,從列表中選擇您要使用的電子郵件提供商。

您在此處選擇的提供商將取決於幾個因素,包括:

  • 電子郵件量——免費電子郵件提供商最適合小型網站,而付費郵件服務則為您提供更多容量。
  • 電子郵件類型——如果您有在線商店,請尋找專門從事交易電子郵件的提供商。

如果您不確定要選擇哪個電子郵件提供商,我們建議您選擇 SMTP.com 或 Sendinblue。

Choose an email service provider for WordPress SMTP

現在是時候跳轉到郵件程序的設置說明了。 單擊下面的鏈接跳轉到我們文檔中的相關頁面:

郵件程序可用於所有版本Pro 中的其他郵件程序
SMTP.com 微軟 365/展望
森丁藍亞馬遜 SES
郵筒Zoho Mail
發送網格
Gmail/谷歌工作區
其他 SMTP

完成後切換回本指南。

在下一步中,將在嚮導中為您啟用電子郵件可送達性和錯誤報告。 我們建議您還啟用電子郵件日誌每週電子郵件摘要。

Enable WordPress email logs and weekly summary

詳細的電子郵件日誌設置將保留從您的站點發送的每封電子郵件的基本記錄,包括:

  • 電子郵件標題
  • 主題行
  • 發送日期
  • 狀態

啟用電子郵件日誌記錄後,您還可以:

  • 跟踪 Elementor 表單通知的電子郵件打開和點擊次數
  • 從您的表單重新發送失敗的電子郵件
  • 存儲通過 Elementor 表單上傳的附件

查看如何記錄您的 WordPress 電子郵件以了解更多信息。

如果您啟用每週電子郵件摘要,您將每週收到一封電子郵件,其中包含有關您的 WordPress 電子郵件的完整統計信息。

Email Summary With Statistics in WP Mail SMTP Pro

完成設置嚮導後,您將收到一封自動測試電子郵件,以確認一切都已修復。

就是這樣! 現在您已經修復了 Elementor 表單不發送電子郵件的問題。

立即修復您的 Elementor 表單電子郵件

Elementor 聯繫表未發送電子郵件的常見問題解答

尋找更多答案? 以下是有關 Elementor 電子郵件發送問題的一些常見問題。

什麼是“服務器錯誤。 表格未發送”是什麼意思?

如果您收到“服務器錯誤。 在 Elementor 中創建表單時出現“未發送表單”錯誤消息,這很可能是wp_mail()配置問題。 默認情況下, wp_mail()使用 PHP 發送您的電子郵件。 但是今天大多數網絡主機出於安全目的而禁用 PHPMail。

要解決此問題,您需要安裝 WP Mail SMTP,它將 wp_mail() 重新配置為使用 SMTP 而不是 PHP 來發送電子郵件。 如果您需要幫助,請參閱上面給出的步驟,您應該不會再在 Elementor 上看到服務器錯誤。

在 Elementor 中提交表單後如何向用戶發送確認電子郵件?

要自定義確認電子郵件 Elementor Forms,請將表單小部件添加到您的頁面,然後轉到提交後的操作»添加操作。 然後添加電子郵件。

這將打開一個菜單,您可以在其中自定義電子郵件主題、電子郵件正文內容、發件人姓名、發件人電子郵件等。

但是,如果您在使用 Elementor 時遇到電子郵件問題,您的確認電子郵件將在用戶提交後無法發送。 要解決此問題,您需要在您的站點上安裝 WP Mail SMTP,如上所述。

下一步:製作很棒的登陸頁面表單

您想要一種簡單的方法在 WordPress 中製作無干擾的登錄頁面嗎? SeedProd 是一個很棒的登錄頁面構建器,可讓您添加聯繫表單並創建自定義佈局。

查看 Elementor 與 Divi 與 SeedProd 的比較,看看它與 Elementor 並駕齊驅。

準備好修復您的電子郵件了嗎? 立即開始使用最好的 WordPress SMTP 插件。 WP Mail SMTP Elite 包括完整的白手套設置並提供 14 天退款保證。

如果本文對您有所幫助,請在 Facebook 和 Twitter 上關注我們以獲取更多 WordPress 提示和教程。