如何为网站添加联系表单:完整操作指南

设置能够正常送达的网站联系表单:选择必要字段、添加无障碍标签、处理提交错误和垃圾信息,并测试收件路径。

网站联系表单让访客无需打开电子邮件应用就能发送结构化信息,也能让您的地址远离垃圾信息机器人。添加表单需要做出 5 个决定:设置哪些字段、如何标注、提交后发生什么、如何拦截垃圾信息,以及消息发送到哪里。最后一项最容易出错,因此本指南最后会介绍每个已发布表单都应进行的测试。

1. 只询问必要的咨询信息

只收集有助于您有效回复的资料。每多一个字段,访客就多一个放弃的理由。一个不错的默认设置:

只有在会改变回复方式时才增加字段。以虚构清洁公司“Brightside Cleaning”为例:

字段是否保留?原因
姓名、电子邮件、留言是回复所需
邮政编码 / ZIP是立即判断地址是否在服务区域内
服务类型(下拉菜单)是区分定期、单次和退租清洁报价
电话可选部分客户更喜欢电话;不要强制要求
公司、职位、“您从哪里得知我们”否回复住宅清洁报价时用不到

2. 同意事项和无障碍标签

<label for="email">电子邮件(必填)</label>
<input id="email" name="email" type="email" autocomplete="email" required>

3. 提交、错误和垃圾信息

4. 确认测试咨询送达指定收件箱

联系表单外观正常,却没有把消息送到任何地方,这种情况很常见:收件地址错误、邮件进入垃圾箱,或嵌入表单从未连接。发布后按以下步骤测试并记录结果:

联系表单测试
测试页面(线上网址):
发送时间(日期/时间):
使用的测试姓名:TEST - [您的姓名缩写] - [日期]
是否送达收件箱:[地址]
是否收到?是否在垃圾箱?是/否 / 是/否
所有字段是否正确送达?是/否
是否也在手机上测试?是/否
回复地址是否有效(回复会发给访客)?是/否

每次修改表单、目标地址或电子邮件服务商后,都应重新测试。

5. 内置表单与嵌入式表单工具

选项适用于注意事项
建站工具自带的表单简单咨询;少管理一个账户确认提交内容存在哪里,以及是否会通过邮件发送
嵌入式表单服务(例如 Google Forms、Typeform、Jotform、Tally)多步骤表单、文件上传、条件逻辑样式可能不匹配;额外脚本会增加页面负担;请查看各服务商当前套餐限制
自定义代码提交到自己的服务器完全控制、连接 CRM您需要自行维护垃圾信息防护和邮件送达

无论选择哪种方式,都应在客户准备采取行动的地方设置表单:联系页面、每个服务页面末尾,以及页脚或首页的简短表单。

使用 We.Inc 添加表单

在 We.Inc 建站工具 中,您可以用日常语言描述所需表单(例如“带姓名、电子邮件、邮政编码和服务类型的报价表单”),然后通过点击编辑调整标签和布局。AI 建站需要付费方案,Starter 每月 $20 起(价格);免费方案可在 we.inc 地址上创建最多 3 个模板网站。无论使用哪种工具,都应在依赖表单之前运行上面的送达测试。然后使用 网站评分工具检查页面、浏览 企业模板,或通过 网站成本计算器估算费用。

开始创建您的企业网站

常见问题

联系表单应该有多少个字段?

只保留能够有效回复所需的字段。姓名、电子邮件和留言是不错的默认设置;只有会影响回复方式时才增加字段,例如本地服务所需的邮政编码。

为什么我收不到联系表单消息?

常见原因是收件地址错误、邮件进入垃圾箱,或嵌入表单从未连接。发送一条标注明确的测试咨询,并检查收件箱和垃圾邮件文件夹。

联系表单需要 CAPTCHA 吗?

不一定。隐藏蜜罐字段可以拦截许多机器人,且不会打扰访客。只有垃圾信息仍能通过时,才加入 CAPTCHA 类验证。

除了表单,我还应该显示电子邮件地址吗?

这能帮助偏好电子邮件的访客联系您。如果以纯文本显示地址,可能会收到更多垃圾邮件。

免费开始 · 无需信用卡

Product

Who It's For

Features

Resources

Company

View Sitemap