如何使用 Mailrelay 将订阅表格添加到您的登录页面

如果您从事营销工作，您可能会阅读有关创建登录页面作为有效销售策略的一部分的重要性的信息。 如果您需要捕获订阅者、潜在客户或客户，则必须学习如何使用此功能。

正如你们中的许多人肯定知道的那样，登陆页面是一个页面，用于接收在点击广告或横幅（Facebook、谷歌或任何其他平台）后找到您的网站的访问者。 它的使用越来越广泛，在大多数情况下，其主要目的是捕获潜在客户或产生转化。

着陆页是为一个目的而创建的页面：生成转化。 一般来说，访问此页面的用户对您提供的产品感兴趣。 创建有效的着陆页是一门艺术，因为您需要考虑各个方面，例如页面设计和内容。 如果您已经知道着陆页是什么并且您想在您的营销策略中使用此选项； 我们将解释如何将 Mailrelay 订阅表单添加到登录页面以捕获潜在客户和订阅者。

重要说明：在这篇文章中，我们假设您已经在Mailrelay上创建了一个订阅表单并复制了您将使用的 HTML 代码。 因此，我们将专注于解释如何将此代码集成到登录页面中。 如果您还没有创建表单或没有复制 HTML 代码，我们建议您查看其他帖子：Mailrelay V3 订阅表单。

· 如何在 WordPress 中将订阅表单添加到您的登录页面

选项 1：使用 Elementor

我们已经在其他文章中讨论过 Elementor。 这是一个强大的插件，可在 WordPress 中使用，有免费和付费版本。 它是快速轻松地创建和编辑登录页面的理想选择。

如果您的网站是使用 WordPress 创建的，强烈建议使用此插件来设置您的登录页面，因为该过程将简单易行。 如果您尚未安装该插件，您可以从 WordPress 存储库免费下载并使用它来创建您的登录页面。 开始吧？

进入 WP 管理面板后，您应该单击“页面”并添加一个新页面。

您必须使用这个新页面来插入将向访问者显示的内容。 在这种情况下，在开始编辑布局之前，建议先进行一些调整。 例如，您应该命名该部分，选择模板等。

我们经常看到没有顶部栏菜单的登录页面。 当我们希望访问者只关注内容，而不是通过单击任何其他链接来“逃避”时，通常会使用这种方法。 这在为在线活动创建的登录页面上特别有用。

如果要实施此措施并删除登录页面上的导航菜单，则应在右栏中查找属性。 找到此选项后，在模板部分，选择“Elementor Canva”并保存您的工作。

之后，打开 Elementor 构建器，单击“使用 Elementor 编辑”并开始按照您要使用的结构构建登录页面。

创建页面后，您必须实现订阅表单。 在这种情况下，您可以获取 HTML 代码并将其插入到页面中。

为此，您应该查找“代码”模块并将其包含在所需的列或部分中。 放置后，您必须在开始阅读本文之前插入您复制的代码。 在这种情况下，您必须粘贴 Mailrelay 生成的代码以将其嵌入您的登录页面。

添加表单后，结果将如下所示。 请务必记住，结构和设计会因您安装的模块和元素而异。

在这一点上，我想指出的是，表单将显示为您的模板或主题中标记的外观和样式。 要进行样式更改或修改，您需要编辑 HTML 或使用特定插件来自定义您的选择加入表单。

选项 2：使用 Divi

Divi 是在 WordPress 中创建网站最常用的模板之一。 这个模板非常受欢迎，因为它提供了一个强大的视觉构建器，只需点击几下，您就可以创建吸引人的彩色页面。

Divi 目前是一种高级（付费）工具，可用作模板和 WordPress 的可视化构建器。 如果您的网站是使用此模板创建的，或者您已经安装了 Divi Builder 插件，请继续阅读，因为我们将逐步向您展示如何使用 Divi 在登录页面上添加订阅表单。 开始吧？

这些步骤与我们在上一指南中看到的步骤非常相似，因此我们将遵循的过程与我们在 Elementor 中看到的非常相似。

首先，让我们转到“页面”部分，然后单击“添加新内容”。

访问新页面后，我们将开始编辑主要设置。 如果与前一种情况一样，您想删除登录页面的顶部栏，则应在右栏中查找“模板”选项，然后单击“空白页面”。

有了这个，我们将告诉 WordPress 我们不想在网站的这个特定部分显示任何顶部栏。 很有趣，对吧？

为页面命名并选择模板设置后，不要忘记保存更改。

接下来，我们将开始使用 Divi 构建我们的登陆页面。 为此，请单击“Divi builder”，插件将显示带有登录页面构建器的屏幕。 默认情况下，Divi 为我们提供了多种选择：我们可以使用默认模板并对其进行调整或从头开始创建。 您可以选择两个选项之一。

