如何在 WordPress 中制作单页网站(简单的方法)

已发表: 2022-06-22

好奇为什么以及如何在 WordPress 中制作单页网站?

一页网站可以比更复杂的网站具有更高的转化率。 而且它们很容易构建。 对于许多小型企业来说,一个设计良好的单页网站就绰绰有余了。

在本教程中,您将学习如何在 WordPress 中创建自己的网站。

何时建立单页网站

一页网站与多页网站一样有用。 将单页网站组合在一起通常比更复杂的网站更快,并且有限的空间迫使您优先考虑最重要的内容。

小型企业通常可以使用单页网站,就像虚拟名片一样。 您可以将一页网站分成多个部分,而不是拥有多个页面。 然后,您可以使用锚链接来帮助用户导航到他们想要的部分。

当您的网站的其余部分仍在构建中时,一页网站也很棒。 您使用电子邮件选择表单作为即将推出的页面来收集您的完整网站启动的电子邮件地址。

销售页面通常是一页网站。 这有助于跟踪转化率,因为您将所有流量都吸引到一个着陆页。 没有外部链接来分散客户的注意力也可以提高转化率。

最后,单页网站通常对一次性活动(例如会议和研讨会)很有用。 大多数访问者出于一个特定目的访问该站点,并且不需要指向一堆其他页面的链接。 此外,您可以在活动结束后关闭单页网站,而不会影响更大网站的其他部分。

一页网站的重要部分

如果您正在构建一个关于您的业务的单页网站,您希望该网站能够回答尽可能多的客户问题。 如果不确定,许多客户不会费心去问问题。 他们只会去别的地方。

您可以将单页网站视为您的业务的虚拟介绍。 想象一下,您是第一次见到一位潜在客户。 您的单页网站的各个部分应与有关您的业务的对话流程相匹配。

为您的企业创建单页网站时,请确保包含以下部分:

标题

Example of a full page header on a one page website

标题部分是人们首先看到的。 这就像当你遇到某人时,你脸上带着微笑与他们握手。

您的标题应在此处包含您的公司名称以及您所做工作的快速概述。

关于

Example of an about section on a one page WordPress website

在较大的网站上,“关于”页面是访问量最大的页面之一。 因此,在您的单页网站上包含类似的“关于”部分非常重要。

这就像与某人见面时的电梯演讲:您分享一些关于您是谁以及您所做的事情。

但请记住,关于部分不应该只是关于您。 您需要表明您真正了解客户的需求并解释您的业务如何帮助读者。

服务/产品

Example of a services section on a one page WordPress website

第一次见到某人时,你不会立即跳入推销。 你会热情地打招呼,表明你对他们感兴趣,而不仅仅是他们的钱。

因此,在您的一页网站上,在您介绍自己和您的业务之后,您就可以谈论您的报价。

对于服务提供商,请说明您可以为访客做些什么。 专注于您的服务将带来的好处,或者与您合作后他们的生活将有何不同。 您还不需要了解有关安排或付款的所有详细信息。 留着以后用!

对于电子商务或数字产品销售,不要只是告诉而是展示您销售的产品。 同样,请务必谈论每个功能如何帮助读者。

社会证明

Example of a social proof section on a one page WordPress website

当您在社交场合遇到某人时,他们可能会问您是否有共同的朋友或同事,或者您如何认识聚会的主人。

客户也不例外。 他们想知道您的产品或服务是否会对他们有所帮助,而判断这一点的一种方法是通过社会证明。 社会证明可以包括产品评论、案例研究、推荐、行业奖项、媒体特写或名人和影响者的认可。

购买通常是一个情绪驱动的过程。 为了获得更多销售,您可以诉诸强大的情感,例如信任和归属感。

潜在客户可能会看到您的作品出现在著名杂志上。 该杂志的一些信誉和声望将转移到您的业务中,并说服该客户雇用您而不是其他人。

