有一次我试着在一家新健身房里报名一个动感单车班。我去了工作室的网站去完成他们的多步骤注册表格,但当我完成表格的第三部分时,我收到了一个错误信息,不能让我完成注册。

错误信息没有解释我做错了什么。所以我试图完成web表单另外四次(是的,我真的很想尝试这个工作室)都没有成功。说我生气是轻描淡写的。最后,我放弃了这个网站(还有动感单车课),转而去跑步。 立即下载:领导一代最佳实践指南

不用说,一个需要数十个字段输入的多步骤表单很容易变得复杂、令人沮丧和耗时。但有一种方法可以使注册与多步骤形成一个积极的体验,为您的网站访问者。

一个精心制作的多步骤表单意味着更多的访问者将完成您的web表单用更少的问题。

你可能会问自己,在用户体验方面,如何通过多步骤表单传播信息来为你的领导创造更多工作?这是一个公平的问题。

答案是,多步骤表单实际上使完成一个长表单所需的大量信息显得更有条理,不那么令人不知所措。此外,多步骤形式被证明是结果更多的转换比单级的形式。例如,在一次实验中,单步形式的转化率增加了59.2%在它被转换成多步形式之后。

多步骤表单和单步骤表单:哪个更好?

如果你在适当的条件下使用多步骤表单,那么你的转化率就有可能飙升。但是您需要知道什么时候启用多步骤表单,什么时候保留单步骤表单。

那么,你怎样才能把它做好呢?不幸的是,没有具体的答案或可遵循的规则手册。但是在创建自己的表单时,这里有一些想法需要考虑。

多步骤的形式

通过将长表单分解为多个步骤,您将在检查表单条目时更加轻松。您还将简化人们填写您的表格的事情。

需要大量信息的表单,比如注册表单或订单表单总是分成多个步骤会有好处。

例如,看看DryBar的注册表。表格中的内容从预约时间到账单信息都有。该表格将每个问题类别划分为分段步骤,使表单易于遵循。

drybar-appointment-booking
来源:Drybar

如果用户没有成功填写所有空白字段,那么Drybar表单不允许用户在完成过程中继续前进。

Dry-bar-form

来源:Drybar

表单的每个部分还将用户带到一个新页面。这是公司为用户划分表单完成过程的另一种方式。raybet电子竞技

drybar-web-form

来源:Drybar

在表单的末尾,用户可以通过点击“提交支付”按钮轻松完成表单。

单级的形式

当您只需要用户提供一种类型的信息时,单步骤表单是有益的。这意味着,如果你只是需要一个领导的基本联系信息,或者如果你只是需要他们的电子邮件地址,没有必要创建多个步骤。

Lululemon的“联系我们”表单就是成功的一步表单的一个很好的例子。只有一种类型的问题,并且有足够的问题被问,一个网站访问者不会感到不知所措一次审查所有的问题。

lululemon-web-form

Lululemon

他们的表单有对表单类型有意义的清晰的字段,并且用户在字段中有足够的空间来在一个页面和一个表单中回答所有的表单字段。

多步骤与一步电子商务结账

一些电子商务网站让客户通过一个多步骤的结账过程,而另一些则使用一个单步骤的过程。虽然选择不一定正确或错误,但企业在他们的网站上选择哪种选择有不同的偏好。你可以选择多步或单步结账基于你的销售,你的客户喜欢什么或你认为什么对你的业务最有效。

在多步骤结帐表单中,客户要处理几个不同的页面,其中可能包括表单字段,要求客户创建帐户并输入交付和帐单详细信息。在单步签出表单中,通常有完全相同的表单字段,但相反,它们对客户都是同时可见的。与多步骤结帐相比,单步骤结帐一次对客户可见的信息要多得多。

例如,NOBULL(一个培训服装和鞋类品牌)在多步骤结账过程中将客户通过三个独立的页面,将内容分成有意义的部分。在表单的顶部,NOBULL概述了表单的三个部分。

