登录页面教程

• 登录页面是**独立的网页**，旨在将访问者转化为潜在客户。
• 登录页面是营销人员从营销活动中获取更多流量而专门设计的。
• 它可以是任何内容，例如我们网站的主页、博客文章、潜在客户捕获页面等。
• 它是访问者购买、创建和产生产品或服务收入的地方。

示例： Shopify、Muzzle、Wistia、Nauto、Unbounce、Bills.com、Industrial Strength Marketing 等。

用户在登录页面上执行以下操作：

• 购买
• 致电我们
• 通过聊天联系我们
• 订阅新闻通讯或电子邮件列表
• 注册参加活动

在我们的登录页面教程中，我们将讨论以下主题：

• 登录页面类型
• 登录页面的优点
• 登录页面的缺点
• 登录页面的组成部分
• 如何创建有吸引力的登录页面
• 最受欢迎的登录页面工具

登录页面类型

登录页面类型如下：

1. 潜在客户生成登录页面

潜在客户生成登录页面也称为“**潜在客户生成**”或“**潜在客户捕获**”页面。它主要用于捕获**访问者信息**，例如**姓名、电子邮件地址、联系电话、公司规模**等等。通过使用潜在客户生成登录页面，我们还可以生成有关产品和服务的必要详细信息。

以下是在登录页面上改进和生成潜在客户的方法：

• 保持表单简短且具有吸引力
• 继续关注消息传递策略
• 撰写易于扫描的文案
• 创建高质量且相关的视觉内容
• 为登录页面实施聊天系统
• 包含信任与隐私信号
• 消除所有干扰
• 免费试用注册

2. 点击直达登录页面

点击直达登录页面也称为“**跳转页面**”。它主要由**电子商务**和**软件即服务 (SaaS) 营销人员**使用。开发点击直达页面的主要目标是“**预热**”您试图向其销售产品或服务的客户。

Google Cloud Platform (GCP)、Moz Pro、Animoto、Lumosity、Sallie Mae 和 Nationwide Pet Insurance 是点击直达登录页面最受欢迎的例子。

3. 病毒式登录页面

病毒式登录页面是登录页面的重要类型。顾名思义，它有助于组织通过**口碑社交媒体营销网络**推广其业务。病毒式登录页面的主要目标不仅是让访问者注册，还让他们告诉别人他们究竟发现了什么。

一些最受欢迎的病毒式登录页面示例包括 **Wistia、Unbounce、IMPACT branding & design、Muzzle** 和 **Bills.com**。

登录页面的优点

正如我们所知，登录页面有助于我们改进营销策略并为我们的网站带来更多流量。

下面列出了登录页面的优点：

1. 推广新产品和服务以增加销量

登录页面有助于我们推广产品和服务，以增加我们组织的销量。它还允许我们使用各种社交媒体平台，如 **Facebook、Instagram、Twitter** 等来推广我们的产品。

2. 提高搜索引擎优化 (SEO) 排名

登录页面通过将普通点击转化为潜在客户以增加网站流量，从而帮助我们提高SEO排名。登录页面还允许我们使用 SEO 专用登录页面，这有助于我们有机地提高网站排名。

3. 提高品牌知名度

登录页面通过各种广告技术帮助我们提高品牌知名度。

4. 增加搜索流量

登录页面提供了一个**对搜索友好**的平台，有助于我们定位关键词并遵循搜索引擎优化技术来吸引更多自然流量。

5. 易于管理

登录页面可以非常快速且轻松地管理。当我们在运行具有不同变体的多个登录页面时，登录页面会出现困难。

6. 特定工具

登录页面包含各种在线营销工具，可帮助访问者轻松访问我们的网站并收集更多与我们产品相关的信息，例如我们为满意客户提供的具体产品。

登录页面的缺点

登录页面的缺点如下：

1. 数据可移植性

这是登录页面构建器最大的缺点，因为有时很难从一个平台切换到另一个平台，并且将页面从页面构建器导出到标准HTML。

2. 没有全局编辑