同样,访问者可能会决定他们想要他们在客户评论中读到的同样出色的结果。 为了获得相同的结果,他们会模仿撰写评论的人并购买您的产品。

在任何网站上利用社交证明的最佳工具之一是 TrustPulse。

trustpulse home page

TrustPulse 是市场上最好的社交证明软件。 使用 TrustPulse,您可以快速轻松地显示社交证明通知。 即使在您的单页网站上,您也可以显示访问者何时:

  • 注册您的时事通讯
  • 注册网络研讨会
  • 在 Google 我的商家或 Yelp 等第三方网站上为您的公司留下评论
  • 从您的在线商店购买产品
  • 点击进入登陆页面或产品页面
  • 和更多…

换句话说,您将展示其他人的积极行为,以激励您的访问者采取类似的行动。 另外,它不需要任何编码技能即可开始。

最好的部分是,与最接近的竞争对手相比,您可以以一小部分成本使用 TrustPulse。 其他社交证明软件的费用可能高达每月 20 至 30 美元,而 TrustPulse 的付费计划起价为每月 5 美元

这使其成为各种规模企业的完美工具:从 8 位数的公司到寻找更多读者的独立博主。

有关 TrustPulse 如何在定价和功能方面与竞争对手竞争的更多信息,请查看这篇有用的帖子:FOMO vs. UseProof vs. TrustPulse:哪个最适合社交证明?

准备好开始在您的受众中建立信誉并立即提高销售额了吗?

立即开始使用 TrustPulse 无风险!

呼吁采取行动

Example of a call to action (CTA) section on a one page WordPress website

请记住,您不希望为流量而流量。 您希望访问者在离开您的单页网站之前做一些事情。 因此,请确保包括号召性用语。

这就像在对话结束时将您的联系信息交给某人,并邀请他们将来再次联系。

如果您希望访问者购买您的产品或预订您的服务,请确保包含一个购买或安排按钮。

或者,您可能希望他们在社交媒体上关注您或分享您的帖子。 您可以使用 Smash Balloon 在您的单页网站上显示可共享的社交媒体内容。

您还可以包含电子邮件选择表单来注册您的电子邮件营销列表。 OptinMonster 是我们最喜欢的工具,用于将内联、弹出、滑块和浮动栏选项添加到您的单页网站。

联系信息

Example of a contact section on a one page WordPress website

一些游客可能还没有准备好购买或预订。 其他人可能在购买前有疑问。

您的一页网站应该有您的联系信息,以便潜在客户可以联系到您。

可填写的联系表格使访问者可以轻松提出问题,并使您的电子邮件地址对垃圾邮件发送者隐藏。 WPForms 是最简单的 WordPress 表单构建器,随着业务的发展,您可以使用它来创建付款表单、调查和其他表单。

如何在 WordPress 中构建您的单页网站

我们知道您渴望学习如何在 WordPress 中制作单页网站。

但在开始之前,让我们确保您拥有所需的一切。

当您准备好所有部分时,建立一个单页网站会容易得多,就像当所有成分都已经测量和准备好时做饭更容易一样。

要构建您的单页网站,您将需要:

  • 品牌:提前决定你将使用什么颜色和字体。 如果您有徽标,也请准备好您的徽标。
  • 复制:在您的单页网站的每个部分中写下您要说的内容。
  • 图片:将您要使用的任何产品或品牌图片保存到指定文件夹中。
  • 电子邮件列表:如果您打算使用电子邮件选择表单,请确保在 Mailchimp 或 ConvertKit 等电子邮件服务提供商处注册一个帐户。

现在我们将向您展示如何通过 6 个步骤构建一个单页 WordPress 网站。

第 1 步:获取虚拟主机

首先,您需要注册虚拟主机和域名。

如果您的网站是一座房子,那么网络托管就像您在其上建造“房子”的虚拟土地。 域名就像是告诉人们如何找到您的单页网站的邮寄地址。

要在一个地方获得网络托管和免费域名,我们推荐 Bluehost。

