如何创建 MailPoet WordPress 表单(简单的方法)

已发表: 2021-02-12

您想从表单中轻松添加 MailPoet WordPress 订阅者吗?

您可以轻松地将任何表单与 MailPoet 集成来构建您的电子邮件列表。

在本文中,我们将向您展示如何向 WordPress 网站上的任何表单添加 MailPoet 订阅复选框。

立即创建您的 MailPoet WordPress 表单

如何在 WordPress 中使用 MailPoet?

MailPoet 是一种电子邮件营销服务,您可以在 WordPress 中使用。 它有一个拖放构建器,可以轻松设计自定义电子邮件通讯。

如果您已经使用过像 SeedProd 这样的拖放登陆页面构建器,您会发现 MailPoet 非常易于使用。

WPForms 是最好的 WordPress Form Builder 插件。 免费获取!

在 MailPoet 中,您可以创建不同类型的电子邮件,例如:

  • 邮件截图
  • 带有滴灌电子邮件自动化的欢迎电子邮件
  • 最新帖子通知
  • 欢迎邮件
  • 废弃的购物车电子邮件
  • WooCommerce 订单电子邮件。

如何使用MailPoet

创建电子邮件模板后,您只需告诉 MailPoet 要将电子邮件发送到哪个列表或细分。 它会跟踪您在 WordPress 中的所有订阅者,并显示有关您的时事通讯打开率的统计数据。

接下来,让我们看看如何使用 WPForms 轻松构建您的 MailPoet 列表。

如何创建 MailPoet WordPress 表单

我们将向您展示如何将 WPForms 和 MailPoet 与 Uncanny Automator 插件集成。 以下是本教程中步骤的快速摘要:

  1. 安装 MailPoet 插件
  2. 安装 WPForms 插件
  3. 制作您的 MailPoet WordPress 表单
  4. 安装 Uncanny Automator 插件
  5. 创建您的 MailPoet WPForms 集成
  6. 测试您的 MailPoet WordPress 表单

如果您已经设置了 MailPoet,请直接跳到第 2 步。

第 1 步:安装 MailPoet 插件

首先,让我们在您的 WordPress 网站上安装 MailPoet 通讯插件。

首先,在 WordPress 中打开插件»添加新菜单。

添加新插件

搜索MailPoet ,并确保选择 MailPoet 3 插件。

现在单击激活以启用插件。

安装 MailPoet WordPress 插件

现在运行设置向导中的步骤。 如果您拥有 MailPoet 的付费版本,请输入您的许可证密钥以下载 Pro 插件并安装它。

如果您已申请使用 MailPoet 发送服务来提高可送达性,您现在将看到以下消息:

You'll soon be able to send once our team reviews your account. In the meantime, you can send previews to your authorized emails You'll soon be able to send once our team reviews your account. In the meantime, you can send previews to your authorized emails

在等待 MailPoet 批准您的帐户时,您可以继续设置 MailPoet 与 WPForms 的集成。

您可能还想为您的联系表单注册创建一个新的 MailPoet 订阅者列表,以便您可以将它们与您网站上的其他邮件列表分开。

要添加新列表,请转到MailPoet » 列表。 为您的列表输入一个名称,然后点击保存

添加新的 MailPoet 列表

伟大的! MailPoet 已准备就绪。 现在让我们安装表单构建器插件。

第 2 步:安装 WPForms 插件

WPForms 是 WordPress 最好的表单构建器插件。 它允许您使用拖放构建器创建任何类型的 WordPress 表单。

WPForms 比默认的 MailPoet 表单构建器具有更多的功能。 它有不同类型的垃圾邮件保护,您可以在任何形式上使用。

WPForms 主页

使用 WPForms Pro,您可以:

  • 将所有表单条目存储在 WordPress 仪表板中
  • 创建调查和民意调查
  • 接受 Stripe 或 PayPal 付款
  • 跟踪用户在您网站上的旅程
  • 使用进度条制作多步表单
  • 和更多。

因此,让我们现在下载并安装 WPForms 插件。 在继续之前不要忘记激活插件。

第 3 步:制作您的 MailPoet WordPress 表单

现在我们将制作一个联系表单,当它被提交时,它会自动将访问者注册到您的 MailPoet 列表中。

  • 如果您已经在 WPForms 中设置了表单,请立即打开它,我们将向您展示如何调整它。
  • 如果您是从头开始,请查看本指南以在 WordPress 中创建简单的联系表单。 制作联系表格并将其嵌入您的网站只需不到 5 分钟。

在 WPForms 中添加单独的名称字段

默认情况下,WPForms 有一个名字和一个姓氏字段。 这两个字段合并为一个“名称”。

