8 个减少着陆页摩擦的多步表单示例

Web 用户点击后离开登录页面的情况并不少见，因为它太长或潜在客户捕获表单要求太多信息。 虽然多步骤表单对于收集访客信息至关重要，但许多营销人员未能正确设计它们并最终失去有价值的潜在客户。 这就是为什么您必须设计点击后登录页面以确保访问者保持参与并且不会被冗长的表单吓倒的原因。

一种方法是使用多步骤表单。

什么是多步表单？

多步骤形式是一种较长的形式，分解为较短的、不那么令人生畏的步骤。 从营销人员的角度来看，它非常适合您想要收集详细的潜在客户信息的任何情况，因为它是在小块中收集的。 从潜在客户的角度来看，多步骤表单允许他们通过完成一个简短的表单来展示他们的兴趣，然后继续填写其他表单字段以分享更多关于他们自己和/或他们的业务的信息。

因为仅在用户提交基线信息后才会出现对附加信息的请求。 多步骤表单可以减少点击后登录页面上的摩擦。 以这种方式设计表单可以增加访问者在页面上的时间，产生更多潜在客户，并帮助您深入了解更高质量的潜在客户。 当然，您可以通过营销漏斗进行销售。

多步表单与两步选择加入表单

多步表单和两步选择加入表单都有助于吸引和限定潜在客户。 它们的不同之处在于它们在页面上的显示方式。 多步表单有阶段，每个后续阶段仅在前一个阶段完成后才会出现。 相反，当访问者单击 CTA 按钮时会出现两步选择加入表单，并且弹出框显示该表单。

使用多步表单而不是页面或两步选择加入表单可以避免我们所说的“金发姑娘综合症”。 时间太长，可能会阻止潜在客户完成它； 太短，你最终会得到无法使用的潜在客户，或者更适合营销而不是销售的潜在客户。 通过根据潜在客户当前所在的营销渠道的报价和阶段优化您的点击后登录页面表单，您可以请求更合适的信息，从而产生更好的转化率。

本身可能没有“一刀切”模板，但下面的多步骤表单示例是您在下一个设计中模仿的一个很好的起点。 让我们看看一些世界上最大的品牌如何使用多步骤表单来吸引访客并最大限度地提高潜在客户。

多步表单示例

优步

优步使用这个点击后登陆页面来吸引人们为他们开车作为副业：

他们在页面上使用多步骤表单为访问者创建平滑的转换过程。 请注意 CTA 按钮如何读取“下一步”，并带有一个箭头，将流量引导至表单的第二步。 这两者都表明该过程中至少有一个额外的步骤。

高管和专业人士名人录

这个选择性网络论坛在其主页上放置了一个多步骤表格，以鼓励访问者申请加入网络的资格：

表单设计得很好，带有一个步骤指示器（每个都是一个箭头的形状——这是视觉提示），暗示访问者应该继续每个后续步骤。 CTA 按钮也包含一个箭头，用于向潜在客户表明他们尚未完成申请流程。

由于页面空间有限，页面表单并不总是允许使用大字体、长字段甚至字段标签。 相反，多步形式会创造更多空间，因为它们出现在部分中，因此允许更多变化和视觉提示。 通常，它们甚至包含一个进度条，以便用户可以跟踪他们在注册过程中的进度。

凤凰城大学

看看凤凰城大学研究生院如何使用顶部附近的进度条？

该表格开始要求访问者提供非侵入性信息 - 研究领域、学位水平、学习格式和邮政编码。 进度条是一个很好的接触，因为它让访问者清楚地知道表单需要多长时间才能下载快速入门指南。

在设计多步骤表单时，与社交媒体联系是另一种有效的策略。 事实上，通过社交媒体自动填充，转化率可以提高多达 189%。 通过实现此功能，用户的相关社交信息会自动插入到表单中。

同样在用户体验方面，占位符文本可能会激怒和混淆访问者，因为他们可能会将其误认为是他们的社交帐户已自动填充的字段。 相反，在框上方标记每个字段以减少摩擦并顺利引导用户完成表单。

绿色极客

GreenGeeks 创建了这个点击后登录页面，其中包含一个多步骤表单。 首先，点击后登陆页面提供报价：

访问者单击“立即开始”CTA 按钮后，此页面将显示表单的第一步：

在这一点上，用户不需要任何识别信息——只是一个域（新的或预先存在的）——所以没有完全进入漏斗的用户不会被一个长而复杂的表单吓倒。 一旦访问者准备好继续注册，他们就会被定向到此页面，这是表单的第二步：

这是另一种多步骤表单，每个部分和各个字段都明确标记，为客户提供无缝的注册过程。

思锐营销

这是来自 Cirius Marketing 的一个例子。 他们在弹出框中使用两步选择加入页面和多步表单。 这是点击后登录页面，CTA 按钮在折叠上方立即可见：

这是弹出框中的多步骤表单：

请注意窗口顶部指示 50% 完成的进度条，让潜在客户知道这不是他们需要提供的唯一信息。

萌芽社交

Sprout Social 为他们的潜在客户设计了这个多步骤表格：

第一步是他们创建帐户的地方； 然后他们被带到第二步，在那里他们可以附加他们的社交资料； 最后，在第三步中，他们可以完成注册过程并开始使用 Sprout。

快速底座

下面的 Quick Base 点击后登陆页面提供员工培训服务：

当潜在客户准备好开始免费试用时，他们单击任何合作 CTA 按钮（页面上总共三个），然后到达此多步骤注册表的第一步：

请注意表格的这一部分是如何特别标记为“第 1 步，共 2 步”的。 告知潜在客户他们距离免费试用“几秒钟”，这表明填写表格不会花费很长时间。

套房

Hootsuite 通过明确定义的步骤引导潜在客户完成他们的帐户注册过程：

标题说明了注册需要多少步骤，因此潜在客户立即知道它需要什么。 然后，每个步骤都清楚地标有部分标题，以轻松引导访问者完成。

使用多步骤表单增加页面参与度

如果您的最佳转换方案需要来自潜在客户的大量信息，并且您不想显得令人生畏。 使用多步骤表单来简化情况有助于缓解这些问题。 这些多步骤表单示例可以减少摩擦，说服客户信任您的信息，并最终帮助促成您正在寻找的转化。

始终将您的所有广告连接到个性化的点击后登录页面，以降低您的每次客户获取成本。 立即注册 Instapage Enterprise 演示，开始创建您的专用点击后页面。