在这种情况下,多步骤结帐工作得很好,因为他们要求的信息量很大——通过将其拆分,它看起来很简单,便于客户完成。此外,NOBULL可能会假设(或根据他们收集的数据知道)他们的客户更喜欢看起来干净和简单的多步骤结账过程,而不是一次性看到所有信息的单步骤结账。

nobull-shipping-form

NOBULL

还有很多企业选择将整个结账过程保存在一个页面上,这样所有字段都可以同时显示,比如丝芙兰。丝芙兰知道他们的客户更喜欢单步结账。尽管有大量的信息可供消费,但对于他们的角色来说,将所有内容整齐地排列在他们面前,以便一次查看所有内容是有益的。

sephora-purchase-form

来源:丝芙兰

没有规则手册告诉你哪个选择对你的业务是最好的。然而,你可以做一个明智的决定这对你的品牌和客户群都有好处。如果你担心为你的买家角色做出正确的决定,那么你可以进行A/B测试,或者询问客户的购买体验反馈。你总是可以根据客户的需求调整你的形式。

现在我们已经回顾了应该考虑实现多步骤表单的原因以及它们在哪些情况下最有用,接下来让我们深入了解如何实际创建表单。

如何创建一个多步骤表单

有很多在线表单生成器工具可以用来创建多步骤表单。我们将以HubSpot的表单构建器为例。在HubSpot中,表单构建器实际上是用于单步骤、单页表单的,但是您可以实现一些变通方法来创建多步骤表单。

让我们来看看如何使用HubSpot创建一个多步骤表单。

导航到HubSpot中的营销仪表板。在“营销”下拉菜单下,点击“潜在客户”,然后点击“表单”。然后,遵循以下步骤:

创建多个相互重定向的页面

现在,让我们来看看这些步骤创建多步骤表单。

  1. 创建和发布两个不同的登陆页面。
  2. 点击“市场推广”、“吸引客户”和“表格”。
  3. 创建一个新表单你想问你的领导的第一组问题。
  4. 点击页面顶部的“选项”。
  5. 点击问题下面的“重定向到另一个页面”,“访客提交此表单后应该发生什么?”
  6. 现在是时候添加第二个登录页面了。根据你的帐户类型,确定你需要用哪种方式来做:基础、专业或企业客户:点击下拉菜单中的第二个登陆页,或者点击“添加外部链接”,将第二个登陆页的URL粘贴到字段中。HubSpot CRM或Hub Starter账户:粘贴第二个登陆页的URL在“重定向到这个URL”字段。
  7. 在你创建的第一个登录页面中添加或嵌入你的表单。
  8. 用第二组问题创建一个新表单。
  9. 点击页面顶部的“选项”。
  10. 在“访客提交此表单后应该发生什么?”,你可以决定是否“显示感谢信息”或“重定向到另一个页面”。
  11. 如果你想添加更多的登录页面和表单,重复以上步骤。
  12. 使用HubSpot创建多步骤表单时要记住:除非你在创建的每个表单上都添加了“Email”字段,否则你添加的新表单只有在网站访问者启用了“cookie”的情况下才会与正确的联系人关联。
Hubspot-form-builder

HubSpot的

hubspot-online-form-builder

HubSpot的

还有其他方法可以在HubSpot中创建多步骤表单。

学习如何使用依赖字段或渐进分析来构建下一个表单。

恭喜!您已经使用HubSpot完成了多步骤表单!

结论

多步骤表单有可能增加你的转化率,为你的网站访问者创造更好的用户体验,并确保你的潜在客户和客户顺利注册或付款过程。在一个伟大的表单生成器的帮助下,多步骤表单也很容易创建和嵌入到你的网站上。当你为你的客户和客户提供积极的网络体验时,你就能建立持久的客户关系。

新的文字-动作

新的文字-动作

最初发布于2018年10月12日上午7:00:00,更新于2019年9月5日

主题:

Web表单