如何在WordPress[2022]中创建有效的登录页-编程之家在本文中,什么是登录页?方法1-使用WP页面构建方法2-使用WordPress Gutenberg EditorMethod 3(奖励)-放弃WordPress以获得更简单的解决方案伟大登录页面的魔力FAQ

你最喜欢的在线杂志、健身应用程序和基于云的软件有什么共同点?它们都使用登录页。登录页面可以是从潜在客户那里获取有用信息、增加销售额或只是增加网站流量的一个特殊工具。

唯一真正需要注意的是,你的登录页必须是好的。一个设计拙劣或破损的登录页可能会让客户在没有机会之前就放弃你的业务。

这就是为什么——在我自己构建了多个之后——我在这里向您展示如何在WordPress中创建一个出色的登录页。我涵盖了从一般设计技巧到细节的所有内容,所以你可以在短时间内启动并运行自己的产品。

但首先,

什么是登录页

如何在WordPress[2022]中创建有效的登录页-编程之家

如果你在这里,你可能已经知道什么是登录页了。尽管如此,这还是值得澄清的,只是为了让我们站在同一页上。首先,登录页不是主页。主页是访问者访问你的网站时到达的地方——它是你网站的“家”。主页有很多用途:引导访问者访问网站的其他页面,为他们提供一个熟悉的登陆地点,提供一个中心枢纽来营销你的品牌,等等。

A登录页是为一个非常特定的目的设计的单一页面:说服访问者采取一些行动。这可能是为了访问更多信息,购买产品或服务,或访问您的主要网站。它之所以被称为登录页,是因为你希望你的访问者在点击链接或广告后“登录”到它。

什么是有效的登录页

让我们更深入地了解一下是什么让登录页有效。如果你的登录页面要转换访问者,它至少应该有以下三个元素:

A标题。这会引起访客的注意。它应该简明扼要。
A副标题。这是一段文字,你可以向访客解释如何帮助他们。虽然你在这里有更多的空间来阐述你的标题,但你的副标题也应该简短而甜美。
A CTA。这是“行动号召”的简写。这是你希望访客按下的按钮。就这么简单。从技术上讲,这就是创建登录页所需的全部内容。但是你最终会得到这样的结果:

如何在WordPress[2022]中创建有效的登录页-编程之家

如果你想创建一个有效的登录页面,还有一些事情需要考虑:

应该很少甚至没有导航。一个有效的登录页面应该尽一切努力吸引人们对你的CTA的注意。其他导航元素可能会分散你的CTA注意力,最终失去你的线索。虽然有一些有效的登录页面包含导航元素(我想到的是DoorDash),但要尽量减少这些元素。其中包括有趣的视觉效果。你不想用文字填满你的页面,但你需要以某种方式让它有吸引力。高质量的图片是提高用户对服务兴趣的好方法。如果你可以加入视频,就可以获得额外积分。包括社会证明。你有没有收到任何积极的反馈?不要羞于在你的登录页面上分享。人类是社会生物。如果你的访客看到其他人推荐你提供的服务,他们更有可能感兴趣。
使其具有互动性(如果合适)。让访问者与你的网站互动是提高他们兴趣的有效方法。测验、移动酒吧和迷你游戏都是鼓励游客点击的好方法。不过,要确保任何互动元素都与你提供的内容相关。否则,你可能会惹恼访客。了解你的听众。你提供什么?它优雅吗?精力充沛的时髦的?游戏杂志可能会受益于浏览器内的迷你游戏。蜡烛店可以有一个小问卷,帮助游客找到理想的蜡烛。从字体到背景色的一切都应该吸引你的目标受众。

如果你想了解更多细节,你可以阅读我们丰富的指南来构建一个奇妙的登录页面。现在该开始工作了。

方法1–使用可湿性粉剂页面生成器

在开始之前,我们需要弄清楚WordPress和。com和WordPress。组织。

WordPress。org是一个用于创建和管理网站的开源平台。你可能听说过大约三分之一的网站是在WordPress上运行的。完全正确。

使用WordPress。org,你需要一个网络托管提供商和一个域名。但别担心——这听起来比实际情况更复杂。

WordPress。com是WordPress的一个版本,它有自己的主机。与WordPress相比。org,它更像一个传统的网站建设者。这意味着它更容易管理,但也更有限。

让我们先用WordPress创建一个登录页。组织。如果你只对使用WordPress感兴趣。com,你可以跳到前面。

步骤#1:为自己准备一些主机

