您最喜欢的在线杂志、健身应用程序和基于云的软件有什么共同点？他们都使用登陆页面。登陆页面可以是一种独特的工具，可用于从潜在客户那里获取有用信息、增加销售额或只是增加网站流量。
唯一真正需要注意的是着陆页必须良好。设计不当或损坏的目标网页可能会导致客户在给予机会之前拒绝您的报价。
价格更低 借助最新邮件数据库，您可以获 国家邮箱列表 得优质国家电子邮件列表。我们提供经过验证且值得信赖的电子邮件地址，可帮助您扩大营销范围，无论您针对的是单个国家还是多个不同地区。
因此，凭借丰富的构建经验
我想向您展示如何在 WordPress 中创建出色的登陆页面。我涵盖了从一般设计技巧到最小细节的所有内容，因此您可以立即启动并运行您的设计。
但首先，
到底什么是登陆页面？
WordPress 登陆页面
WP 可以帮助您创建高转化率的登陆页面。
如果您在这里，您可能已经知道什么是着陆页。然而，值得澄清这个问题，以便我们谈论同一件事。
首先，登陆页面不是主页。主页是访问者登陆您的网站时所去的地方 – 它是您网站的“名片”。主页有多种用途：引导访问者访问您网站上的其他页面，为他们提供熟悉的访问位置，为您的品牌营销提供中心枢纽等等。
登陆页面是为特定目的而设计的单个页面
说服访问者采取某些行动。这可能是访问更多信息、购买产品或服务或访问主页。之所以称为着陆页，是因为您希望用户在点击链接或广告后“着陆”。
什么是有效的着陆页？
让我们更深入地了解一下是什么让登陆页面变得有效。如果您的目标网页要转化用户，则它应至少包含三个元素：
标题。它的任务是吸引游客的注意力。它应该简短而切题。
字幕。这是一段文字，您可 什么是呼叫跟踪以及它如何工作国家 以在其中向访问者解释如何帮助他们。虽然你在这里有更多的空间来扩展你的标题，但你的副标题也应该简短而甜蜜。
CTA。它是“号召性用语”的缩写。这是您希望访客按下的按钮。没有什么比这更简单的了。
从技术上讲，这就是创建登陆页面所需的全部内容。但你最终会得到看起来像这样的东西：
无聊的登陆页面
它可能会吸引极简主义狂热分子，但我不会冒险
如果您想创建有效的登陆页面，您还需要考虑以下几点：
应该很少甚至没有导航。一个有效的登陆页面应该尽一切努力吸引人们对号召性用语的关注。其他导航元素可能会分散 CTA 的注意力，最终失去潜在客户。虽然有包含导航元素的有效登陆页面（我想到的是 DoorDash），但请尽量将它们保持在最低限度。
包括有趣的视觉效果。您不想用文本 CRYP 电子邮件列表 填充页面，但您需要以某种方式使其有吸引力。高质量的图像是提高您的服务兴趣的好方法。如果您包含视频，您将获得额外积分。
包括社会证明。您收到任何积极的反馈吗？不要羞于在您的目标网页上分享它们。人类是社会性动物。如果访问者看到其他人推荐您的产品，他们会更感兴趣。
使其具有交互性（在适当的情况下）。鼓励访问者与您的网站互动可能是增加他们兴趣的有效方法。测验、浮动面板和迷你游戏非常适合吸引访问者点击。但是，请确保任何交互元素实际上与您所提供的内容相关。否则，您可能会激怒客人。
了解你的听众。你有什么可以提供的？这优雅吗？精力充沛？趋势？电脑游戏杂志可以在浏览器中使用迷你游戏。蜡烛店可能会进行一项小型调查，以帮助游客找到完美的蜡烛。从字体到背景颜色的所有内容都应该吸引您的目标受众。
如果您想了解更多详细信息，可以阅读我们创建精彩登陆页面的综合指南。现在是工作时间了。
方法 1 – 使用 WP 网站构建器
在开始之前，我们需要明确定义 WordPress.com 和 WordPress.org 之间的区别。
WordPress.org 是一个用于创建和管理网站的开源平台。您可能听说过大约三分之一的网站都在 WordPress 上运行。完全正确。
要使用 WordPress.org，您需要托管提供商和域名。但别担心 – 这听起来比实际上更复杂。
WordPress.com 是一个带有自己托管的 WordPress 版本。与 WordPress.org 相比，它更类似于传统的网站构建器。这意味着它更容易管理，但也更受限制。不幸的是，该编辑器仅提供部分波兰语版本。
让我们首先使用 WordPress.org 创建一个登陆页面。如果您只对使用 WordPress.com 感兴趣，则可以跳过。
步骤#1：选择托管
在开始之前，您需要一个托管提供商，您可以在其中安装 WordPress 和网站构建器。如果您已经在主页或在线商店中使用它，请坚持使用；没有理由使事情复杂化。如果您还没有托管提供商，我建议您阅读我们对2024 年最佳托管提供商的评论。
WordPress 安装过程会根据您的提供商而有所不同，但应该不会太复杂。对于我的网站，我选择了 Hostinger。Hostinger 拥有专门的 WordPress 托管计划，因此您所要做的就是创建一个帐户并按照自动安装程序说明进行操作。
托管商徽标
您的 Hostinger 计划可节省高达 75% 的费用！
限时优惠 – 不要错过！
充分利用促销活动
步骤#2：安装网站生成器
现在您已经有了合适的托管提供商，是时候安装向导了。您所需要做的就是转到 WordPress 仪表板、插件，然后单击“添加新项”。
添加插件 WordPress
为什么要止步于网站建设者？许多其他很棒的插件正在等待被发现
如果您已经下载了构建器的 .zip 文件，只需上传即可。否则，您可以在“搜索插件”栏中搜索您喜欢的构建器，然后单击“立即安装”按钮。
我使用 Elementor 作为登陆页面，但无论页面构建器如何，步骤都非常相似。如果你不知道用哪个向导，可以看一下下面是我最喜欢的列表。
无论您选择哪个构建器，请在开始之前先尝试一下。观看 YouTube 教程、创建演示页面等。在尝试之前，您需要熟悉构建器的界面和功能。
步骤#3：绘制页面草图
如果您不清楚自己想要什么，那么您很容易会得到一个不知道如何修复的草率登陆页面。这就是为什么制
定计划如此重要
从您的登陆页面的模型开始。这部分没有规则。您可以在 Photoshop、MS Paint 中进行设计或在餐巾纸上绘制。重要的是它足够明亮，可以使用。
如果您不知道从哪里开始，您可以随时查看您所在领域的优秀着陆页示例。考虑一下您的品牌、风格以及您的吸引力。
在此示例中，我决定为一家基于订阅的书店设计一个登陆页面，该书店每月发送个性化建议。除了基础知识之外，我还决定参加一个向用户推荐新书的测验。
步骤#4：选择完美的模板
现在您已经选择了托管提供商、安装了 WordPress 并运行了网站构建器。你已经准备好开始享受乐趣了，对吧？
几乎。您仍然需要选择一个模板。当然，您可以从空白页开始，但您必须做出的大量小型设计决策（例如字体、颜色、动画和背景设计）可能会让您感到惊讶。现有模板越符合您的理想设计，您实现愿景所需的工作就越少。
Elementor 登陆模板
这个模板不完全是我想要的，但框架已经有了
WordPress.org 有一个巨大的模板库可供选择。网站构建器还可能内置各种选项。如果您感到不知所措，我们的2024 年最佳着陆页模板列表将会有所帮助。
我从 Elementor 的 Online Life Coach 主题开始。尽管我出于不同的目的对其进行了修改（问任何人，我都无法告诉你如何过你的生活），但它优雅的字体和精心排列的元素给了我一个很好的起点。
步骤#5：定制您的网站
自定义着陆页的具体过程对于每个人来说都是不同的。就我个人而言，我喜欢从一般方面开始，然后再处理细节。
要使用 Elementor 进行编辑，只需转到 WordPress 仪表板，创建一个新页面并选择“使用 Elementor 进行编辑”。您将看到一个包含不同小部件选项的菜单。单击左上角的汉堡菜单（三条水平线），然后单击“站点设置”。您可以在此处自定义页面的更常规方面，例如全局字体、背景颜色等。
Elementor 全局设置
使用网站设置修改网站的大型元素
完成后，单击菜单右上角的小方块。您将看到一系列可以添加到您的网站的小部件。基本小部件包括文本、图像和视频等元素。我决定将我的计划升级到 Elementor Pro，以解锁更多有趣的小部件，例如动画标题和媒体轮播。
无论哪种方式，您都可以简单地将任何小部件拖放到页面上您希望其显示的位置。然后，您可以单击小部件以显示小部件菜单。根据小部件的不同，您可以自定义颜色、边框甚至动画等元素。
Elementor 小部件编辑
根据您的计划，您甚至可以编辑小部件的自定义代码
对于我自己的网站，我首先更改背景颜色并从模板中删除不必要的元素。然后我编辑了标题、副标题并创建了一个可以添加测验的空间。
我想让我的登陆页面尽可能简单，所以我删除了页面上的大部分滚动元素。我只保留成品用于社会证明和一个小的“关于我们”部分，我对其进行了修改以适应我想要的风格。
编辑登陆页面
从精心构建的模板开始有助于微调我的设计。
测验的安装时间稍长一些。幸运的是，Elementor 有一个内置的表单小部件，所以它并不太复杂。如果您使用其他构建器，您会发现有大量可以安装在您的网站上的表单插件。
页面生成器登陆页面
创建网站既快速又简单。我不能对假书封面说同样的话。
创建登陆页面的最佳工具
有很多（真的很多）WordPress 网站构建器。即使列出最好的名单也会占用太多空间。我唯一能提供的是
快速浏览我最喜欢的作品的机会
元素器
元素主页
Elementor 提供了大量的模板可供选择
Elementor 是 WordPress 最受欢迎的页面构建器之一，这是有原因的。Elementor 优惠强大的免费拖放编辑功能。您需要掌握一定的知识才能使用更有趣的功能，但一旦习惯了 Elementor，它就会成为一个非常强大的工具。其登陆页面的一些最佳功能是：
大量第三方主题。在线提供数千个与 Elementor 兼容的主题。它提供了大量适合任何预算的出色登陆页面主题。
可扩展的功能。很难嘲笑 Elementor 的免费计划。但是，如果您正在寻找更多功能，专业版和专家版计划价格合理，并提供出色的功能，例如主题生成器和高级弹出窗口创建器。
自定义 CSS 编辑。从专业版计划开始，您几乎可以使用自定义代码编辑网站的任何部分。您需要一些技术知识，但可能性是无限的。
迪维
迪维主页
Divi 直观的编辑器为您提供令人印象深刻的创意控制水平
Divi by Elegant Themes 是构建各种网站的灵活选择。尽管有各种各样的自定义选项，但模块编辑器非常易于使用。如果您更喜欢在后端进行编辑，Divi 也支持。
Divi 的一些最佳功能包括：
模块编辑器。如果您想编辑某个项目，只需单击它即可。各种自定义选项将直接出现在元素上方。
很棒的布局包。 Divi 提供超过 250 个模板包（称为布局包）来帮助您构建所需的任何页面。
令人难以置信的易用性。很少有网站构建器像 Divi 一样易于使用。
种子产品
种子产品主页
SeedProd 是专为登陆页面设计的页面构建器
SeedProd 是此列表中唯一专为登陆页面设计的页面构建器 。几乎没有学习曲线，结果令人惊叹。如果您正在寻找更面向登陆页面的 Elementor 版本，这是一个特别好的解决方案，因为两个构建器的界面非常相似。
SeedProd 提供出色的功能，例如：
即时编辑。凭借简单的布局和响应式小部件，使用 SeedProd 创建令人惊叹的登陆页面只需几分钟。
高品质模板。 SeedProd 提供多达 180 个高质量且可自定义的模板，具体取决于计划。
订户管理。 SeedProd 的订阅管理工具可让您跟踪订阅者的增长情况并提供有关订阅量的可视化数据。
海狸建造者
BeaverBuilder 主页
Beaver Builder 是一个简单但功能强大的登陆页面构建器。
Beaver Builder 是一个简单的、基于模块的网站构建器。尽管它的重点是代理网站开发，但其用户友好的界面和广泛的模板使任何人都可以愉快地使用。
海狸生成器提供：
令人难以置信的响应式编辑。当您对站点进行更改时，编辑器中几乎没有延迟。
轻松的按钮编辑。 Beaver Builder 提供了微调可点击按钮（对于大多数登陆页面来说尤其重要的元素）所
需的所有工具
巨大的支持中心。如果您迷路了，Beaver Builder 提供了数百个视频教程来帮助您重回正轨。
方法 2 – 使用 WordPress 古腾堡编辑器
如果您使用的是 WordPress.com，则必须使用专业版计划才能安装页面构建器（或任何插件）。此外，大多数网站建设者将其最好的功能隐藏在支付网关后面，这可能会导致成本迅速上升。
好消息是，每个 WordPress 计划都附带古腾堡编辑器，这是一个简单的块编辑器，可轻松创建网站。尽管它比许多其他构建器受到更多限制，但您仍然可以使用它来创建有效的登陆页面，并且只需很少的钱或不需要钱。操作方法如下：
步骤#1：创建 WordPress.com 帐户
WordPress 主页
WordPress.com 受欢迎是有原因的
要开始使用，只需访问 WordPress.com 并单击“开始”。您必须提供您的姓名、电子邮件地址并创建密码。
wordpress-标志-2
您的 WordPress.com 订阅可节省高达 55% 的费用！
限时优惠 – 不要错过！
充分利用促销活动
选择一个域，然后选择一个计划。我建议从两者的免费选项开始 – 您可以随时升级。最后，您需要选择一个主题。现在选择空白（我们稍后会讨论这一点）。
开始使用 WordPress >>
步骤#2：规划您的着陆页
这与以前的建议几乎相同，只是现在您在规划项目时必须考虑古腾堡编辑器的限制。不要规划一个具有复杂动画和动态背景的网站以及……我不知道，粒子效果？使用古腾堡，您将不得不满足于基本功能。
不要让这让你灰心。一个好的登陆页面不需要很多花哨的元素。您所需要的只是强大的 CTA 和独特的身份。
步骤＃3：选择您的主题
现在您已经有了网站的路线图，是时候选择主题了。转到 WordPress.com 仪表板，单击外观，然后单击主题。
WordPress 免费主题
WordPress.com 提供数百个简单但设计精良的主题
选择最适合您的投影的一种。 WordPress.com 上的主题设计用于多种目的。不要关注颜色和文本样式（您以后随时可以更改它们），而是找到一个针对正确结构进行优化的主题。
步骤#4：了解古腾堡
当您第一次编辑网站时，WordPress.com 将为您提供古腾堡编辑器的简要概述。这是一个温习基础知识的好机会。我还强烈建议您在开始创建网站之前先练习一下编辑器。尝试添加和删除块，看看会发生什么。
古腾堡开始游览
古腾堡附带了学习基础知识的便捷指南
要自定义页面，请转到仪表板，单击外观，然后单击编辑器。从这里您可以开始添加和修改不同的块以满足您的需求。要更改网站外观的更一般方面，例如背景颜色、标题设计和字体，请单击右上角的“样式”按钮。您可以和不能自定义的内容取决于您选择的主题。
古腾堡编辑
“二十二十”主题正好有我需要的设计选项
步骤#5：编辑您的页面
WordPress.com 将块分为不同的类别，例如媒体、文本和设计。设计块特别有用，因为它们允许您编辑站点的基本布局。将网站分为栏、组和自定义空间可以帮助您创建有凝聚力的设计。
如果您想添加项目，只需转到左上角并单击加号即可。 WordPress.com 提供了许多基本块，但最好的工具是用于添加和自定义标题、图像和段落的工具。
添加块 WordPress
使用不同的块为您的目标网页添加独特的风格
如果要自定义该块，请单击右上角的“选项”按钮（显示为三个点），然后单击“显示更多设置”。根据模块的不同，这为您提供了不同的自定义选项，可用于修改设计。
WordPress 阻止设置
单击项目上方的“显示更多设置”以获取更多设计选项
您还可以使用 WordPress.com 所谓的“模式”。模式是现成的块集合，您可以使用它们向页面添加常见功能。有用于插入 CTA、联系块、“关于我们”部分等的模式。
古腾堡图案
使用模式来简化设计过程
提示。只要有出色的视觉元素，简单的设计就能创造奇迹。专业设计师可以为您创造令人惊叹的徽标、背景等。通过 Fiverr，您可以以实惠的价格找到经验丰富的设计师。
古腾堡不是响应速度最快的页面构建器，因此请务必时常检查您的网站。当您对页面感到满意时，单击“保存”。然后转到“设置”、“常规”并单击“启动站点”。就这样！您的登陆页面现在对全世界可见。
WordPress.com 登陆页面
良好的视觉效果为登陆页面做了很多艰苦的工作
方法 3（奖励）——放弃 WordPress，寻找更简单的解决方案
快问。您想使用 WordPress 的具体原因是什么？不要误会我的意思，WordPress 是一个非常棒的平台，提供了大量的可能性，但这并不是创建登陆页面的唯一方法。
有许多网站构建器可以让您在一半的时间内创建有效的登陆页面。虽然它们在可扩展性方面确实无法与 WordPress 相媲美，但对于登陆页面来说，它们却不必这样做。
作为奖励，这里有一个使用网站构建器创建登陆页面的快速指南。
步骤#1：选择网站建设者
最适合您的网站构建器将取决于您在功能、易用性和设计灵活性方面的需求。
对于登陆页面，我的首要建议是：
维克斯。 Wix 以其免费的拖放编辑器为您提供令人难以置信的设计灵活性。它非常人性化，因此只需几分钟即可学会如何使用它。它还配备了许多看起来很酷的动画功能和预建元素，您可以使用它们来为您的网站增添趣味。
站点123。 SITE123 是最简单的网站建设者之一。借助 SITE123，任何人都可以在几分钟内创建登陆页面，无论经验如何。它还具有移动响应能力，因此您可以确信您的网站在移动设备上的外观与在台式计算机上的外观一样好。
方形空间。对于强调视觉效果、直接关注特定元素并接受互动的网站来说，Squarespace 是一个绝佳的选择。我实际上可以只说登陆页面。 如果您想要一个时尚而动态的外观，可以为您完成大部分解释，我推荐 Squarespace 。
我使用 Wix 创建自己的登陆页面，但每个构建器的过程都是相似的。
步骤#2：规划您的项目并选择模板
是的，再一次。我不再赘述，因为步骤和以前一样。提前规划您的网站结构，然后选择与其接近的模板。Wix 拥有一个包含 800 多个高质量模板的库（其中 35 个是专门为登陆页面制作的），因此为您的设计找到完美的基础应该不会太困难。
Wix创意大会
Creative by Wix 会议公布您想了解更多的活动
网站构建器比古腾堡编辑器提供更多的设计自由度。有些甚至提供专用的登陆页面构建器。它们也更加用户友好。例如，Wix 的拖放编辑器可以让您轻松地根据需要更改模板的外观和功能。
使用 Wix 创建网站>>
步骤#3：进入编辑
首先将主题的颜色和版式更改为最适合您的风格。为此，只需转到左侧菜单并单击“网站设计”即可。在这里您可以开始删除不必要的项目并添加新项目。
Wix 主题颜色
尝试不同的设计以获得适合您风格的东西
要浏览项目，只需单击左上角的加号即可。Wix 提供 20 多种元素，从文本和装饰元素到存储功能和博客工具。要添加元素，只需单击并将其拖放到页面上的任意位置即可。
Wix 添加到站点菜单
Wix 可以轻松地向您的网站添加新的有趣的元素
我建议您充分利用 Wix 提供的各种动态效果，例如动画和过渡。它们是向您的网站添加有吸引力的视觉元素并保持访问者参与的好方法。
要编辑元素的属性，只需单击它即可。根据项目的不同，会出现不同菜单的按钮。在这些菜单中，您可以编辑内容、添加自定义动画等。
Wix 元素设置
更改页面，直到每个元素看起来完全符合您想要的方式
请务必预览网站的不同版本，以确保它在移动设备和桌面设备上都能正常运行。通过一些调整，您很快就会拥有一个令人惊叹的登陆页面。
维克斯登陆页面
这是一个“登陆页面”，明白吗？
步骤#4：发布您的页面
要发布您的网站，您需要为其注册一个域名，即使它只是 Wix 提供的免费版本。不过，不用担心，大多数网站建设者都有一个集成的域名注册中心，可以让您的网站轻松上线。
Wix 标志
Wix 现在每月只需920卢比！
不要错过这个绝佳的机会！
充分利用促销活动
优秀登陆页面的魔力
登陆页面就像魔法一样。它们比普通网站需要更少的精力，但它们可以极大地提高您的成功率（无论您如何定义）。现在您可以开始创建登陆页面并增加潜在客户。
页面构建器是在 WordPress 中创建登陆页面的好方法。网站建设者提供了令人难以置信的创作自由，尽管他们可能需要一些知识。在可用的创建者中，我推荐 Elementor。拖放功能使其成为功能强大且易于使用的选项。
如果您不想打扰托管，您可以随时使用 WordPress.com。古腾堡编辑器可以帮助您创建廉价且有效的登陆页面，但请记住，它没有像大多数专用页面构建器那样多的自定义功能。
或者，您可以使用网站构建器。网站建设者提供高级定制选项并且易于使用。在所有可用选项中维克斯是我的最爱。它提供了比几乎任何其他构建器更多的设计自由度，同时非常直观，即使对于没有经验的人也是如此。
常见问题解答
什么是着陆页？
登陆页面是一种专门的网页，旨在说服访问者采取某种类型的操作。它可以是购买产品或服务、订阅时事通讯、点击另一个网站或其他东西。为了增加访问者采取所需操作的机会，着陆页通常很少或没有导航、清晰简洁的描述以及明确的号召性用语。
如果您想构建登陆页面，您应该了解网页设计的基础知识。如需了解更多信息，请查看我们的2024 年网站建设综合指南。
如何在 WordPress 中创建登陆页面？
取决于您使用的 WordPress 版本。
如果您使用的是 WordPress.org，最好的方法是安装页面构建器并开始修改模板。为此，您需要找到自己的托管提供商。如果您不知道选择哪一个，您可以随时查看我们的2024 年最佳 WordPress 托管提供商指南。
如果您使用 WordPress.com，您所需要做的就是创建一个帐户，选择一个主题，然后开始编辑。
哪种页面构建器最适合 WordPress？
这因用户而异。就我个人而言，我喜欢 Divi 和 Elementor，因为它们提供实时编辑和大量自定义选项。例如，Elementor 提供直观的拖放编辑和许多有趣的小部件，您可以使用它们来吸引访问者的注意力。
另一方面，Divi 提供了令人惊叹的网站定制工具，并允许您从一个仪表板管理网站的所有重要方面。无论如何，它有一个更陡峭的学习曲线。
您可以免费建立一个登陆页面吗？
您可以使用 WordPress.com 免费创建登陆页面。请记住，古腾堡编辑器的免费版本在设计自由度方面相当有限。
另一种选择是使用网站构建器。Wix 的免费计划将允许您免费创建登陆页面，同时提供更多功能来自定义您的网站并吸引访问者。然而，Wix并不是唯一的选择。许多其他网站建设者将允许您免费（或非常便宜）创建登陆页面。如果您不知道从哪里开始，请查看我们对2024 年最佳网站建设者的评论。