页面构建器难以进行全局编辑，这意味着如果您需要在 10 个不同的页面上进行一些编辑，则无法一次完成，您必须逐个进行编辑。

3. 定制化受限

大多数页面构建器正努力变得越来越灵活，但没有一个提供了 100% 灵活的定制设计和开发环境。

登录页面的组成部分

由于一个有吸引力且外观良好的页面有助于我们产生更多流量，因此登录页面使用各种基本组件来使我们的页面或网站更具吸引力且外观良好。

以下是一些最基本和有效的登录页面组件：

1. 主标题

主标题是登录页面中的第一个也是最重要的组成部分。它帮助访问者清楚地了解他们将从整个页面中获得哪些主题的知识。尝试使主标题**简短、独特、有吸引力**且**信息丰富**，以吸引访问者的兴趣并告知访问者我们的产品或服务是什么。

注意：始终尝试将主标题写在 20 字以内。最适合的主标题长度为 10 字。

2. 独特且吸引人的图片

吸引人的图片在登录页面中也起着最重要的作用。它帮助访问者更好地理解（比文本快 60,000 倍以上）我们为常来访的客户提供哪些产品和服务。

在放置登录页面图片时，请注意以下事项：

• 图片应清晰，像素尺寸不宜过大或过小。
• 图片应信息丰富且与您的产品和服务相关。
• 图片应具有吸引力且外观良好，能够轻松吸引访问者在我们页面上的注意力。
• 图片需要独特且高质量。

3. 关键词

**有效**且**信息丰富**的关键词有助于将访问者带到我们的登录页面，并提高我们在 Google 和其他搜索引擎上的网站排名。关键词有助于我们构建、定制和发布有效的登录页面。

4. 使用强大的行动号召

行动号召是创建高质量转化登录页面的重要组成部分。它可以是点击直达登录页面上的独立按钮的一部分，也可以是潜在客户生成表单的一部分。请始终记住，行动号召应**有价值、易于使用、醒目**且**以行动为导向**。

5. 社会证明

社会证明是登录页面中最强大的组成部分之一，它有助于向访问者展示我们提供的产品和服务。社会证明也用于登录页面，通过公共网络上的社交信号来计算注册数量。

社会证明在登录页面上有多种形式：

• 客户的直接引言
• 案例研究
• 视频采访或推荐
• 客户公司的徽标
• 来自 Amazon 或 Yelp 等网站的评分

6. 结束语

结束语写在登录页面的末尾，当登录页面即将结束时。这是我们与客户沟通我们提供的产品和服务的最后机会。

7. 社交媒体分享选项

登录页面还包括社交媒体分享选项，有助于我们**在社交媒体平台上推广优惠、促销活动、活动**以及**其他信息**。它还有助于我们根据访问者在社交媒体平台上的点赞、评论和分享来了解他们对我们产品的看法。始终尝试设计一个 100% 可点击且设计精美的社交媒体分享按钮，以吸引访问者的眼球。

8. 表单

表单是**捕获客户宝贵信息**的绝佳方式。在表单中仅创建有价值的字段，例如**姓名、联系电话、电子邮件地址、居住地址**和**提交按钮**。始终尝试保持数据库更新，即当客户填写完所有信息并单击提交按钮时，数据库应能够即时生成新的潜在客户。

9. 隐私政策

在登录页面上添加隐私政策是一个好主意，可以确保我们的客户的个人信息是安全的。它还有助于我们实现客户满意度和他们对我们登录页面的信任。

10. 感谢页面

一旦访问者完成了我们的行动号召，并在联系表中填写了所有详细信息并注销了他们的帐户，请务必对他们说“谢谢！”。

如何创建有吸引力的登录页面

众所周知，一个有效的登录页面有助于我们扩大在线市场，因此请始终尝试创建**美观、有吸引力且信息丰富**的登录页面，这有助于我们吸引更多访问者的注意力。一个有吸引力的登录页面包括**巧妙的色彩运用、引人注目的图像、视频、有效的布局、简单的导航**等等。

注意：在我们的教程中，我们将使用 WiX.com 创建一个登录页面

