电子邮件字段

WordPress表单的精准邮箱收集

轻松收集电子邮件地址。从联系表单到需要双重确认的注册流程、域名限制和浏览器自动填充功能——电子邮件字段内置验证和拼写错误预防功能,可准确收集电子邮件地址。

电子邮件字段

专业电子邮件收集与智能验证

Auto Form Builder Pro 的“电子邮件”字段可可靠地收集电子邮件地址。启用确认字段可防止拼写错误,限制公司电子邮件的域名,启用浏览器自动完成功能可加快输入速度,并通过内置验证确保电子邮件格式有效。非常适合用于联系表单、注册表单、订阅表单、申请表单以及任何需要电子邮件地址的表单。

完美的:

  • 联系和咨询表格
  • 用户注册表
  • 通讯订阅
  • 报价申请表
  • 帐户创建
  • 申请提交
  • 预订确认

适用于各种用例的强大功能

✅ 电子邮件确认字段

防止重复输入错误:
添加第二个“确认邮箱”字段,用户必须在此重新输入邮箱地址。这可以防止输入错误,确保准确收集邮箱地址。

如何使用:

  • 主邮箱字段显示在最前面
  • 下方会显示“确认电子邮件”字段。
  • 系统验证两个条目是否匹配
  • 视觉反馈显示匹配状态(绿色=匹配,红色=不匹配)
  • 表单只有在电子邮件地址匹配后才能提交。

为什么要使用确认功能:

  • 防止代价高昂的拼写错误([email protected] vs gmail.com)
  • 确保重要邮件的送达率
  • 降低跳出率
  • 关键表格的专业最佳实践
  • 用户自行发现错误

完美:

  • 账户注册(密码重置邮件)
  • 订单确认(收据交付)
  • 活动注册(电子票邮件)
  • 付款通知
  • 任何对电子邮件准确性要求极高的形式

用户体验:
实时验证并提供颜色编码反馈。用户无需提交表单即可立即查看电子邮件地址是否匹配。

🏢 域名限制

将特定电子邮件域名加入白名单:
启用“限制允许的电子邮件域”功能,即可仅接受来自特定域的电子邮件。非常适合公司内部表单、私密注册或受控访问权限。

如何使用:

  • 请输入允许的域名(每行一个)
  • 系统会在提交时验证电子邮件域名。
  • 只接受匹配的域名
  • 清晰的被拒域名错误信息

常见用例:
公司邮箱专用:
仅允许使用 `@yourcompany.com` 电子邮件地址提交内部表格、员工调查或员工注册信息。

教育机构:
仅限学生使用 `@university.edu` 提交表格、校园调查或学术注册申请。

多个合作伙伴:
允许使用多个域名,例如 `company1.com`、`company2.com`、`partner3.com`,用于合作伙伴门户或 B2B 表单。

已验证的组织:
将特定组织列入白名单,以便其提供仅限会员访问的内容、独家优惠或经过验证的访问权限。

例子:

  • 员工反馈:仅限 `yourcompany.com`
  • 学生门户网站:`school.edu`、`university.edu`
  • 合作伙伴注册:`partner1.com, partner2.com, partner3.com`
  • 会员访问:`org1.org, org2.org, nonprofit.org`

产品优势

  • 确保提交内容合法有效
  • 防止未经授权的访问
  • 验证组织隶属关系
  • 减少来自公共电子邮件的垃圾邮件
  • 控制对受限表单的访问

🔄 浏览器自动补全

更快捷的电子邮件输入:
启用“允许浏览器建议”功能,浏览器即可建议以前使用过的电子邮件地址。用户只需单击一下即可从已保存的电子邮件地址中进行选择。

如何使用:
浏览器识别电子邮件字段
建议保存的电子邮件地址
用户点击建议进行自动填充
立即完成表单

优点:
更快的表单填写速度(单击即可完成,无需手动输入)
减少拼写错误(无需手动输入)
改善用户体验
更高的完成率
在移动设备上尤其有用

隐私友好:
用户可控制浏览器保存的内容。自动完成功能尊重浏览器的隐私设置和用户偏好。

何时启用:
联系表格(回头客)
订阅电子报(老用户)
快速查询表格
可重复使用的公共表单

何时禁用:
敏感注册
共享计算机场景
高安全性表格
需要手动输入电子邮件地址时

✉️ 内置电子邮件验证

自动格式检查:
电子邮件字段内置 HTML5 验证功能。浏览器会在提交前自动验证电子邮件格式。