一旦您设置了登陆页面，就可以插入您的 Mailrelay 订阅表格。 在这种情况下，我们将不得不在 Divi 的右侧栏中查找“代码”模块并将其插入我们想要的列或部分。 完成后，插件将打开一个窗口，其中包含一个字段，我们可以在其中嵌入 Mailrelay 生成的 HTML 代码。 如果您尚未创建 HTML 表单，请立即生成。

添加代码后，您将能够看到它如何在您的着陆页上提供帮助。

与前一种情况一样，表单将显示为您的模板或主题中定义的样式。 要进行更改，您必须手动编辑 HTML 或使用外部插件。

· 如何在不使用 WordPress 的情况下将订阅表单添加到您的登录页面

尽管 WordPress 是用于创建网站的最常用的 CMS 之一，但您可能希望在不使用此平台的情况下创建登录页面。 但是，如果您不使用 WP，我们将推荐一些可用于快速创建自己的登录页面的工具。

在这一点上，重要的是要注意，这些工具中的大多数都不是免费的，但它们通常提供两周或更长时间的测试，以便您可以开始使用该服务，看看这是否是您想要的。 测试该工具后，您可以决定是否有兴趣为其付费。

在本文中，我们将重点解释如何使用 Instapress 创建登录页面。 此工具是为不想手动设计页面的用户创建的，因此您可以编辑可用模板或创建自己的布局。

您要做的第一件事是在平台上注册以开始使用免费演示。 为此，请转到 Instapage 页面并创建一个帐户。

访问平台后，在桌面部分，单击“创建新页面”以开始创建您的登录页面。

在这里，您将有多种选择。 对于本教程，我们将选择第一个： “标准页面”。

选择此选项后，您将进入另一个屏幕，您可以在其中从多个模板中进行选择。 如果您想从头开始创建您的页面，您可以选择“空白页面”选项，或者您可以选择预定义的模板之一。

在这种情况下，重要的是要明确无法使用模板中可用的订阅框，因为我们将不得不使用 Mailrelay 生成的 HTML 代码。

选择要使用的选项后，向页面添加名称并开始编辑登录页面，为选择加入表单留出空间。

编辑布局后，您必须插入表单。 如果您在顶部检查，您将看到几个选项。 要添加表单，请单击“HTML”。

该插件将显示一个框，您可以将其放置在您想要的任何位置。 请注意，此框对应于表单，因此应将其放置在要显示表单的位置。 要输入 HTML 代码，请单击该框并选择“编辑”按钮。

该框将为空白，您可以输入代码。 粘贴 Mailrelay HTML 表单并单击“完成”。 如果您正确地遵循了所有步骤，您将看到您的表单将如何显示。

与前面的情况一样，重要的是要注意表单不包括嵌入在 HTML 代码中的样式。 因此，如果要自定义它，则需要手动编辑代码。 如果您不熟悉 HTML，我们建议您使用 Mailrelay 生成的默认表单。

最后，您必须单击屏幕右上角的“保存”按钮。

保存更改后，您必须发布页面。 为此，请单击要发布的页面，然后在下一个窗口中查找“发布”按钮并单击它。

要永久发布登录页面，您需要设置页面 URL。 因此，单击发布后，系统将显示一个带有配置选项的弹出窗口。 单击“设置 URL”按钮，然后在不同的可用选项中，为您的数字营销策略选择最佳选项。

如果您使用 WordPress，则可以选择此选项并按照屏幕上的步骤发布页面。 如果您不使用 WordPress，您应该单击第一个选项“自定义域”并按照说明设置您的域。

在每个选项旁边，您会找到一个“了解更多”链接。 如果需要查找有关您应该遵循的步骤的更多信息，请单击此链接。 您将被定向到信息丰富的部分，其中包含进行必要更改和永久发布页面所需的所有信息。

· 结论

如果您经营在线业务，您当然需要创建登录页面作为销售策略的一部分。 正如我们在文章开头所解释的，这些页面对于捕捉潜在客户非常有用。

事实上，这是一个广泛使用的工具，用于收集数据和创建邮件列表。 尽管大多数网站管理员更愿意提供“礼物”或“诱饵”以换取数据，但获取这些信息的策略可能会有很大差异。 我可以提供什么样的礼物？ 您可以创建教程、迷你课程、指南。 这将取决于您的销售策略。

为了帮助您完成此任务，在本文中，我们希望展示用于创建登录页面的不同选项以及将 Mailrelay 订阅表单与页面集成时必须遵循的步骤。 在这种情况下，我们专注于 3 种不同的选择。 但是，您可以使用任何其他提供嵌入外部 HTML 选项的工具来创建登录页面。

您是否曾经使用着陆页来吸引客户？ 你觉得有用吗？