请按照以下步骤创建有吸引力的登录页面。

步骤 1：在任何搜索引擎中单击或复制/粘贴以下链接，即可访问 Wix.com 网站来创建登录页面。

步骤 2：当 wix.com 官方页面出现在屏幕上时，单击**开始**。

步骤 3：屏幕上将出现以下页面。如果您已经有 Wix 帐户，则只需单击**登录**，否则**输入您的电子邮件地址**和**密码**，然后单击**注册**。您也可以使用 Facebook 和 Google 帐户进行注册。

步骤 4：成功注册后，屏幕上将出现以下屏幕，其中有两个选项：**让 Wix ADI 为您创建网站**（设计，只需回答简单问题）或**使用编辑器创建您的网站**（设计，用于创建我们自己的网站），根据您的需求选择选项，然后单击**选择模板**。

步骤 5：滚动左侧的滑块并选择**类别**。在类别中，屏幕上会出现各种不同类别的列表。您只需选择**“登录页面”**。

步骤 6：屏幕上会出现登录页面列表，从中选择符合您需求的模板。选择模板后，将鼠标悬停在上面，屏幕上会出现两个选项，单击**查看**。

步骤 7：下面的截图显示了一个新的登录页面模板已创建。

编辑登录页面模板

创建登录页面视图后，您还可以根据需要编辑其视图，使其对访问者更具吸引力，以获取更多流量。

要编辑视图，请按照以下步骤操作：

步骤 1：选择模板，然后单击屏幕右上角的**编辑此网站**。

步骤 2：屏幕上将出现以下屏幕，其中包含各种编辑选项。

编辑背景

背景有助于使我们的登录页面更具吸引力。Wix.com 允许我们在登录页面上**添加背景颜色、预定义背景图片**和**视频**。

要编辑登录页面背景，请单击左侧选项窗格中的“背景”。

单击“背景”后，屏幕上会出现一个带有颜色、图像、视频按钮以及所选背景列表的小框。您可以从列表中选择任何图像并将其拖到屏幕上。

下面的截图显示背景图片已更改。

编辑文本

要编辑文本，请单击您要编辑的文本，屏幕上会出现一个小的**编辑文本按钮**。单击**编辑文本**按钮。

屏幕上会出现一个文本设置窗口。您可以通过单击标题旁边的下拉按钮来更改标题大小，通过单击字体旁边的下拉按钮来更改字体大小。选择文本的字体和标题大小后，双击您要编辑的文本并开始输入您要添加的文本。

下面的截图显示文本已更改。

添加动画文本

步骤 1：选择您要添加动画的文本，屏幕上会出现三个图标，单击**动画图标**，如下图所示。

步骤 2：屏幕上会出现一个动画窗口列表，根据您的需求选择动画，然后单击窗口底部的**自定义**按钮。

步骤 3：屏幕上会出现一个小的**动画设置**窗口。根据您的需求进行动画设置。

步骤 4：要验证是否已添加动画，请单击屏幕右上角的**预览**。

在登录页面添加图片

步骤 1：要将图片添加到登录页面，请单击屏幕左角的**添加图标**。

步骤 2：单击 + 添加后，屏幕上会出现以下窗口，在其中单击**图片**，选择**图片集**，然后双击**免费 Wix 图片**。

步骤 3：屏幕上会出现一个**选择图片窗口**，选择图片和类别，根据您的需求选择图片，然后单击屏幕底部的**添加到页面**。

下面的截图显示图片已添加到登录页面。

注意：您也可以使用“添加动画文本”中提到的步骤为图片添加动画。

在登录页面创建联系表单

联系表单有助于我们收集客户信息，例如**姓名、电子邮件地址、联系电话**和**位置**。

在登录页面创建联系表单的步骤如下：

步骤 1：要在登录页面创建联系表单，请单击右侧窗格中的**+添加**，选择**联系表单**。屏幕上会出现联系表单列表，选择符合您需求的表单。

注意：在本例中，我们将创建一个订阅表单。

下面的截图显示表单已添加到登录页面。

收集访客信息