验证规则:
必须包含 `@` 符号
`@` 之前必须有文本(用户名)
`@` 后面必须有域名
必须具有有效的域名后缀(.com、.org 等)
不包含空格或无效字符

实时反馈:
浏览器会显示验证消息,例如“请在电子邮件地址中包含‘@’”或“请在‘@’后输入电子邮件地址”。

已发现的常见错误:
缺少“@”:“useremailcom”✗
缺少域名:`user@` ✗
缺少扩展名:`user@domain` ✗
空格:`[email protected]` ✗
无效字符:`user@@email.com` ✗

有效的电子邮件格式:
`[email protected]`,`[email protected]`,`[email protected]` ✓

📝 默认电子邮件值

预先填写电子邮件地址:
设置表单加载时显示的默认电子邮件地址。这对于客服邮件、默认联系人或演示表单非常有用。

用例:

  • 预先填写支持邮箱地址,以便回拨请求
  • 显示示例电子邮件格式([email protected])
  • 从数据库中设置已知用户的电子邮件
  • 组织的默认联系人

编辑:
用户可以轻松更改或替换默认值。这只是一个起点,并非最终版本。

默认电子邮件值

🎯 提升用户体验

内置智能功能:

  • 电子邮件专用键盘 – 移动设备会显示带有 @ 和 . 键的优化键盘。
  • 自动完成属性 – 适用于电子邮件字段的 HTML5 自动完成功能
  • 去除空白 – 自动删除意外空格
  • 小写转换 – 为保持一致性,可选择转换为小写。
  • 视觉验证——颜色编码反馈,用于确认匹配
  • 清晰的错误信息 – 具体验证反馈
  • 必填验证——强制输入电子邮件地址
  • 帮助文本支持 – 添加电子邮件格式提示
  • 自定义 CSS 类 – 应用自定义样式
  • 辅助功能支持 – 支持 ARIA 标签,兼容屏幕阅读器
  • 占位符文本 – 显示电子邮件格式提示
  • 支持复制粘贴——完整电子邮件地址可直接粘贴。

🔀 条件逻辑

动态电子邮件字段可见性:
根据表单其他值显示或隐藏电子邮件字段。仅在相关时显示电子邮件集合。

高级逻辑规则:

  • 与逻辑——所有条件必须满足
  • 逻辑或 – 任何条件都可以触发该操作
  • 8 个运算符——等于、不等于、大于、小于、包含、为空等等

用例:

  • 仅当客户类型为“企业”时才显示“企业邮箱”
  • 当用户勾选“添加备用联系人”时,显示“备用邮箱”。
  • 当注册类型为“企业”时,显示“公司邮箱”。
  • 当联系方式设置为“仅限电话”时,隐藏“个人电子邮件”。

三步简单设置

几分钟即可准备好您的电子邮件字段

1
🎯

添加电子邮件字段

将“电子邮件”字段从“基本字段”部分拖放到表单中。

2
⚙️

启用确认(可选)

选中“添加确认字段”可要求进行双重验证,防止关键表单出现拼写错误。

3

配置限制(可选)

启用仅限公司电子邮件的域名限制,开启浏览器自动完成功能以方便使用,并根据需要设置默认值。

???? 搞定!您的电子邮件字段已准备就绪,具备智能验证和拼写错误预防功能。

实际应用

联系表

联系表

* 一般咨询邮件
* 支持请求联系方式
* 联系信息收集
* 回拨请求邮件

会员表格

用户注册

* 账户创建邮件
* 登录凭证电子邮件
* 密码重置邮件
* 验证电子邮件地址

时事通讯

时事通讯

* 订阅电子报邮件
* 营销选择加入收集
* 电子邮件营销活动注册
* 促销邮件收集

产品选择

电子商务管理

* 订单确认邮件
* 收据送达邮件
* 发货通知邮件
* 客户账户电子邮件

专业应用

商业应用

* 报价请求邮件
* 提案通知邮件
项目沟通邮件
* 客户联系信息收集

教育注册

教育与活动

* 活动注册邮件
* 课程注册邮件
* 网络研讨会通知邮件
* 证书发送邮件

完整字段选项

基本配置

  • 字段标签 – 显示在电子邮件字段上方的标题
  • 描述/帮助文本 – 为用户提供的额外指导
  • 必填字段 – 强制输入电子邮件地址
  • 占位符文本 – 用户输入前显示的提示(例如,“[email protected]“)

默认值

默认值 – 表单加载时预填充的电子邮件地址