在开始之前,你需要一个主机提供商,在那里你可以安装WordPress和页面生成器。如果你已经在你的主要网站或网上商店使用了一个,坚持使用它;没有理由把事情复杂化。如果你还没有主机提供商,我建议你阅读我们对2022年最佳主机提供商的评论。

安装WordPress的过程会因供应商而异,但对于任何应用程序来说都不会太复杂。我和霍廷格一起去翻页。Hostinger有专门的WordPress托管计划,所以我所要做的就是创建一个帐户,并按照自动安装程序上的说明进行操作。

如何在WordPress[2022]中创建有效的登录页-编程之家如何在WordPress[2022]中创建有效的登录页-编程之家如何在WordPress[2022]中创建有效的登录页-编程之家如何在WordPress[2022]中创建有效的登录页-编程之家

在您的Hostinger计划中最多节省75%!2.限时优惠-不要错过!

7002用户使用了此优惠券!Get Deal

第2步:安装你的页面生成器

现在你有了合适的托管提供商,是时候安装你的生成器了。你只需转到WordPress仪表板,导航到插件,然后单击“添加新”。

如何在WordPress[2022]中创建有效的登录页-编程之家

如果你已经下载了。zip文件,你只需上传即可。否则,您可以在“搜索插件”栏上搜索首选的生成器,然后单击“立即安装”按钮。

I使用Elementor作为我的登录页,但无论页面生成器如何,步骤都非常相似。如果你不知道该使用哪种生成器,你可以看看下面我的一些最爱。

P无论你选择哪一个建设者,在开始之前先玩一下。观看YouTube教程、创建模拟页面等。在深入研究之前,您希望熟悉构建器的界面和功能。

步骤#3:画出你的页面

如果你不清楚你想要什么,你很容易就会得到一个凌乱的登录页面,不知道如何修复它。这就是为什么制定计划很重要。

从制作登录页的模型开始。这部分没有规定。你可以在Photoshop、MS Paint中进行设计,也可以在餐巾纸上绘制。唯一重要的是它足够清晰,可以使用。

如果你不知道从哪里开始,你可以在你的小众网站上找到一些很棒的登陆页面。想想你的品牌、风格,以及你对谁有吸引力。

在本例中,我决定为一家基于订阅的书店设计一个登录页,每月发送个性化建议。除了基础知识,我还选择了一个测验,向用户推荐新书。

第4步:选择完美的模板

所以,你已经选择了一个托管提供商,你已经安装了WordPress,你已经启动并运行了你的页面生成器。你准备好开始有趣的部分了吧?差不多了。你仍然需要选择一个模板。当然,你可以从一个空白页面开始,然后从那里开始构建,但是你需要做的大量微小的设计决定——比如字体、颜色、动画和背景设计——可能会让你感到惊讶。现有的模板越符合你的理想设计,你就越不需要为实现你的愿景而努力。

如何在WordPress[2022]中创建有效的登录页-编程之家

WordPress。org有大量模板可供选择。您的页面生成器可能还内置了多种选项。如果你感到不知所措,我们列出的2022年最佳登录页面模板会有所帮助。

I从Elementor的在线生活教练主题开始。尽管我把它改编成了一个不同的目的(问任何人,我无法告诉你如何生活),但它优雅的字体和整齐排列的元素给了我一个很好的起点。

第5步:定制你的页面

定制登录页面的具体过程对每个人来说都是不同的。就我个人而言,我喜欢从一般的方面开始,然后深入到具体的方面。

要使用Elementor进行编辑,只需转到WordPress仪表板,创建一个新页面,然后选择“使用Elementor编辑”您将看到一个包含各种小部件选项的菜单。点击左上角的汉堡菜单(这是三条水平线),然后点击“站点设置”在这里,您可以自定义页面更一般的方面,如全局字体、背景色等。

如何在WordPress[2022]中创建有效的登录页-编程之家

完成后,点击菜单右上角的小方块。您将看到一系列可以添加到站点的小部件。基本的小部件包括文本、图像和视频。我决定将我的计划升级到Elementor Pro,以解锁更多有趣的小部件,如动画标题和媒体旋转木马。

无论哪种方式,您都可以简单地将任何小部件拖放到希望它出现在页面上的位置。然后你可以点击你的小部件来打开小部件菜单。根据小部件的不同,您可以自定义颜色、边框甚至动画等内容。

如何在WordPress[2022]中创建有效的登录页-编程之家

对于我自己的页面,我从cha开始