有一次我尝试在新工作室注册旋转类。我去了工作室的网站完成了他们的多步点注册表格,但是当我进入三个形式的时间时,我收到了一条错误消息,不会让我完成我的注册。

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

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

精心制作的多步形式意味着更多的访客将完成您的web表单用更少的问题。

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

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

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

如果您在正确的条件下使用多步骤,转换率可能会飙升。但是,您需要知道何时实际启用多步骤形式,何时将其保持为单步窗体。

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

多步形

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

需要大量信息的表单,比如注册表单或订单表单总是受益于分成多个步骤。

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

干筋预约 - 预约
来源:干筋

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

干杆状

来源:干筋

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

drybar-web-form

来源:干筋

在表格结束时,用户可以通过点击“提交付款”按钮轻松填写表单。

单级的形式

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

Lululemon的“联系我们”表格是成功的一步形式的一个很好的例子。只有一类问题,有很少的问题被要求网站访问者不会感到不知所措地审查它们。

lululemon-web-form

Lululemon.

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

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

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

在多步结账表单中,有几个不同的页面,客户可以包括询问客户创建帐户的表单字段,并输入其交付和结算详细信息。在单步结账表单中,通常存在相同的完全表单字段,而是它们同时对客户可见。在单步结账时,客户可在客户端可见的更多信息与多步结账。

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

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

Nobull运输形式

NOBULL

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

丝芙兰购买

来源:丝芙兰

没有规则本,告诉您您的业务最适合哪种选项。但是,你可以制作一个知情决定这适用于您的品牌和客户群。如果您担心为您的买方角色做出正确的决定,那么您可以始终执行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表单