当有用户填写联系表单时，我们还可以使用以下步骤收集他们的信息：

步骤 1：双击表单，屏幕上会出现**表单设置**按钮。单击它。

步骤 2：屏幕上会出现以下弹出窗口，在其中单击**提交消息**。

步骤 3：单击“提交消息”后，会出现以下窗口，在其中选择**链接到外部URL**，然后单击**选择链接**。

步骤 4：现在，输入您想推广的联盟优惠或发送给您的电子邮件订阅者，并输入您的网址 (URL)，然后单击完成。

在移动设备上查看登录页面

现在大多数用户希望在手机上访问登录页面，因此在发布到网络之前，请务必在手机上查看您的登录页面。

要查看移动设备上的登录页面，请单击屏幕顶部的**移动图标**。

下面的截图显示了您的登录页面在移动设备上的视图。

将登录页面发布到网络

创建登录页面后，您需要将其发布到网络。要将登录页面发布到网络，请单击屏幕右上角的**发布**按钮。

单击“发布”后，屏幕上会出现以下**恭喜**窗口，在其中输入您的**网站名称**，然后单击窗口底部的**完成**。

最受欢迎的登录页面工具

我们都知道，登录页面是网络上潜在客户生成最重要的工具。它使用各种工具来创建具有吸引力且用户友好的页面，包括图像、视频、联系表单、按钮等。

以下列出了最受欢迎的登录页面工具：

1. Unbounce

Unbounce 是第一个也是最受欢迎的登录页面工具。它提供多功能、用户友好且易于使用的拖放编辑器，无需任何技术知识即可创建登录页面。

价格：Unbounce 的基本计划为 74 美元/月，高级计划为 149 美元/月，企业计划为 399 美元+/月。

Unbounce 的功能

• 它使用 100 多个用于网络和社交媒体登录页面的页面模板。
• 它可以轻松与 WordPress、MailChimp、AWeber 以及其他 CRM 和分析工具集成。
• 它允许我们在页面上添加固定页眉、弹出窗口和地图。
• 它有助于提高性能并缩短创建登录页面的时间。
• 它提供内置的 A/B 测试。

单击下面的链接以注册 Unbounce - https://unbounce.com/

2. Instapage

Instapge 是一个用户友好、高性能、易于使用且功能强大的登录页面工具。它使用各种图像、视频、按钮、链接、购物车结账和感谢页面来吸引访问者。

价格：核心计划为 149 美元/月，代理和团队计划为 200 美元/月。

Instapage 的功能

• Instapage 允许我们使用**“拖放”**技术创建精美的登录页面，而无需技术开发人员。
• 它使用 200 多个用户友好且移动响应式的页面模板。
• 它提供内置的 A/B 测试。
• 它提供了添加自定义代码到页面的能力。
• 它可以轻松与 Google Adwords、Facebook、Twitter、Zoho、Mailchimp 和 Google Analytics 集成。

单击下面的链接以注册 Instapage - https://instapage.com/

3. Leadpages

Leadpages 是创建登录页面的最佳工具之一。

价格：标准计划为 25 美元/月，专业计划为 48 美元/月，高级计划为 199 美元/月。

Leadpages 的功能

• 它与 Facebook 等社交媒体平台集成。
• 使用拖放技术轻松移动内容。
• 提供 160 多个模板。
• 它帮助我们以最简单的方式捕获潜在客户。
• 它可以与 WordPress 集成。

单击下面的链接以注册 Leadpages - https://www.leadpages.net/

4. Hubspot

Hubspot 于 2006 年由 Brian Halligan 和 Dharmesh Shah 在麻省理工学院 (MIT) 创立。它为数字营销人员提供了各种工具来创建创意且令人印象深刻的登录页面。

价格：最便宜的套餐为 50 美元/月。

Hubspot 的功能

Hubspot 包含各种功能。以下列出了一些重要的 Hubspot 功能：

• 它提供简单易用的页面模板。
• 它提供各种博客和内容创建工具。
• 它允许我们在登录页面上添加视频、跟踪代码、图片、表单等。
• 它有助于我们移动内容并使业务上线。

