如何将联系表单提交发送到 WhatsApp（无需后端）

Source: Dev.to

问题

许多网站依赖联系表单将提交内容发送到电子邮件。电子邮件并不可靠：信息可能进入垃圾邮件、被延迟，或被新闻通讯和促销内容埋没。对于贸易和服务类企业来说，潜在客户一旦出现每一分钟都很关键。

常见障碍：

• SMTP 配置繁琐且容易出错。
• 共享主机常导致邮件声誉差。
• 垃圾邮件过滤器会吞掉合法信息。
• 企业主并不会持续监控收件箱。
• 重要线索会在新闻通讯和促销邮件中丢失。

要把表单数据发送到 WhatsApp，通常需要：

• 服务器端表单处理程序（PHP、Node、Django 等）。
• WhatsApp Business API 设置（并非易事）。
• Webhook 和 API 令牌。
• 安全的托管配置。

这对一个简单的即时通知来说，需要大量后端工作。

更简洁的解决方案：表单端点服务

与其自己搭建后端，不如使用表单端点服务，让它帮你完成验证和转发。你的 HTML 表单将数据 POST 到外部端点，服务再把数据转发到 WhatsApp（可选的邮件备份）。无需在本地编写任何服务器代码。

示例服务： Web2Phone

• 接受标准 HTML 表单提交。
• 将内容发送到 WhatsApp（或邮件，或两者兼顾）。
• 支持域名白名单和限流。
• 成功提交后自动删除，保障隐私。

示例表单

<form action="https://api.web2phone.co.uk/submit" method="POST">
  <input type="hidden" name="public_key" value="YOUR_PUBLIC_KEY" />
  <input type="text" name="name" placeholder="Your name" required />
  <input type="email" name="email" placeholder="Your email" required />
  <textarea name="message" placeholder="Your message" required></textarea>
  <button type="submit">Send</button>
</form>

• public_key 将表单关联到你的 Web2Phone 账户（浏览器中不暴露机密）。
• 提交后，服务会验证数据并将消息发送到 WhatsApp。
• 发送过程可追踪；若 WhatsApp 发送失败，服务会自动回退到邮件。

受益人群

• 静态站点拥有者，没有后端。
• 机构和自由职业者，快速为客户搭建站点。
• 服务型企业和技工，需要对紧急咨询作出快速响应。
• 任何想要在不搞后端的情况下获得即时线索提醒的人。

关键特性

• 域名白名单 – 仅允许你批准的站点提交。
• 限流 – 防止滥用。
• 蜜罐 & 验证检查 – 减少垃圾提交。
• 符合 GDPR – 成功提交后会在交付后自动删除。

入门指南

1. 在 web2phone.co.uk 注册免费账户。
2. 生成公钥（不到一分钟）。
3. 将公钥填入表单的隐藏 public_key 字段。
4. 将表单部署到你的网站，开始接收即时的 WhatsApp 通知。

无需后端烦恼——只要即时通知，真正看到它们。