MailPoet 分别存储名字和姓氏,所以让我们调整表单以匹配它。

首先,将 2 个单行文本字段拖到您的表单上。

带有 2 个单行文本字段的 MailPoet WordPress 表单

现在重命名第一个字段First Name 。 您可能还希望将其设为必填字段。 如果是这样,您可以单击“必需”复选框。

使 MailPoet WordPress 表单上的名称字段成为必需

接下来,向下滚动并展开Advanced Options

展开文本字段的高级选项

现在再次向下滚动到 CSS 类。 单击此处显示布局以显示名字字段的布局设置。

在 WPForms 中显示 CSS 布局

我们希望此字段显示在左侧。 所以我们先选择2列布局:

MailPoet WordPress 表单 2 列布局

然后使用此处的按钮选择左列。

MailPoet 名称字段 CSS

现在对第二个字段重复该过程。 将其重命名为姓氏,然后展开高级选项,并使用 CSS 布局将其放置在右侧。

伟大的! 现在我们有 2 个单独的字段用于访问者的名字和姓氏。 不要忘记通过将鼠标悬停在原始名称字段上并单击垃圾桶来删除它。

添加 Optin 字段

GDPR 是一项保护个人数据的重要法律。 每当您创建注册表单时,您都应该获得此人的明确同意。

为此,我们可以在您的表单中添加一个 MailPoet optin 复选框。 如果未选中 optin 字段,它们将不会添加到您的 MailPoet 列表中。

首先将复选框字段拖到表单上。 我们将添加一些文字来解释它的用途。

MailPoet WordPress 表单选择复选框

记下您在“选项”字段中使用的确切文本——我们稍后需要使用它。

您可能还想在您的联系表单中添加一个 GDPR 字段,以涵盖他们数据的存储。 如果您不确定是否需要此信息,我们建议您咨询律师以获取 GDPR 指导。

都到这里了吗? 点击保存

检查您的表单设置

在我们完成 WPForms 之前,检查您的表单通知和确认是个好主意。 首先,单击表单构建器左侧的设置

MailPoet WordPress 表单通知

  • 通知是在表单提交时发送的电子邮件。 由于这是一个联系表单,您需要打开通知。 如果您在设置表单通知方面需要帮助,请参阅本指南。
  • 确认是表单提交后显示在屏幕上的消息。 看看如何编辑表单确认消息。

按照您希望的方式设置表单设置后,单击保存

我们现在已在 WPForms 中完成,因此您可以单击X关闭表单构建器并返回到 WordPress 仪表板。

第 4 步:安装 Uncanny Automator 插件

Uncanny Automator 是一个很棒的 WordPress 插件,可让您在 WordPress 中自动化插件。 您可以使用一个插件作为触发器,使用另一个插件来执行操作。

Uncanny Automator 主页

我们将在 Uncanny Automator 中制作一个“食谱”。 触发器将是 WPForms 中的表单提交。 如果选择了 optin 复选框,Uncanny Automator 会自动将该人添加到我们的 MailPoet 列表中。

要继续,您需要获取 Uncanny Automator Pro 或更高版本的副本并将其安装在您的站点上。

现在我们准备将 WPForms 连接到 MailPoet。

第 5 步:创建您的 MailPoet WPForms 集成

在这一步中,我们会将所有内容整合在一起,并将您的联系表单与 MailPoet 集成。

在您的 WordPress 仪表板中,转到Automator » Add New

在弹出窗口中,选择Anonymous 。 这将创建一个即使访问者未登录 WordPress 也能工作的食谱。

为 MailPoet WordPress 集成创建一个匿名配方

接下来,在顶部输入新食谱的名称。

在 Uncanny Automator 中设置 MailPoet WordPress 配方

现在我们将在 Uncanny Automator 中设置我们的 WPForms 触发器。

创建您的 WPForms 触发器

如果用户选择加入,我们将告诉 Uncanny Automator 触发触发器。

首先,查看标记为匿名触发器的字段并选择WPForms

Uncanny Automator 中的 WPForms

接下来,让我们选择触发器A specific entry in a specific field

在 Uncanny Automator 中为 WPForms 设置触发器

使用下拉菜单,选择:

  • 我们之前创建的表格,以及
  • 我们添加的 optin 复选框字段。

在 Uncanny Automator 中选择表单

在第三个字段中,确保输入与您在下拉列表的选择字段中输入的完全相同的文本。

WPForms 中的特定字段值

单击保存以保存触发器。

现在让我们继续下一步。

在 WordPress 中创建您的新用户

作为工作流程的一部分,Uncanny Automator 需要为每个新的 MailPoet 订阅者在 WordPress 中创建一个新用户。 这将允许该人登录并更改他们的偏好。

