一、Elementor 表单简介
在 WordPress 中,Elementor 是最受欢迎的页面可视化编辑器之一,它不仅能快速搭建网站页面,还内置了强大的 表单(Form)组件。通过 Elementor 表单,你可以轻松创建联系表单、订阅表单、询价表单等,不需要写任何代码。
无论你是企业网站还是个人博客,Elementor 表单都是收集访客信息的关键工具之一。而正确设置“接收邮箱”和“邮件发送测试”则是确保表单功能正常的核心步骤。
二、Elementor 表单的创建步骤
- 打开 Elementor 编辑页面
在 WordPress 后台进入页面(或文章),点击 “使用 Elementor 编辑”。 - 拖入表单小工具
在左侧小工具面板中搜索 “表单(Form)”,将其拖入页面中合适位置。
- 自定义表单字段
- 默认会有“姓名”、“邮箱”、“消息”三个字段。
- 点击每个字段可修改标签、占位文字、是否必填等。
- 点击“添加项目”可以增加自定义字段,例如电话、公司名、下拉选择等。
- 设置提交后动作(Actions After Submit)
- 点击左侧“提交后动作”选项。
- 添加 Email 动作,这是发送邮件最关键的设置。
- 若希望同时保存表单内容到后台,可以添加 “Email + Collect Submissions”。
三、设置接收邮箱地址
Elementor 表单发送邮件的接收邮箱可以在 Email 设置 中完成:
- 点击表单 → 左侧选择 Email 选项;
- 在 “To” 字段中输入你想接收邮件的邮箱地址,例如:
To: info@yourdomain.com
- “From Email” 建议填写与域名一致的邮箱,例如:
From Email: noreply@yourdomain.com
⚠️某些主机或邮箱服务(如 Gmail、Outlook)可能拒收与域名不一致的邮件,这时推荐使用同域邮箱或 SMTP 插件发信。
- “From Name” 可以填写你的网站名,例如:
From Name: 我的WordPress网站
- 在 “Message” 区域可以自定义邮件模板,例如:
您有新的表单提交: 姓名: [field id="name"] 邮箱: [field id="email"] 留言: [field id="message"]
- 还可以启用 动态标签(Dynamic Tags) 来自动获取页面标题或 URL,方便识别来源页面。
四、修改接收邮箱的正确方式
如果你网站已上线,想修改接收邮件的邮箱,只需:
- 打开 Elementor 编辑该页面;
- 点击表单 → “Email” 选项;
- 修改 “To” 字段的邮箱地址;
- 点击“更新”保存即可。
⚙️ 小贴士: 如果你的表单通过模板复用(例如页脚联系表单),请确保修改时同步更新模板本身,而非单独某一页面。
五、测试邮箱是否能收到邮件
为了确保用户提交的表单能正常送达邮箱,建议在设置完后进行一次完整测试。
步骤如下:
- 在前端打开该页面;
- 填写表单并提交;
- 检查邮箱是否收到邮件;
如果未收到邮件,可参考以下排查方法:
✅ 方法一:安装 SMTP 插件(推荐)
WordPress 默认邮件函数(wp_mail)容易被拦截。建议使用 WP Mail SMTP 插件。
- 安装并启用 WP Mail SMTP;
- 配置 SMTP 邮箱(如 Gmail、腾讯企业邮、阿里云邮箱等);
- 发送测试邮件验证是否成功;
- Elementor 表单邮件将自动通过该 SMTP 通道发送,更稳定可靠。
✅ 方法二:检查垃圾邮件或服务器限制
部分主机可能屏蔽 PHP 邮件函数;检查:
- 邮件是否被识别为垃圾邮件;
- 服务器是否禁用了
mail()
函数; - 若有 CDN、缓存插件,也可清理缓存后重试。
六、Elementor 表单高级技巧
- 使用动态收件人
可通过条件逻辑将不同来源的表单发送至不同邮箱(如销售、客服)。 - 邮件副本(CC/BCC)
在 Email 设置中添加 CC 或 BCC 字段,可让多位成员同时收到通知。 - 与 CRM 或邮件营销集成
Elementor Pro 支持与 Mailchimp、ActiveCampaign 等集成,可自动同步表单数据。 - 表单样式美化
可通过 Elementor 的样式面板自定义表单的按钮颜色、边框、输入框样式等,让视觉更统一。
七、常见问题与解决方案
问题 | 解决方案 |
---|---|
表单提交后没有邮件 | 检查邮箱是否正确 + SMTP 插件是否启用 |
邮件进入垃圾箱 | 修改发件人邮箱为同域邮箱 |
表单未提交成功 | 检查表单动作是否添加“Email” |
多语言网站表单邮件显示乱码 | 在邮件模板中使用 UTF-8 编码 |
八、总结
通过以上步骤,你已经学会了:
- 如何在 Elementor 中创建表单;
- 如何正确设置与修改接收邮箱;
- 如何测试邮箱是否能收到邮件;
- 以及通过 SMTP 提升邮件送达率的技巧。
Elementor 的表单功能几乎能满足 90% 的网站联系需求。如果你追求更高的稳定性与专业度,建议搭配 WP Mail SMTP 与 Mailchimp 集成,让 WordPress 邮件系统更高效、可控。
本文由 好主题 原创整理,致力于分享实用的 WordPress 建站知识与主题开发经验。 我们专注于提供高质量的 WordPress企业主题 资源,帮助中小企业轻松构建专业网站。 转载请注明来源,并保留原文链接,感谢您的支持与理解。