如何在没有导航的情况下制作登陆页面(简单方法)

已发表: 2022-06-23

您是否正在考虑制作没有导航的登录页面?

导航菜单使网站访问者可以控制他们访问您网站上的哪个页面。 但是,着陆页只有一个目标,因此删除导航菜单可以提高转化率。

本文将向您展示如何制作没有导航的登录页面,并解释为什么包含导航会损害您的转化目标。

目录
  1. 步骤 1. 安装并激活 SeedProd
  2. 步骤 2. 选择登陆页面模板
  3. 第 4 步。自定义您的着陆页设计
  4. 第 5 步。配置您的页面设置
  5. 第 6 步。发布您的页面

登陆页面仍然相关吗?

登陆页面绝对仍然与数字营销相关。 良好的目标网页可以增加流量、改善您网站的搜索引擎优化 (SEO) 并提高品牌知名度。

登陆页面将潜在客户引导至特定产品、服务或优惠,并鼓励他们采取行动。 这是您建立信任、提高转化率和扩大客户群的机会。

事实上,拥有 10-12 个目标网页可以增加 55% 的潜在客户。

impact of number of landing pages on lead generation

创建更多登录页面可让您细分流量并为不同类型的客户构建特定页面。

如果您希望提高访问者的转化机会,您的目标网页是否应该包含导航链接? 我们接下来解决这个问题。

登陆页面应该有导航吗?

首先,关于是否在您的页面上包含导航链接,没有一个万能的答案。 选择取决于您的业务需求和目标。

但是,如果您希望目标受众专注于一个号召性用语,那么移除目标网页的导航栏是一个不错的选择。 请允许我们解释原因。

当您的着陆页上除了号召性用语 (CTA) 之外没有任何链接时,访问者不会因为您希望他们做的事情而分心。 导航链接会分散对该目标的注意力。

此外,例如,如果您通过 PPC 广告活动为着陆页流量付费,则可能会花钱。 您为到达着陆页的每次点击付费,如果访问者没有转化,您将无法获得投资回报 (ROI)。

从本质上讲,制作没有导航的目标网页是提高转化率和投资回报率的最佳选择。 在此示例中,OptinMonster 通过无导航登录页面显着降低了 PPC 活动的每次获取成本。

Optin Monster PPC landing page

接下来,我们将向您展示如何创建一个。

如何在没有导航的情况下创建登录页面

有很多方法可以创建高转化率的登陆页面,但如果您是 WordPress 网站所有者,我们建议您使用登陆页面构建器插件。

SeedProd WordPress website builder

我们最喜欢的选择是 SeedProd,它是 WordPress 的最佳网站构建器。 它使您无需编写代码即可创建高质量的登录页面、灵活的网站布局和自定义 WordPress 主题。

SeedProd 的可视化拖放页面构建器易于使用,并提供大量功能来完善您的登录页面设计,包括:

  • 专业设计的登陆页面模板
  • 30 多个内容块,如社交媒体按钮、optin 表单、CTA 按钮等
  • 预制内容部分,可加快定制速度
  • 动态文本替换
  • 即将推出和维护模式
  • 强大的访问控制
  • 电子邮件营销集成
  • 域映射
  • 和更多。

请按照以下步骤使用 SeedProd 制作没有导航的登录页面。

步骤 1. 安装并激活 SeedProd

首先,单击此链接开始使用 SeedProd 并将插件下载到您的计算机。

注意: SeedProd 有免费版本,但我们将使用 SeedProd Pro 来获得高级功能。

接下来,在您的 WordPress 网站上安装并激活 SeedProd 插件。 如果您需要帮助,可以按照这些说明安装 WordPress 插件。

安装 SeedProd 后,导航到SeedProd » 设置页面。 您可以在此页面上输入您的许可证密钥来激活 SeedProd 的 Pro 功能。

Verify your seedprod license key

单击验证密钥按钮,然后转到SeedProd » Landing Pages以创建新页面。

步骤 2. 选择登陆页面模板

以下页面有几个选项。

SeedProd landing page dashboard

您可以激活 4 种页面模式之一:

  • 即将推出模式
  • 维护模式
  • 登录页面
  • 404页