单击下面的链接以注册 Hubspot - https://www.hubspot.com/

5. Wishpond

Wishpond 是最重要的也是功能强大的登录页面构建器工具之一。它允许我们创建、编辑和管理登录页面。

价格：价格为 49 美元/月，最多可包含 1500 个潜在客户，99 美元/月，最多可包含 2500 个潜在客户，199 美元/月，最多可包含 10,000 个潜在客户。

Wishpond 的功能

• Wishpond 与各种营销平台集成。
• 它提供各种营销自动化工具、潜在客户生成工具、在线表单和潜在客户管理工具。
• 对于非技术用户来说，它非常易于使用。
• 默认情况下，它会创建移动响应式页面。

单击下面的链接以注册 Wishpond：https://www.wishpond.com/v2/

6. Launchrock

Launchrock 被初创公司用于创建登录页面。它是一个非常简单且免费的在线工具。它包含构建、推广和分析等工具，以确保产品发布的成功。

价格：价格为 29 美元/月，249 美元/年，349 美元终身访问。

Launchrock 的功能

• Launchrock 包含有趣的社交功能，允许我们与他人分享页面。
• 它能够使用我们自己的域名。
• 它帮助我们创建 100% 响应式网站。
• 它包括注册捕获和预售电子商务工具。
• 它提供了一个现代化的块状构建器，具有所见即所得和自定义 HTML 块。
• 受众发现

单击下面的链接以注册 Launchrock：http://help.launchrock.com/support/home

7. Hello Bar

Hello Bar 是最佳的登录页面工具，可帮助我们设计针对网站访问者的消息。它是吸引访问者的最佳工具之一。

价格：提供免费试用。

Hello Bar 的功能

Hello Bar 包含以下功能列表，以使页面具有吸引力：

• 它帮助我们增加访客关注度。
• 它包括社交媒体按钮。
• A/B 测试
• 它提供高转化率。
• 它使用 Facebook、Twitter、LinkedIn、Pinterest 和 Buffer 等各种社交媒体平台进行产品推广。
• 它降低了网站的跳出率。

单击下面的链接以注册 Hello Bar - https://www.hellobar.com/

8. CrazyEgg

CrazyEgg 是一个在线应用程序，可帮助我们了解客户对特定产品或服务的兴趣。它被 eBay、Dell、Yahoo、Intel 和 Hilton 等大小型组织使用。

价格：CrazyEgg 的价格为 9 美元/月。

CrazyEgg 的功能

• 它提供更好的用户体验和更高的访客满意度
• 它有助于我们通过改进的 SEO 提高搜索引擎排名。
• 它包括各种眼动追踪工具，如热图、滚动图等，以使我们的网站更具吸引力。

单击下面的链接以注册 CrazyEgg：https://www.crazyegg.com/

9. GetResponse

GetResponse 帮助我们创建高转化率、移动响应式登录页面。它帮助我们使用拖放环境创建登录页面。

价格：电子邮件计划为 15 美元/月，专业计划为 49 美元/月，Max 计划为 165 美元/月，企业计划为 1,199 美元/月。

Optimal GetResponse 的功能

单击下面的链接以注册 GetResponse -

• 它与 Bing、Google Adwords、KissMetrics、Facebook 等各种平台集成。
• 它提供内置的 A/B 测试。
• 它包含一个 PayPal 按钮，有助于我们执行与支付相关的操作。
• 它包含 1,000 多个模板。

https://www.getresponse.com/

10. ClickFunnels

ClickFunnel 旨在在线销售我们的产品。它提供开箱即用的解决方案，可以在几分钟内轻松设置。ClickFunnels 包括三个主要目标：潜在客户生成、销售生成和在线活动。

价格：价格为 97 美元/月以上。

ClickFunnels 的功能

• 它帮助我们轻松添加视频、跟踪代码、图片等。
• 它提供简单易用的模板。
• 它通过移动内容帮助我们改进在线业务。
• 设计页面所需时间更少。
• 它包括各种类型的预构建漏斗。

单击下面的链接以注册 ClickFunnels。