提高转化率的 9 个 Web 表单设计最佳实践

已发表: 2022-09-02

您是否使用表单设计最佳实践来充分利用您的 WordPress 表单?

在设计表单时,创建用户喜欢填写的简单、流线型和响应式表单至关重要。

如果您的表单遵循多年来经受住时间考验的关键最佳实践,您可能会获得更多提交并隐藏更多潜在客户。

本文将向您展示最佳 Web 表单设计实践,以提高转化率并让访问者喜欢您的表单。

在本文中

  • 1.使用条件逻辑
  • 2. 申请表增加文件上传字段
  • 3. 使用自定义验证码阻止垃圾邮件提交
  • 4.让访客选择自定义捐赠金额
  • 5. 将一些字段保留为可选
  • 6. 使用 WPForms 智能手机字段
  • 7.使用地址自动完成
  • 8. 为较长的表单使用多页布局
  • 9. 为特定目的使用正确的字段类型

什么是好的表单设计?

当涉及到一个好的表单设计时,最好的做法是让你的表单尽可能简单,只包含与受访者相关的必要字段。

您的表单越长,用户就越有可能在完全填写之前放弃它。

WPForms 是最好的 WordPress 表单生成器插件。 免费获取!

如果您无法避免构建长表单,则可以使用一些策略,例如将表单拆分为多个页面或允许用户保存表单以供以后访问以供您使用。

让我们详细了解您应该遵循的最佳表单设计实践,以便为访问者提供最佳用户体验。

提高转化率的表单设计最佳实践

在我们开始使用最佳表单设计实践之前,请确保您使用 WPForms 创建表单。

WPForms 是 WordPress 的最佳表单构建器插件,可让您为台式机和移动设备创建响应式表单。 它受到超过 500 万家基于 WordPress 的企业的喜爱。

WPForms

借助简单的拖放表单构建器界面和 400 多个表单模板,WPForms 拥有构建遵循表单设计最佳实践的表单所需的所有工具。

立即获取 WPForms

1.使用条件逻辑

条件逻辑允许您创建动态表单、显示自定义文本或根据用户选择设置自定义字段值。

条件逻辑对于高效的表单设计来说是一个如此出色的功能的原因是它允许您仅在用户的响应需要时才显示额外的字段。

conditional job application form

如果没有条件逻辑,您经常会发现自己被迫为所有访问者包含相同的字段,即使这些字段可能与他们无关。 这给这些访客带来了不必要的干扰,增加了被遗弃的机会。

WordPress 表单中条件逻辑的最常见用例是:

  • 仅当用户选中该框以从联系表单订阅电子邮件列表时,才将用户添加到您的电子邮件列表中(非常适合企业)。
  • 如果客户没有选择特定选项,则隐藏整个问题(非常适合长篇调查)。
  • 如果用户购买了最高价格选项(非常适合追加销售),则显示带有独家优惠的 HTML 块。

WPForms 包含一个简单的条件逻辑系统,您可以使用它来控制表单中任何字段的显示行为。

为字段启用条件逻辑

您可以根据需要将逻辑定义为简单或复杂,

使用条件逻辑,您的表单看起来更清晰、更集中、更精简。 因此,每当您的表单中需要可能仅与一小部分访问者相关的字段时,请尝试添加条件逻辑以提供更好的用户体验。

2. 申请表增加文件上传字段

如果您正在制作工作申请表,让申请人能够直接通过您的表格上传他们的简历和其他文件是有意义的。

WPForms 带有一个文件上传字段,允许您通过在线表单收集文件。

Example of multiple files uploaded to the Modern File Upload field

当用户提交条目时,您可以轻松访问他们提交的文件,同时还可以从同一界面查看其余的应用程序详细信息。

这有助于使您的应用程序井井有条,每个申请人的完整文件和详细信息分别存储在您的 WordPress 仪表板中。

此外,它还简化了申请人的工作,因为他们可以提供所有详细信息并从同一个地方附上他们需要的任何文件。

3. 使用自定义验证码阻止垃圾邮件提交

表单垃圾邮件是每个网站都必须处理的主要问题。 虽然 Google 的 reCAPTCHA 有助于打击垃圾邮件联系方式,但它也可能侵犯隐私,让用户无法解决其图像挑战。

WPForms 配备了除 reCAPTCHA 之外的大量反垃圾邮件工具。 一种非常用户友好的有效方法是使用自定义验证码。

WPForms 的自定义验证码插件允许您创建一个简单的问题并定义其答案。 这可以像数学和一样简单,人类可以轻松解决,但垃圾邮件机器人通常无法解决。

A custom maths question in a form field

查看有关创建无垃圾邮件的 WordPress 联系表单的指南,以了解更多防止不必要的表单提交的方法。

