旨在让 HTML 新手创建令人印象深刻且有影响力的登录页面,同时为更有经验的编码人员提供更多乐趣的空间。 在这篇文章中,我将列出一些我称之为 Unbounce 的“单一形式”问题的解决方案,它们的优点和缺点,以及我个人更喜欢的。 什么是“单一形式”问题? 与任何试图采用复杂流程并使其易于实施的系统一样,必须牺牲一定的细微差别和灵活性。 一个限制是 Unbounce 上的每个登录页面只能有一个嵌入式表单(有一些讨论该主题的社区文章,例如:1、2、3)。如果您使用表单轰炸访问者,肯定存在号召性用语疲劳的风险,但希望在不止一个点上提供对表单的轻松访问是一个合理的要求。
例如,您可以在页面顶部发出强烈的号召性用语和表格,然后在用户有时间吸收有关您的产品的更多信息时进一步跟进页面下方。一个简单的例子是下面的Teambit登陆页面,它出现在 Hubspot 的2017 年您需要看到的 16 个最佳登陆页面 客户名单 设计示例中。 这个Teambit页面的顶部有一个简单的电子邮件收集表格 一旦访问者有机会阅读更多内容,该表格就会在页面底部重复。 单一表格问题的潜在解决方案 既然我们已经确定了问题,让我们来看看一些解决方案,好吗? 幸运的是,有几种可能的方法可以解决这个问题,或者使用内置的 Unbounce 工具,或者通过打开的 HTML、CSS 和 JavaScript 输入添加代码。
值得记住的是,一种解决方案是在您的页面上根本没有表单,并让您的号召性用语按钮链接到带有表单的其他页面。这是 Unbounce 在下面的示例中使用的方法。虽然这是一种完全有效的方法,但我不会把它称为完全不同的格式来解决这个问题,所以我没有将它包含在下面的列表中。 这里 Unbounce 使用两个 CTA(橙色按钮),但不依赖于页面上的表单。 1.滚动锚按钮 这可能是最简单的解决方案,因为 Unbounce 本身就支持它: 在您想要第二个表单的页面下方创建一个按钮。 在右侧按钮设置面板的“单击操作”部分中编辑该按钮,您通常会在其中放置要链接到的 URL 添加保存表单的框的唯一 ID