解决 Unbounce 中的“单一表单”问题

作者的观点完全是他们自己的（不包括催眠这一不太可能发生的事件），并且可能并不总是反映 Moz 的观点。 什么是取消弹跳？ Unbounce是一款众所周知且备受推崇的登陆页面创建工具，旨在让 HTML 新手创建令人印象深刻且有影响力的登陆页面，同时为更有经验的编码人员提供更多乐趣。 在这篇文章中，我将列出一些解决方案来解决我所说的 Unbounce 的“单一形式”问题，它们的优点和缺点，以及我个人更喜欢的解决方案。 什么是“单一形式”问题？ 与任何试图采用复杂流程并使其易于实施的系统一样，必须牺牲一定程度的细微差别和灵活性。 一个限制是 Unbounce 上的每个登陆页面只能有一个嵌入表单（有一些社区文章讨论该主题，例如：1、2、3）。虽然如果您用表单轰炸访问者，确实存在号召性用语疲劳的风险，但希望在多个点提供对表单的轻松访问是一个合理的要求。



例如，您可以通过强烈的号召性用语和页面顶部的表单来引导，然后 目标电话号码或电话营销数据 当用户有时间吸收有关您的产品的更多信息时，在页面下方进一步跟进。下面的Teambit登陆页面就是一个简单的例子，该页面被 Hubspot 评选为 2017 年您需要看到的 16 个最佳登陆页面设计示例。 此Teambit页面的顶部有一个简单的电子邮件收集表格 一旦访问者有机会阅读更多内容，该表格就会在页面底部重复。 单一形式问题的潜在解决方案 现在我们已经确定了问题，让我们来看看一些解决方案，好吗？ 幸运的是，有几种可能的方法可以解决此问题，可以使用内置的 Unbounce 工具，也可以通过开放的 HTML、CSS 和 JavaScript 输入添加代码。 值得记住的是，一种解决方案是页面上根本不包含表单，而是让号召性用语按钮链接到带有表单的其他页面。这是 Unbounce 在下面的示例中使用的方法。虽然这是一种完全有效的方法，但我不会将其称为该问题的解决方案，而是将其称为完全不同的格式，因此我没有将其包含在下面的列表中。 这里 Unbounce 使用两个 CTA（橙色按钮），但不依赖于页面上的表单。





1. 滚动锚点按钮 这可能是最简单的解决方案，因为 Unbounce 本身就支持它： 在页面下方您想要第二个表单的位置创建一个按钮。 在右侧按钮设置面板的“点击操作”部分中编辑该按钮，您通常会在其中放置要链接到的 URL 添加保存表单的盒子的唯一 ID 代码（您可以通过编辑该盒子并滚动到右侧面板底部的“元素元数据”来找到该代码） 注册按钮 右侧按钮设置面板的“单击操作”部分 右侧元素设置面板底部的“元素元数据”部分 好处 实现快速且简单，几乎不需要直接的 JavaScript 或 HTML 操作。 缺点 从用户的角度来看，有更多无缝的方法可以实现这一点。即使平滑滚动（请参阅下面的“奖励点”），用户的体验也可能会有点不舒服，特别是当他们想返回查看页面上其他位置的信息时。 奖励积分 仅仅按原样添加它就意味着给用户带来相当不和谐的体验。当他们单击该按钮时，页面将跳回您的表单，就像加载了新页面一样。为了帮助访问者了解正在发生的情况，请通过 JavaScript 添加平滑滚动。 Unbounce在此提供操作方法信息。 双倍奖金 链接锚点的工作原理是将屏幕顶部与锚定内容的顶部对齐。