邮件确认

  • 添加确认字段 – 添加第二个字段,用户必须在此字段中再次输入电子邮件地址,以防止输入错误。
  • 自动验证两个条目是否匹配
  • 显示实时颜色编码反馈
  • 阻止表单提交,直到电子邮件地址匹配为止。

浏览器整合

允许浏览器建议 – 允许浏览器建议以前使用过的电子邮件地址,以便更快地完成填写

域限制

限制允许的电子邮件域 – 仅接受来自特定域的电子邮件地址(例如,仅接受公司电子邮件)

  • 允许的电子邮件域名 – 请将每个允许的域名另起一行输入(不带 @ 符号)
  • 例如:`gmail.com`、`outlook.com`、`yourcompany.com`
  • 每行一个域名
  • 系统会在提交时验证域名。

条件逻辑

  • 启用条件逻辑——根据条件显示/隐藏
  • 逻辑类型
  • 所有条件必须满足(并且)
  • 任何条件均可满足(或)
  • 条件规则
  • 显示/隐藏 – 要采取的操作
  • 字段 – 要检查哪个字段
  • 运算符 – 等于、不等于、包含、大于、小于、为空、不为空
  • 价值 – 比较值
  • 多重条件 – 添加无限条规则

高级选项

  • 隐藏字段 – 将字段设为不可见,但仍会在提交内容中包含电子邮件地址。
  • 自定义 CSS 类 – 应用自定义样式
  • 辅助功能属性 – 屏幕阅读器的 ARIA 标签
  • 文本转换 – 可选的小写转换
  • 空格修剪 – 自动删除空格
自动表单生成器 - 演示

为什么选择我们的邮箱地址?

拼写错误预防
确认字段确保准确收集电子邮件地址。
域名限制
将特定域名列入白名单以进行受控访问
浏览器自动补全
使用已保存的电子邮件建议可以更快地输入信息
内置验证 – HTML5 电子邮件格式自动检查
移动优化 – 移动设备上的电子邮件专用键盘
视觉反馈 – 实时匹配验证以确认
减少垃圾邮件 域名限制可防止虚假电子邮件。
用户友好 清晰的验证信息和提示
完全集成 – 与所有表单功能无缝协作

常見問題解答

问:电子邮件确认字段是做什么用的?

它增加了一个“确认邮箱”字段,用户必须在此重新输入邮箱地址。这样可以防止出现拼写错误,例如…… [email protected] 而不是 gmail.com。两个字段必须匹配才能提交。

问:域名限制是如何运作的?

启用此功能并输入允许的域名(每行一个),例如 yourcompany.com。仅接受以这些域名结尾的电子邮件。

问:我可以允许多个域名吗?

是的。您可以输入多个域名,每行一个,例如 company1.com、company2.com、partner.com。任何一个域名都会被接受。

问:所有表格都应该使用电子邮件确认吗?

将其用于重要的表单,例如注册表单、订单或活动门票。对于简单的咨询表单,为了加快用户操作速度,请跳过此步骤。

问:“允许浏览器建议”有什么作用?

它支持浏览器自动补全功能,用户可以从已保存的电子邮件地址中选择,而无需手动输入。

问:用户可以绕过邮箱验证吗?

不。浏览器会自动强制执行电子邮件格式规则,阻止诸如 user@ 或 @domain.com 之类的错误格式。

问:如何只接收公司邮件?

启用“限制允许的电子邮件域名”并输入您的公司域名。系统将只接受使用该域名的电子邮件。

问:确认字段是否显示在同一行?

不,它显示在主电子邮件字段的正下方,标签为“确认电子邮件”。

问:手机上显示的是什么键盘?

移动设备会显示一个便于电子邮件输入的键盘,其中包含 @ 符号、句点和常用域名快捷键。

问:我可以使用带有条件逻辑的电子邮件字段吗?

是的。您可以根据用户的选择,使用“为空”、“不为空”或“等于”等条件来显示或隐藏电子邮件字段。

问:如果域名不匹配会发生什么?

用户会收到类似这样的消息:“电子邮件域名未被允许。请使用已批准的域名。”

问:出于安全考虑,我应该启用自动完成功能吗?

视情况而定。在公共表单上启用此功能可方便使用。在共享或敏感系统中禁用此功能,以便手动输入。

准备好准确收集电子邮件地址了吗?

开始构建功能强大的 WordPress 表单,具备拼写错误预防、域名限制和智能电子邮件验证功能。