无论您是希望访问者进行购买、注册演示还是在您的网站上下载白皮书,您都需要为该过程创建一个网站表单。
Web 表单的设计、消息传递和功能对于访问者是否完成表单和转换起着重要作用。对您的 WordPress 表单进行这些小调整可以帮助您减少访问者的认知负担并提高表单转换率。
在本指南中,我们将分享有关 Gravity Forms 和免费的 Contact Form 7 插件的信息。这一切都可以通过 Gravity Forms 核心功能和设置来完成,或者如果您使用带有一些免费和付费插件的 Contact Form 7。但几乎任何技巧都可以应用于大多数顶级 WordPress 联系表单插件。让我们开始吧!
1.在表单设计中利用强烈的色彩对比
当网络访问者登陆您的网站时,他们通常会寻找最快、最简单的方式来实现他们的目标,无论是为了获得更多信息还是为了进行购买。增加表单转换的一种方法是使所有访问者都能轻松查看表单设计和布局。
WordPress 网站上的一个常见错误是将默认网站表单设计设置为白色表单背景和表单字段的灰色细框。
考虑创建一个在表单背景、表单标签和白色表单字段之间具有强烈颜色对比的表单设计。在为表单选择颜色时,请遵循 WCAG 颜色对比度指南,对比度至少为 4:5:1。这有助于任何残障或视障访问者清楚地区分表单字段与网页的背景颜色。
您可以参考 Gravity Forms 开发人员可访问性指南作为资源。本指南确实包含您需要了解的有关辅助功能和引力形式的所有信息,包括有关颜色对比和颜色使用的整个部分。
资料下载查看演示
如果您使用免费的 Contact Form 7 插件,Accessible Defaults 扩展可以帮助您在所有表单上实施可访问性最佳实践。
2.减少可选字段的数量
较长的网站表单可能会阻碍转化,因为它们通常需要更长的时间来填写。当访问者看到表格时,他们会下意识地计算填写表格所付出的努力是否值得他们获得的收益。
一般情况下,字段的数量越少越好。如果您需要包含一些可选的表单字段,请清楚地标记必填字段和可选字段,以减少用户在提交表单时的错误。
在Gravity Form付费插件中,默认情况下表单字段是可选的,您可以在WordPress仪表板中编辑表单时取消选中“必填”选项。
对于免费的 Contact Form 7 插件,向表单字段 HTML 添加星号是根据需要识别文本字段的最佳方式。
对于长长的网络表单,网络访问者还必须考虑是否共享所有这些个人信息。考虑在您的 Web 表单上添加指向您的隐私政策的链接,然后遵循 GDPR 最佳实践来保护数据以建立与潜在客户的信任。
3.考虑多步骤/多页面表单
如果您的网站上需要一个长表单来进行深入的注册过程或申请,请考虑将其转换为多步骤或多页面表单。
通过将冗长的过程分解为更小的步骤,您可以减少工作量并鼓励更多网络访问者开始该过程。对于多页表单,在每个页面的表单下方都有一个进度条会很有帮助,这将指示访问者在填写表单时所处的流程。
资料及下载
p>
如果您使用付费的 Gravity Forms 插件,您可以利用内置插件选项创建多页表单和按页分组表单字段。在为“起始分页符”、“分页符”和“结束分页符”添加字段时,使用核心选项创建您自己的多步骤表单。
资料下载查看演示
Contact Form 7 还提供付费插件扩展,允许您将多步骤表单流程添加到您的网站。 Multi-Step pro 允许您将长表格分解为逐步流程。
在设置表单的不同页面时,请考虑有人浏览表单时的用户体验。首先询问基本信息,然后尝试将相似的数据归为一组。这减少了工作量并创建了一个平滑的表单流程。
与往常一样,在通过简单的网站表单请求任何机密信息(例如健康信息或财务数据)时请格外小心。
4.自动格式化表单条目中的数据
某些表单字段可能需要特定格式,例如电话号码、日期和信用卡号。通过自动格式化表单字段条目,您可以为您的网络访问者加快流程,让他们更快地转换。
在 Gravity Forms 中,设置电话字段时,您可以选择美国或国际电话号码格式样式。
如果您不想将访问者限制为特定的电话格式,您还可以考虑提供数据输入示例作为表单字段的占位符文本。这可以帮助访问者快速确定日期或地址的正确格式。在 Contact Form 7 中,您可以为占位符添加占位符水印。数字字段的 HTML 代码执行此操作。
但是,请避免使用占位符文本代替表单字段标签。这是重要的 Web 可访问性实践,因为当您单击该字段时,占位符文本会消失,一些访问者可能需要标签作为参考。人们在浏览网页时也会同时处理多项任务,因此您希望让步骤尽可能清晰,因为他们的注意力可以分散。
所有这些步骤都将帮助网络访问者在第一次提交时正确填写表格。如果不断出现提交错误,大多数人不会多次尝试提交表单。
5.避免误导性号召性用语
误导性号召性用语会损害转化。请记住,网络访问者会下意识地评估他们将从通过网站表单提供信息中获得什么好处。
号召性用语或 CTA 是您网站上提示某人立即采取行动的消息。一些常见的 CTA 示例是“请求演示”、“获得免费咨询”或“添加到购物车”。
在减少表单上的字段和请求足够的信息以满足客户之间存在平衡。如果您承诺提供计算或估计,客户会希望您以立即提供请求的形式请求足够的信息。如果缺少所有这些字段,网络访问者可能会认为该表格具有误导性,他们会接到销售人员的电话而不是计算。
除了表单消息,查看感谢页面或访问者在提交表单后看到的确认消息。消息应通过确认他们的表单提交已被处理来提供积极的用户体验。
为每个表单设置一个特定的“谢谢”或“确认”页面也有助于分析中的转化跟踪。
使用 Gravity Forms,您可以在创建表单时在“设置”>“确认”下定义“重定向 URL”。
资料下载查看演示
对于 Contact Form 7,免费提供的 Contact Form 7 Add-on Redirect 功能添加了一个选项,可以在用户成功提交联系表单后进行重定向。
WordPress 表单转换工具
从颜色对比到字段输入格式,您可以增加 WordPress 网站上的表单转换次数。通过使用不同的 WordPress 工具并遵循 UX 设计最佳实践,您可以增加访问者尝试在您的网站上提交表单的几率。