要获得域名的想法,请尝试使用最好的域名生成器 Nameboy。

第 2 步:安装页面构建器

下一步是安装页面构建器插件,例如 SeedProd。

最简单的方法是使用插件搜索来安装 SeedProd 的免费版本。

搜索 SeedProd。 然后单击安装。 最后,单击激活。

The wordpress plugins directory with SeedProd selected

您可以升级到 SeedProd Pro 以构建主题、收集电子邮件和访问其他增长工具。

第 3 步:创建新页面

现在,您的 WordPress 管理区域中有一个新选项,标签为 SeedProd。 一页网站在 SeedProd 中称为登陆页面。

首先,点击SeedProd » Landing Pages 。 然后,单击按钮创建一个新的登陆页面。

欢迎您使用 SeedProd 中提供的任何模板。 因为每一个页面的网站都是不同的,我们将使用空白模板。 别担心,我们将向您展示如何从头到尾自定义它!

您将看到一个弹出窗口,询问您的新页面详细信息。 填写您的页面名称。 不用担心,如果需要,您可以稍后更改!

Adding a new landing page with SeedProd

单击保存并开始编辑页面。

第 4 步:自定义您的单页网站

您现在位于 SeedProd Builder 中。 是时候开始建造了!

全局设置

首先,让我们自定义全局设置。 这允许您为整个页面设置字体和颜色。 您希望您的品牌在整个一页网站中看起来一致。 这就是为什么提前选择品牌颜色和字体很重要的原因。

要访问全局设置,请单击左下角菜单上的齿轮图标。

Global settings icon in SeedProd

从下拉菜单中选择标题字体和正文字体。 或者您可以单击字体主题从一些推荐的配对中进行选择。

Setting the global fonts in SeedProd

接下来,让我们选择您的全局颜色。

Setting global colors in SeedProd

要调整颜色,请直接单击颜色预览或单击鼠标悬停在每个设置上时出现的铅笔图标。

为您的标题、文本、按钮、链接和背景选择颜色。 您可以稍后在单个元素中修改这些颜色,但这是一个很好的起点。

就像字体一样,您可以通过单击调色板来查看预制的颜色组合。

添加一个部分

现在是时候选择你的布局了。 您可以在构建器屏幕的右侧看到布局选项。 为了让您的单页网站在所有设备上都简单易用,我们建议使用 1 列布局。

Selecting a section layout in SeedProd

这将创建一个新部分和一个新行。 当您将鼠标悬停在部分上时,它们将以紫色显示。 行用蓝色勾勒出来。 您可以在单个部分中添加多行。 每行也可以有不同数量的列。 同样,我们建议使用 1 或 2 列布局,以使您的网站易于使用,尤其是在移动设备上。

Selecting a row layout in SeedProd

要更改部分背景颜色,请单击以紫色勾勒的部分。

通过单击背景颜色的颜色预览来调整颜色。 我们建议从您之前设置的全局颜色中进行选择。

Change the section color in SeedProd

添加块

您的单页网站的各个元素在 SeedProd 构建器中称为块。 单击编辑面板右上角的点图标以访问您的块。

从不同的块中选择来构建您的每个部分。 以下是我们的建议:

  • 关于部分块:标题、文本、视频、图像
  • 服务/产品部分块:标题、文本、图像、图像轮播、定价表
  • 社交证明部分块:推荐、Facebook 评论、 Twitter 嵌入时间线
  • 号召性用语部分块: Optin Form , Button
  • 联系部分块:联系表格,文本

第 5 步:添加导航

当您有一个单页网站时,该页面可能会变得很长。 有一种简单的方法可以导航到不同的部分,这一点很重要。 SeedProd 使用锚点导航菜单块使这变得简单。

首先,让我们添加锚点。 锚点是不可见的块,您可以使用它来识别一页网站的部分。 在高级块下找到块。

将其拖到您要命名的部分。 你把它放在哪里并不重要,因为访客不会看到它。 只要确保它靠近您要标记的部分的顶部即可。

