让我们尝试在这里创造一个术语:“静态表单提供商”。您提供 HTML <form>
,但无需担心使其正常工作的后端处理。 有很多这样的服务!
静态表单提供商执行所有任务,例如验证、存储、发送通知以及与其他 API 集成。当您可以将这样的大型职责委派出去时,真是太棒了。成本?通常是每月或每年的订阅,除了少数提供商和有限的计划。成本通常比更花哨的“表单构建器”更低,这些构建器可以帮助您构建表单本身以及处理表单。
在本文中,我们将回顾一些最受欢迎的 静态表单提供商
在继续之前,请注意,这些比较的信息来自访问每个产品的网站并了解其包含的功能。在我获得所有信息后,我发送电子邮件给每个提供商以确认功能列表。其中一些确认了,一些没有。特别感谢 Kwes、FormKeep、Formspree、FormSubmit、formX 和 Netlify Forms 团队的确认。
表单构建组件和验证
名称 | 自定义组件 | 前端验证 | 后端验证 |
---|---|---|---|
Kwes | ✅ | ✅ | ✅ |
Basin | ❌ | ❌ | ❌ |
FieldGoal | 无法确认 | 无法确认 | 无法确认 |
FormCarry | ❌ | ❌ | ❌ |
FormKeep | ✅ | ❌ | ❌ |
Formspree | ❌ | ❌ | ❌ |
FormSubmit | ❌ | ❌ | ❌ |
formX | ❌ | ❌ | ❌ |
Getform | ❌ | ❌ | ❌ |
Netlify 表单 | ❌ | ❌ | ❌ |
用于构建表单的组件是 HTML 输入元素,例如文本输入、文本区域、复选框和单选按钮。使用静态表单时,大多数提供商都需要添加自定义 HTML 属性。通过在表单 action
属性中提供自定义 URL,表单将在提供商一方提交,并在那里存储。
如果您正在寻找表单构建器,FormKeep 具有表单设计器功能。这意味着您可以在页面中嵌入自定义 HTML 和 JavaScript 文件,您将获得一个经过样式化的表单。否则,您必须自己为表单设置样式。
如果您需要自定义组件,例如日期选择器或卡片输入,Kwes 和 FormKeep 是唯一提供此功能的提供商。如果您想在浏览器中验证输入字段,可以使用第三方库或编写自己的代码,这意味着向网站添加额外的 JavaScript 代码。Kwes 是唯一支持基于您在每个输入组件中设置的规则进行前端验证的提供商。要启用此功能,您应该包含额外的 JavaScript 文件,您可能无论如何都会这样做。其他静态表单提供商仅依赖 HTML5 验证。
Kwes 也是唯一提供后端验证的提供商。您在前端设置的规则会传递到后端。如果前端验证失败,您是安全的,后端验证将起作用。其他提供商没有此功能;他们只依赖于垃圾邮件保护。
垃圾邮件保护
名称 | 垃圾邮件保护 |
---|---|
Kwes | 人工智能 自动蜜罐 黑名单 专有技术 |
Basin | Akismet CleanTalk reCAPTCHA 蜜罐 |
FieldGoal | 已提供,但无法确认其功能 |
FormCarry | Akismet reCAPTCHA |
FormKeep | 已提供,但无法确认其功能 |
Formspree | Akismet 亵渎词过滤器 授权域名 自定义 reCAPTCHA 自定义蜜罐 自定义垃圾邮件过滤 |
FormSubmit | reCaptcha 蜜罐 |
formX | reCAPTCHA 蜜罐 |
Getform | Akismet reCAPTCHA |
Netlify 表单 | Akismet reCAPTCHA 蜜罐 |
Kwes 声称其垃圾邮件拦截成功率为 99.6%,无需任何设置。
表单准备好提交后,您可能会发现很难处理垃圾邮件。这就是为什么垃圾邮件保护至关重要的原因,尤其是如果您想保持理智和安宁。所有提供商都以这种或那种方式提供垃圾邮件保护。一些依赖于 Google reCAPTCHA 或 Akismet,一些依赖于蜜罐技术,还有一些使用人工智能来完成工作。值得注意的是,向表单添加额外的步骤,例如添加 reCAPTCHA,可能会影响表单提交的转化率。
电子邮件通知
名称 | 确认 | 通知 | 电子邮件路由逻辑 |
---|---|---|---|
Kwes | ✅ | ✅ | ✅ |
Basin | ✅ | ✅ | ✅ |
FieldGoal | 无法确认 | 无法确认 | 无法确认 |
FormCarry | ✅ | ✅ | ✅ |
FormKeep | ✅ | ✅ | ✅ |
Formspree | ✅ | ✅ | ✅ |
FormSubmit | ✅ | ✅ | ✅ |
formX | ✅ | ✅ | ✅ |
Getform | ✅ | ✅ | ✅ |
Netlify 表单 | ✅ | ✅ | ✅ |
如果您想快速响应用户,电子邮件确认至关重要。例如,使用联系表单,您希望收到每项新提交的电子邮件。这样,您就可以快速有效地响应提交。
除了 FieldGoal 之外,所有提供商都具有确认、通知和电子邮件路由逻辑功能。您可以设置一个电子邮件表单元素,该元素将用于自动向用户发送包含提交确认的电子邮件。
一些提供商除了电子邮件之外还有其他类型的通知,例如推送通知或 Slack 消息,这些消息可能很方便。
白标
名称 | 白标 |
---|---|
Kwes | ✅ |
Basin | ✅ |
FieldGoal | 无法确认 |
FormCarry | ✅ |
FormKeep | ✅ |
Formspree | ✅ |
FormSubmit | ✅ |
formX | ✅ |
Getform | ✅ |
Netlify 表单 | ✅ |
通过电子邮件通知与您的客户进行交流时,您可能希望使用您的品牌和风格。它会提高知名度,并让您的客户熟悉您的产品。所有提供商都提供此功能,除了 FieldGoal,我无法确认(尽管它可能在付费计划中)。
自定义重定向
名称 | 自定义重定向 |
---|---|
Kwes | ✅ |
Basin | ✅ |
FieldGoal | 无法确认 |
FormCarry | ✅ |
FormKeep | ✅ |
Formspree | ✅ |
FormSubmit | ✅ |
formX | ✅ |
Getform | ✅ |
Netlify 表单 | ✅ |
捕获用户的响应后,您可能希望让用户继续使用您的网站。此外,您可能希望向用户传达提交已收到的信息。此功能称为“自定义重定向”,每个提供商都具有此功能(FieldGoal 的另一个例外,因为我无法确认)。请注意,此功能可能在免费计划中不可用,需要付费或升级的帐户。
上传存储
名称 | 上传存储 |
---|---|
Kwes | 每个文件 200MB 20GB 存储空间 |
Basin | 每次提交 100MB |
FieldGoal | Amazon S3 |
FormCarry | 每个文件 5MB 5GB 存储空间 |
FormKeep | 2.5G 存储空间 |
Formspree | 每个文件 10MB 10GB 存储空间 |
FormSubmit | 已包含,但存储空间大小未经确认 |
formX | ❌ |
Getform | 每次提交 25MB 25GB 存储空间 |
Netlify 表单 | 1GB 存储空间 |
并非每个静态表单提供商都提供文件存储。例如,formX 完全不提供。在大多数情况下,此功能在付费计划中可用。您可能需要额外的时间来确定哪家提供商为您提供最佳服务。请务必查看单个文件大小和表单提交大小限制。
数据导出
名称 | 数据导出 |
---|---|
Kwes | ✅ |
Basin | ✅ |
FieldGoal | 无法确认 |
FormCarry | ✅ |
FormKeep | ✅ |
Formspree | ✅ |
FormSubmit | ✅ |
formX | ✅ |
Getform | ✅ |
Netlify 表单 | ✅ |
如果您想将数据用于分析或导入第三方软件,数据导出是一个重要的功能。大多数提供商提供 CSV 和 JSON 导出,它们是最常用的导出格式。
API 访问
名称 | API 访问 |
---|---|
Kwes | ✅ |
Basin | ✅ |
FieldGoal | 无法确认 |
FormCarry | ✅ |
FormKeep | ✅ |
Formspree | ✅ |
FormSubmit | ✅ |
formX | 按需 |
Getform | ❌ |
Netlify 表单 | ✅ |
如果您想通过构建自定义应用程序或脚本来控制数据提交,您可能会从 API 访问中受益。除了 Getform 之外,大多数提供商都具有此功能。formX 提供此功能,但仅按需提供。
Webhook/Zapier
名称 | Webhook | Zapier |
---|---|---|
Kwes | ✅ | ✅ |
Basin | ✅ | ✅ |
FieldGoal | 无法确认 | ✅ |
FormCarry | ✅ | ✅ |
FormKeep | ✅ | ✅ |
Formspree | ✅ | ✅ |
FormSubmit | ✅ | ❌ |
formX | ✅ | ✅ |
Getform | ✅ | ✅ |
Netlify 表单 | ✅ | ✅ |
在构建自定义应用程序或脚本超出预算时,您可能需要使用 webhook 将数据提交与第三方软件集成。Zapier 是最常用的服务之一,但 FormSubmit 不支持它(尽管它支持 webhook)。
分析
名称 | 分析 |
---|---|
Kwes | ❌ |
Basin | ✅ |
FieldGoal | 无法确认 |
FormCarry | ❌ |
FormKeep | ✅ |
Formspree | ❌ |
FormSubmit | ❌ |
formX | ✅ |
Getform | ❌ |
Netlify 表单 | ❌ |
静态表单的分析是一个很酷的功能,可以提供有益的洞察力,了解您的表单的运行情况。它可以帮助您了解用户如何与表单交互,并可能发现改进表单提交体验的方法。此功能是所有其他功能中支持最少的。只有 Basin、FormKeep 和 formX 提供它。
计划比较
名称 | 计划 1 | 计划 2 | 计划 3 | 计划 4 |
---|---|---|---|---|
Kwes | 免费层 0 美元/月。 比以往更快地构建防垃圾邮件和经过验证的表单。 1 个网站 |
青铜层 9 美元/月。 无限垃圾邮件拦截、更多表单工具和提交。 1 个网站 无限表单 无限垃圾邮件拦截 |
白银层 29 美元/月。 使用集成和 webhook 构建功能更强大的表单。 3 个网站 无限表单 无限垃圾邮件拦截 4 个用户 |
黄金层 79 美元/月。 享受更多团队成员,以及所有功能的限制增加。 10 个网站 无限表单 无限垃圾邮件拦截 11 个用户 |
Basin | 标准层 4.17 美元/月(按年计费) |
高级层 12.50 美元/月(按年计费) |
||
FieldGoal | 单一层 1 个表单 5 美元/月。 |
自由职业者层 5 个表单 15 美元/月。 |
工作室层 15 个表单 39 美元/月。 |
代理层 50 个表单 79 美元/月。 |
FormCarry | 婴儿层 免费 |
基础层 15 美元/月。 |
增长层 40 美元/月。 |
|
FormKeep | 入门层 4.99 美元/月。 |
入门包 每月每个表单 7.50 美元 |
自由职业者层 每月每个表单 5.90 美元 |
代理层 每月每个表单 3.30 美元 |
Formspree | 免费层 0 美元/月。 |
黄金层 10 美元/月。 |
平台层 40 美元/月。 |
|
FormSubmit | 无限 | |||
formX | 免费层 0 美元/月。 最多 100 次提交。 |
入门层 4.99 美元/月。 |
SMB 和自由职业者 49.99 美元/月。 |
企业和代理机构 99.99 美元/月。 |
Getform | 免费层 0 美元/月。 |
基础层 非常适合小型企业 7.5 美元/月。 每年 90 美元 |
代理层 24 美元/月。 每年 290 美元 |
企业层 57.5 美元/月。 每年 690 美元 |
Netlify 表单 | 级别 0 $0 每月 100 次提交。 每月 10 MB 上传。 |
级别 1 每个网站每月 19 美元 每月 1,000 次提交。 每月 1 GB 上传。 |
级别 2 自定义定价和限制 |
静态表单提供商有不同的计划,从完全免费的计划和试用版到满足每个业务需求的企业计划。根据计划的不同,您可能启用了不同的功能。例如,FormSubmit 是唯一一家提供所有功能的免费提供商,但它不支持我们在此介绍的每个功能。您需要花费一些时间来了解哪些功能对您和您的产品或业务最重要。然后,选择最适合您需求的提供商。
总结
对于大量网站来说,拥有任何形式的表单都是必不可少的。当您使用静态网站生成器时,您可能会发现静态表单提供商可以轻松地将表单添加到网站中。通过遵循一些启用静态表单的规则,您将受益于垃圾邮件防护和电子邮件通知等基本功能。
我已经使用 Kwes 一段时间了,我可以诚实地告诉您它是一款很棒的产品,满足了我的所有需求。它具有智能垃圾邮件防护、易于使用的仪表板以及令人印象深刻的验证功能,包括前端和后端。
在选择静态表单提供商之前,请务必将所有需求记录下来,然后找到完美的提供商。
表单提供商 form.taxi 可能会让所有德语用户感兴趣:https://form.taxi
感谢发布这篇文章。我在我的网站 (hondohondo.com) 上使用 Netlify,它运行得非常好!
很高兴能帮到您,Moses。
非常有用的文章!不过提醒一下,Kwes 的网站表示他们的免费层包含 30 个垃圾邮件拦截,而不是您在计划表中提到的 50 个。
已编辑:你说得对;他们在免费计划中提供 30 个垃圾邮件拦截。
我认为他们的网站已经过时了,因为这些信息来自 Kwes 团队。但感谢您的评论。很高兴听到您觉得它有用。
我最近加入了这个领域,推出了 StaticKit!我特别关注开发人员体验和现代静态网站生成器(例如,一个
useForm
React 挂钩,可以很好地与 Next.js 和 Gatsby 结合使用)。有趣的发现。感谢您的信息。
今年年初,我花了几天时间寻找理想的静态表单提供商。
我想 Kwes 当时还没有出现,因为它是您列表中我唯一不认识的。
Basin 最初是我的最佳选择,直到他们改变了定价模式。
最后,我非常高兴,因为我发现了 Formspark(应该在您的列表中),它非常棒,在我看来拥有最佳的定价模式(免费使用 500 次提交,然后 25 美元可购买一个 50,000 次提交的捆绑包,该捆绑包永不过期)。
嗨,Marc,
感谢您的信息。我将考虑尽快将 Formspark 添加到列表中。
您好!
我也只能推荐 formmonkey.io:价格便宜、功能丰富,与 formspree 相比,它还提供匿名端点 URL。如果您能将 formmonkey.io 添加到您的列表中以使其完整,那就太好了 :-)
您好,感谢您的建议。我可能会在不久的将来考虑添加一些额外的提供商。敬请期待!
Formspree 在其免费计划中提供匿名端点。您不必在 URL 中输入您的电子邮件。如果您在 formspree.io 创建表单,您将获得一个 URL,其中您的电子邮件地址会被一个随机的 ID 替换。
好文章!尤其是按功能进行比较。
我看到现在这个领域有点拥挤了!
上周我在 https://indiehackers.com 上偶然发现了类似的服务 https://flexyform.com