使用技巧

5个技巧来促进WordPress的表单转换

无论您是希望访问者进行购买,注册演示还是在网站上下载白皮书,您都需要为该过程创建一个网站表单。

Web表单的设计,消息传递和功能在访问者是否完成表单和转换方面起着重要作用。 对WordPress表单进行这些小的调整可以帮助您减少访问者的认知负担,并促进表单转换。

在本指南中,我们将分享有关 重力形式 和免费的 联络表格7 插入。 这些都可以通过Gravity Forms的核心功能和设置来完成,或者如果您使用的是带有一些免费和高级插件的Contact Form 7。 但是实际上任何技巧都可以应用于大多数顶级 WordPress联系人表单插件。 因此,让我们开始吧!

1.在表单设计中利用强烈的色彩对比

当网络访问者登陆您的网站时,他们通常会寻找最快,最简单的方法来实现目标,无论是获取更多信息还是进行购买。 增加表单转换的一种方法是使所有访客都易于查看表单设计和布局。

WordPress网站上的一个常见错误是使用白色表单背景和薄灰色框作为表单字段设置默认的网站表单设计。

可以考虑创建一个表单设计,该表单设计在表单背景,表单标签和白色表单域之间具有强烈的颜色对比。 为表单选择颜色时,请遵循 WCAG色彩对比指南 对比度至少为4:5:1。 这可以帮助任何有残障或视觉障碍的访问者清楚地将表单字段与网页的背景色区分开。

您可以参考重力形式 开发人员可访问性指南 作为一种资源。 本指南确实包含您需要了解的有关辅助功能和重力形式的所有信息,包括有关颜色对比度和颜色使用的整个部分。

可访问的默认值CF7

信息与下载查看演示

如果您使用免费的Contact Form 7插件,则“可访问默认值”扩展可以帮助您在所有表单上实施可访问性最佳做法。

2.减少可选字段的数量

较长的网站表单会阻止转换,因为它们通常需要较长的时间来填写。 当访客遇到表格时,他们正在下意识地计算填写表格所付出的努力是否值得他们获得的好处。

通常,请尽可能减少字段数。 如果您需要包括一些可选的表单字段,请明确标记必填字段和可选字段,以减少提交表单时的用户错误。

在付费Gravity Form插件中,默认情况下表单字段是可选的,并且您可以在WordPress仪表板中编辑表单时取消选中“ Required”选项。

对于免费的Contact Form 7插件,在表单字段HTML中添加星号是根据需要标识文本字段的最佳方法。

对于长的Web表单,Web访问者还必须考虑是否要共享所有这些个人信息。 考虑在网络表单上添加指向您的隐私权政策的链接,然后按照 GDPR最佳做法 保护数据,以建立与潜在客户的信任。

3.考虑多步/多页表单

如果您需要在网站上使用长表格来进行深入的注册过程或申请,请考虑将其转换为多步骤或多页面的表格。

通过将一个漫长的过程分成几个小步骤,可以减少工作量,并鼓励更多的Web访问者开始该过程。 对于多页表单,在每个页面上的表单下方设置一个进度条会很有帮助,这会在填写表单时指示访问者在流程中的位置。

Gravity Forms WordPress插件

信息与下载

如果您使用付费的Gravity Forms插件,则可以利用内置的插件选项来创建多页表单,并按页面对表单字段进行分组。 在为“开始分页”,“分页符”和“结束分页”添加字段时使用核心选项来创建自己的多步表单。

连络表单7 Pro的多步骤

信息与下载查看演示

Contact Form 7还提供付费插件扩展,使您可以在网站上添加多步骤表单过程。 Multi-Step pro使您可以将长表格分解为逐步的过程。

设置表单的不同页面时,请考虑 用户体验 当有人通过表格。 首先要求提供基本信息,然后尝试将相似的数据分组在一起。 这样可以减少工作量并创建到表单的顺畅流程。

与往常一样,请非常小心地通过简单的网站表单请求任何机密信息,例如健康信息或财务数据。

4.自动格式化表单条目中的数据

某些表单字段可能需要特定的格式,例如电话号码,日期和信用卡号。 通过自动设置表单字段条目的格式,可以加快Web访问者的流程,使他们更快地转换。

在重力形式中,设置电话字段时,可以选择美国或国际电话号码格式样式。

如果您不想将访问者限制为特定的电话格式,则也可以考虑提供数据输入示例作为表单字段的占位符文本。 这可以帮助访问者快速确定日期或地址的正确格式。 在联系表7中,您可以在占位符中添加一个占位符水印。 数字字段的HTML代码 去做这个。

但是,请避免使用占位符文本代替表单字段标签。 这很重要 网络可访问性实践 因为当您单击该字段时,占位符文本会消失,并且某些访问者可能需要标签作为参考。 人们在网络上浏览时也会执行多项任务,因此鉴于他们的注意力可能分散,因此您需要使步骤尽可能清晰。

所有这些步骤将帮助网络访问者在首次提交时正确填写表单。 如果大多数人不断遇到提交错误,他们将不会尝试多次提交表单。

5.避免误导号召性用语

误导性号召性用语可能会损害转化。 请记住,网络访问者正在下意识地评估他们从通过网站表单提供信息中将获得什么好处。

一个 呼吁采取行动 或CTA是您网站上的消息,提示某人立即采取行动。 一些常见的CTA示例是“请求演示”,“获得免费咨询”或“添加到购物车”。

在减少表单上的字段与请求足够的信息以满足客户的要求之间有一个平衡。 如果您承诺提供计算或估计,客户将期望您以表格的形式请求足够的信息,以便立即提供该请求。 如果所有这些字段均缺失,则Web访问者可能会认为该表格具有误导性,他们将收到销售人员的电话,而不是进行计算。

除了表单消息传递外,请查看 谢谢页面 或访客在提交表单后看到的确认消息。 消息传递应通过确认其表单提交已被处理来提供积极的用户体验。

为每种表单设置特定的“谢谢”或“确认”页面也可以帮助进行分析中的转化跟踪。

使用重力表单,您可以在创建表单时在设置>确认下定义“重定向URL”。

联系表7重定向扩展

信息与下载查看演示

对于联系表7,免费提供的联系表7附加重定向功能添加了一个选项,用于在用户成功提交联系表后重定向用户。

WordPress表单转换工具

从颜色对比到字段输入格式,您可以增加WordPress网站上的表单转换次数。 通过利用不同的WordPress工具并遵循UX设计最佳实践,您可以增加访问者尝试在您的网站上提交表单的几率。