[已修复] 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 提示和教程。