我们需要决定是对现有用户还是新用户运行此操作。 这里有一些细节可以帮助您做出决定:

  • 现有用户将搜索与现有 WordPress 用户的匹配项。 如果 Uncanny Automator 没有找到用户,它会创建一个。 如果您经常收到已经拥有 WordPress 帐户的客户的询问,这是最佳选择。
  • 新用户将创建一个新用户,为他们分配一个角色,并可选择将他们登录到 WordPress。 如果用户存在,Uncanny Automator 将改为选择他们的个人资料。 如果您希望大多数查询来自新访问者,这是一个不错的选择。

在此处选择最适合您网站的选项。 我们将在此示例中使用新用户

在 Uncanny Automator 中选择新用户

接下来,让我们将 WPForms 中的字段映射到 WordPress 用户配置文件,如果找不到现有用户,将创建该配置文件。

单击此处的星号可打开可用字段列表。

Asterisk 在 Uncanny Automator 中打开字段

然后通过单击右侧的小箭头展开列表中的 WPForms 部分。

展开表单域

最后,选择与 Uncanny Automator 中的字段名称匹配的 WPForms 字段。

在 Uncanny Automator 中选择字段

在处理列表时,您还需要选择以下选项:

  • 用户名:在用户名字段中使用访问者的电子邮件地址是最简单的。 这样,您的所有用户肯定都会拥有唯一的用户名。
  • 角色:为新用户选择角色。 我们建议您在此处选择订阅者,除非您想在 WordPress 中授予新用户额外权限。
  • 登录用户:您可以选择在配方运行时自动登录用户。
  • 如果用户已经存在该怎么办:请务必在此处选择“选择现有用户” 。 如果不这样做,您的配方将不会为现有用户运行。

现在保存您的用户设置。

添加 MailPoet WordPress 订阅者

最后一步是在 MailPoet 中设置新用户。 在您的用户设置下方,单击添加操作按钮。

在 Uncanny Automator 中添加新动作

现在从选项中选择MailPoet

选择 MailPoet 操作

选择下拉列表中的第一个选项Add asubscriber to a list

将订阅者添加到 MailPoet 表单中的列表

重复将表单字段映射到您的 MailPoet 订阅者记录的过程。 选择已订阅以将它们添加到列表中,或者选择取消订阅以使用表单删除它们。

然后点击保存

WordPress 个人资料表单字段

我们快完成了!

现在我们只需要为订阅者选择 MailPoet 列表。 让我们选择刚开始时创建的新列表。

选择 MailPoet 列表

我们还需要做 1 件事。 我们需要打开每个开关以确保配方运行。

向上滚动并确保食谱的每个部分现在都切换到Live

Uncanny Automator 中的实时开关

最后,查看页面右上角并打开主食谱。 这也应该切换到Live

打开 MailPoet WordPress 表单配方

就是这样! 您的 MailPoet WordPress 表单已准备好将订阅者添加到您的电子邮件列表中。

第 6 步:测试您的 MailPoet WordPress 表单

测试新的集成总是一个好主意,所以现在让我们填写您的联系表格。 如果一切正常,您将看到一个新的表单提交列在Unconfirmed下。

未经证实的 MailPoet WordPress 表单订阅者

现在单击激活电子邮件中的链接以确认您的订阅。

确认MailPoet订阅

完成此操作后,您应该会在 MailPoet 列表的“已订阅”列中看到您的新订阅者。

就是这样! 现在,使用您的联系表格的每个访问者都可以选择加入您的 MailPoet 列表。

立即创建您的 MailPoet WordPress 表单

下一步:创建博客帖子通知表单

您可以通过多种不同的方式将 WPForms 与 MailPoet 结合使用来获得更多订阅者。

例如,尝试使用电子邮件地址字段制作 WPForms 注册表单,然后使用侧边栏小部件将其添加到您的博客中。 然后将您的表单连接到 Uncanny Automator 中的 MailPoet 发布通知时事通讯。

MailPoet 中的博客帖子订阅表单

现在,您可以在每次发布新内容时自动更新订阅者。

为您的表单创建登录页面也是一个聪明的主意。 它消除了所有可能会损害您的转化率的干扰。 在 WPForms 中制作登陆页面很容易。 查看这些登录页面表单示例以获取灵感。

准备好构建您的表单了吗? 立即开始使用最简单的 WordPress 表单构建器插件。 WPForms Pro 包括 100 多个免费表单模板,并提供 14 天退款保证。

如果本文对您有所帮助,请在 Facebook 和 Twitter 上关注我们,以获取更多免费的 WordPress 教程和指南。