8 个多步骤表单示例,以减少着陆页摩擦
已发表: 2017-08-28Web 用户点击离开点击后登录页面的情况并不少见,因为它太长或潜在客户捕获表单要求提供太多信息。 虽然多步骤表单对于收集访问者信息至关重要,但许多营销人员未能正确设计它们并最终失去了宝贵的线索。 这就是为什么您必须设计点击后登录页面以确保访问者保持参与并且不会被冗长的表格吓倒的原因。
一种方法是使用多步骤表单。
什么是多步表单?
多步骤形式是将较长的形式分解为较短、不那么令人生畏的步骤。 从营销人员的角度来看,它非常适合您想要收集详细的潜在客户信息的任何情况,因为它是以小块的形式收集的。 从潜在客户的角度来看,多步骤表单允许他们通过填写简短表单来展示他们的兴趣,然后继续使用其他表单字段来分享更多关于他们自己和/或他们的业务的信息。
由于对附加信息的请求仅在用户提交基线信息后才会出现。 多步骤表单可以减少点击后登录页面上的摩擦。 以这种方式设计表单可以增加访问者在页面上的停留时间,产生更多潜在客户,并帮助您深入了解更高质量的潜在客户。 当然,您可以通过营销渠道培养销售。
多步骤表单与两步选择加入表单
多步表单和两步选择加入表单都有助于吸引和限定潜在客户。 它们的不同之处在于它们在页面上的显示方式。 多步骤形式有阶段,每个后续阶段仅在前一阶段完成后出现。 相反,当访问者单击 CTA 按钮时,会出现两步选择加入表单,并且弹出框会显示该表单。
使用多步骤表单而不是页面或两步选择加入表单可以避免我们所说的“金发姑娘综合症”。 太长,可能会阻止潜在客户完成它; 太短,你最终会得到无法使用的线索,或者线索更适合营销而不是销售。 通过根据您的潜在客户当前所在的营销漏斗的报价和阶段优化您的点击后登陆页面表单,您可以请求更合适的信息,进而产生更好的转化率。
本身可能没有“一刀切”的模板,但下面的多步骤表单示例是您在下一个设计中效仿的一个很好的起点。 让我们看看一些世界上最大的品牌如何使用多步骤表单来吸引访问者并最大限度地增加潜在客户。
多步表单示例
优步
优步使用这个点击后登陆页面来吸引人们为他们开车作为副业:
他们在页面上使用多步骤表单为访问者创建一个流畅的转换过程。 请注意 CTA 按钮如何显示为“下一步”,并带有将流量引导至表单第二步的箭头。 这两者都表明该过程中至少有一个额外的步骤。
谁是高管和专业人士
这个选择性网络论坛在其主页上放置了一个多步骤表格,以鼓励访问者申请网络资格:
该表单设计精良,带有一个步骤指示器(每个都是箭头形状——这是视觉提示),暗示访问者应该继续执行每个后续步骤。 CTA 按钮也包含一个箭头,以向潜在客户表明他们尚未完成申请流程。
由于页面空间有限,页面表单并不总是允许使用大字体、长字段甚至字段标签。 相反,多步骤形式会创建更多空间,因为它们出现在部分中,因此允许更多变化和视觉提示。 通常,它们甚至包括一个进度条,以便用户可以跟踪他们在注册过程中的进展情况。
凤凰城大学
看看凤凰城大学研究生院如何使用靠近顶部的进度条?
该表格开始要求访问者提供非侵入性信息——学习领域、学位水平、学习形式和邮政编码。 进度条是一个很好的接触,因为它让访问者清楚地知道在他们可以下载快速入门指南之前表单还有多长时间。
在设计多步骤表单时,连接社交媒体是另一种有效的策略。 事实上,通过社交媒体自动填充,转化率可以提高多达 189%。 通过实现此功能,用户的相关社交信息会自动插入到表单中。
同样在用户体验方面,占位符文本可能会激怒和混淆访问者,因为他们可能会将其误认为是已经由他们的社交帐户自动填充的字段。 相反,在框上方标记每个字段以减少摩擦并顺利引导用户浏览表单。
绿极客
GreenGeeks 创建了这个点击后登录页面以包含一个多步骤表单。 首先,点击后登陆页面提供以下信息:
访问者单击“立即开始”CTA 按钮后,此页面将显示以下形式的第一步:
此时,不会要求用户提供任何识别信息——只是一个域(新的或预先存在的)——所以没有完全进入渠道的用户不会被冗长、复杂的表格吓倒。 一旦访问者准备好继续注册,他们将被定向到此页面,这是表格的第二步:
这是另一个多步骤表单,每个部分和各个字段都清楚地标记,为客户提供无缝的注册过程。
Cirius 营销
这是 Cirius Marketing 的一个示例。 他们使用一个两步选择加入页面,在弹出框中有一个多步骤表单。 这是带有 CTA 按钮的点击后着陆页,在首屏上方立即可见:
这是弹出框中的多步骤表单:
请注意窗口顶部指示完成 50% 的进度条,让潜在客户知道这不是他们需要提供的唯一信息。
萌芽社会
Sprout Social 为他们的潜在客户设计了这个多步骤表格来完成:
第一步是他们创建帐户的地方; 然后他们会被带到第二步,在那里他们可以附上他们的社交资料; 最后,在第三步中,他们可以完成注册过程并开始使用 Sprout。
快速基地
下面的 Quick Base 点击后登录页面提供员工培训服务:
当潜在客户准备好开始他们的免费试用时,他们单击任何合作 CTA 按钮(页面上总共三个),然后到达此多步骤注册表的第一步:
请注意表格的这一部分是如何特别标记为“第 1 步,共 2 步”的。 告知潜在客户他们离免费试用“几秒之遥”表明填写表格不会花费很长时间。
Hootsuite
Hootsuite 通过明确定义的步骤指导潜在客户完成他们的帐户注册过程:
标题说明了注册有多少步骤,因此潜在客户立即知道它需要什么。 然后,每个步骤都清楚地标有部分标题,以轻松引导访问者完成。
通过多步骤表单增加页面参与度
如果您最好的转换方案需要来自潜在客户的大量信息,并且您不想给人留下恐吓的印象。 使用多步骤表单来简化情况可以帮助缓解这些问题。 这些多步骤表单示例减少了摩擦,说服客户相信您的信息,并最终帮助实现您正在寻找的转化。
始终将您的所有广告连接到个性化的点击后登录页面,以降低每次客户获取的成本。 立即注册 Instapage Enterprise 演示,开始创建您的专用点击后页面。