或者,您可以为任何目的创建一个独立的登录页面。 我们将使用此选项,因此单击“添加新登录页面”按钮。

Add a new landing page in WordPress

您可以从下一页的 150 多个登录页面模板中进行选择,并按类型过滤设计。 SeedProd 的许多设计不包含导航菜单,但我们将选择一个带有菜单栏的设计,以向您展示它是多么容易移除。

SeedProd landing page templates

当您找到您喜欢的模板时,单击复选标记图标。

Choose a landing page template

接下来,输入您的页面名称,然后单击保存并开始编辑页面按钮。

Add your landing page details

第 4 步。自定义您的着陆页设计

您的页面将在 SeedProd 的拖放页面构建器中打开。

2 列布局左侧有块和部分,用于自定义页面内容。 然后,您可以在右侧看到页面的实时预览。

seedprod landing page builder

您可以点击任意位置编辑内容; 添加新内容就像将内容块拖到页面上一样简单。

例如,您可以通过单击 2 次来删除导航菜单。 将鼠标悬停在导航部分上,然后单击垃圾桶图标。

Remove landing page navigation

SeedProd 将要求您确认您的选择,因此单击是,删除它,它将从您的登录页面中删除导航。

Confirm block deletion

如果要将徽标添加回页面,请将块拖到预览中并选择单列选项。

Add a landing page column

然后,您可以拖动图像块并单击它以显示块设置。

Add the landing page image block

从那里,您可以从计算机或 WordPress 媒体库上传徽标。

upload landing page logo

现在让我们看看页脚区域,它通常包含您不希望包含的导航链接。 我们的页面包含我们希望从该设计中删除的社交媒体资料链接。

将鼠标悬停在社交图标块上,然后单击垃圾桶图标将其删除。

Remove footer landing page navigation links

然后,您可以将其替换为 CTA 按钮或将该区域留空。

Footer call to action button landing page

现在,您可以自定义设计的其余部分以适应您的品牌和营销目标。 例如,您可以使用 optin-form 块来增加您的电子邮件列表并产生潜在客户。

landing page sign up form

或者,您可以添加一个 CTA 按钮,将用户引导至您的结帐或应用下载页面。

landing page call to action button

如果您对所有内容感到满意,请单击右上角的保存按钮。

save landing page without navigation

第 5 步。配置您的页面设置

SeedProd 可以通过登录页面轻松扩展您的电子邮件列表。 您可以轻松地将您的页面与许多电子邮件营销服务集成。

为此,请单击屏幕顶部的连接选项卡。 您将在下一个屏幕上看到您可以集成的所有电子邮件提供商,包括 Constant Contact、Mailchimp、GetResponse 等。

seedprod email marketing integrations

SeedProd 的电子邮件营销文档包含与每项服务集成的分步说明。

您还可以单击页面设置选项卡来配置以下设置:

  • 通用设置
  • 搜索引擎优化
  • 分析
  • 脚本
  • 自定义域
landing page settings

请记住在继续下一步之前保存您的更改。

第 6 步。发布您的页面

现在是时候发布您的页面并在您的 WordPress 网站上发布了。 您可以通过单击 Save 按钮和Publish上的下拉箭头来发布您的页面。

publish landing page without navigation

当您访问着陆页时,您会看到它没有导航。 这将确保您的访问者专注于您网页的主要转化目标。

landing page without navigation example

SeedProd 和您的小型企业

我们希望本文能帮助您了解如何制作没有导航的登录页面。 你准备好创建一个高转化的登陆页面了吗?

立即开始使用 SeedProd!

SeedProd 在这里帮助您以各种方式发展您的业务。 查看我们的博客以获取更多小型企业提示。

以下是一些我们最喜欢的相关帖子:

  • 9个启动登陆页面示例以及如何制作
  • 如何使用倒数计时器创建登录页面(5 个步骤)
  • 着陆页没有转换? 快速修复它的 9 个技巧

谢谢阅读。 请在 YouTube、Twitter 和 Facebook 上关注我们,获取更多有用的内容来发展您的业务。