4.让访客选择自定义捐赠金额

在您的捐赠登陆页面上收集资金时,您不想强迫他们提供一定的金额。 相反,最好让他们自由选择他们愿意捐赠多少,具体取决于他们可以管理的内容。

WPForms 提供不同类型的付款字段。 Single Item 字段可以设置为接受用户定义的输入,这允许用户输入他们选择的任何捐赠金额并收取完全相同的费用。

A simple donation form

作为一个非营利组织,您的捐赠页面应该鼓励访问者以任何方式做出贡献,并且指定固定的捐赠金额有时会限制他们自由捐赠。

5. 将一些字段保留为可选

您应该始终努力使您的表格尽可能简短。 这意味着确保您仅将那些对您的需求绝对必要的字段标记为必填项。

根据需要标记过多的表单字段是一种糟糕的设计实践,并且可能会关闭想要快速填写表单的访问者。

form fields required

在 WPForms 中,您可以将任何字段标记为必填或使用字段选项中的切换按钮将其保留为可选。

mark as required

如果您希望访问者填写更多信息,您可以标记可选信息,而不是标记必填字段。

6. 使用 WPForms 智能手机字段

为了提高转化率,您必须使表单填写过程毫不费力,需要用户最少的点击和按钮操作。

WPForms 的电话字段可以根据您的地理位置自动显示正确的电话号码格式。 因此,无论您的用户来自哪里,电话字段都会自动添加访问者所在国家/地区使用的电话号码格式。

Smart phone field in WPForms

这是一个简单的方便,但您的用户肯定会喜欢在您的表单中预先填写正确的国家/地区代码的个性化体验。

7.使用地址自动完成

地址自动完成是另一个功能,它可以极大地增强 Web 表单的用户体验,让用户更快地填写他们的地址。

这是一种帮助您的访问者节省时间的简单方法,从而可以减少表单放弃。

address autocomplete field in action wpforms

WPForms 作为 WordPress 的地理定位插件非常有效,因为它能够检测用户的位置,同时还允许他们在交互式地图上查明他们的位置。

您需要 WPForms Geolocation 插件才能访问此功能。 WPForms 可以与 Google Places 或 Mapbox 集成,为您的表单启用地理定位功能。

8. 为较长的表单使用多页布局

长表格可能会让您的访问者不知所措。 最好的长 Web 表单设计实践之一是将表单拆分为多个页面。 这对于转换非常有用,因为它们设法将用户的注意力保持更长时间。

WPForms 的多页布局还为表单添加了进度条,有效地鼓励用户越过终点线并完成完整的表单。 这对提高较长 Web 表单的转化率产生了重大影响。

Multi-Page form in WPForms

一个好的经验法则是在 Web 表单的单个页面上包含不超过 3-4 个字段。 这是在 WordPress 中创建多步骤表单的指南。

9. 为特定目的使用正确的字段类型

Web 表单通常包含不同类型的字段,具体取决于字段所问问题的性质。

例如,当您希望用户从各种可用选项列表中仅进行一项选择时,多项选择(也称为单选按钮)字段非常有用。

multiple choice example

另一方面,如果您希望用户从可用选项中选择一个或多个选项,则复选框字段非常有用。

WPForms Checkboxes

当您想将多个选项压缩到一个下拉菜单中时,“下拉项目”字段最适合,该下拉菜单仅在用户单击它时才会展开。 如果您想减少表单的垂直滚动,这非常有用。

与多项选择字段一样,您一次只能从下拉字段中选择一个选项。

drop down menu in WPForms

如果您想了解有关单选按钮和复选框的更多信息,请查看我们关于单选按钮与复选框字段的文章。

你有它! 这些是一些经过时间考验的网页表单设计实践,顶级营销人员一直在使用这些实践来提高转化率。

在您设计的下一个 Web 表单中使用这些,您可能会看到表单的完成率令人印象深刻!

接下来,应用着陆页表单最佳实践

当有人访问您的目标网页时,您可以一次性转换他们,因此您的表单需要设计为最大的影响力。

查看这篇关于出色着陆页表单最佳实践的文章,了解如何使用着陆页获得出色的结果并避免失去有价值的潜在客户。

此外,请查看此 Gravity Forms vs Typeform vs WPForms 比较,了解哪种表单生成器最适合您的业务。

立即获取 WPForms

准备好构建您的 Web 表单了吗? 立即开始使用最简单的 WordPress 表单构建器插件。 WPForms Pro 包含大量免费模板,并提供 14 天退款保证。

如果本文对您有所帮助,请在 Facebook 和 Twitter 上关注我们以获取更多免费的 WordPress 教程和指南。