单击实时构建器中的锚块,然后在指示的字段中输入部分名称。

Set a name for the anchor block

为您希望能够链接的每个部分添加一个锚块。

接下来,让我们添加导航菜单。 我们建议将其放在您的单页网站的顶部,以便访问者可以立即跳转到他们想要阅读的部分。 但是你可以把它放在你的一页网站上的任何地方。

选择高级块下的导航菜单块。

Add a nav menu block in SeedProd

将其拖到要放置导航菜单的部分。

在实时构建器中,单击导航菜单块以拉出菜单设置。

Select the nav menu you just added in SeedProd

您将看到 SeedProd 自动生成的示例链接。 删除它并为您要链接到的第一部分放置锚名称。 在锚名称前添加井号标签或井号#。 它应该如下所示:

Add a link to the anchor

对您之前制作的所有锚点重复此过程。

单击高级选项卡以自定义导航菜单的外观。 您可能希望导航菜单是水平的或垂直的,具体取决于您的一页网站设计。 玩它,直到你得到你喜欢的东西!

第 6 步:添加号召性用语 (CTA)

您的单页网站最重要的部分可以说是您的号召性用语 (CTA)。 使用 SeedProd,可以轻松添加各种 CTA。 我们将介绍两个最常见的:选择表格和联系表格。

选择表格

SeedProd 可以在您的单页网站上为您收集电子邮件地址。 对于即将推出的页面来说,这是一个特别好的策略。

您可以使用 SeedProd 的内置订阅者功能或其众多电子邮件营销集成之一。

单击构建器顶部的连接选项卡。

Connect email marketing service in SeedProd

选择您的电子邮件营销服务,然后单击连接

单击连接新帐户。 按照为您的电子邮件营销服务提供的说明进行操作。 您可能必须登录您的电子邮件营销服务才能获取 API 密钥。

单击保存集成详细信息。

返回“设计”选项卡。

选择高级块下的选择表单块。

将其拖到您希望显示选择表单的部分。

通过单击Optin Form自定义设置。 它已经连接到您的电子邮件营销服务,因此您已准备好在您的单页网站上收集电子邮件!

联系表

在高级块下找到联系表格块。

将其拖到您要放置联系表的部分。

系统将询问您是否要安装 WPForms。 这是一个自由形式的构建器插件。 所以继续并单击安装 WPForms。

Install WPForms to use within SeedProd

安装后,单击编辑面板中的+ 新表单

您将在屏幕上看到 WPForms 窗口。 选择一个模板或创建一个空白表格。 我们推荐使用简单联系表模板。 您可以在下一步中对其进行更多自定义。

Select WPForms template

单击一个字段以对其进行自定义,或单击“添加字段”选项卡以放入更多字段。您可以使用“消息”字段标题来提醒访问者您可以如何帮助他们。

Change form fields in WPForms

单击保存,然后单击X按钮退出 WPForms 窗口。

您的联系表格现在位于您的一页网站上!

您需要单页网站还是多页?

这个问题的答案实际上取决于您的业务。

一页网站非常适合只有一个主要销售渠道的产品或服务的企业。

一页 WordPress 网站也非常适合只需要让人们进入实际位置的本地企业。

单页网站可以帮助访问者保持专注。 他们只需要阅读一页。 此外,您的单页网站在搜索中的排名可能会更高,因为所有流量都流向了一个登录页面

只需一页,您就可以真正优化 WordPress 网站在移动设备和桌面设备上的速度和性能。

对于电子商务网站、博客或出版物等更复杂的业务,单页网站是不够的。

你有它! 现在您知道如何在 WordPress 中制作单页网站了。

如果您想在构建新网站时添加即将推出的页面,请在此处查看我们的教程。 您还可以阅读有关其他拖放构建器的更多信息。

你在等什么? 开始使用 SeedProd 构建您的单页网站。

如果您喜欢这篇文章,请在 Facebook 和 Twitter 上关注我们以获取更多免费文章。