Ninja Forms：我们渗透并测试了这个表单插件

如果我说“忍者”，你怎么看？ 对我来说，我想到了三个想法：

• 莱昂纳多、多纳泰罗、米开朗基罗和拉斐尔（对不起斯普林特和四月）。 我会省去你的介绍，你已经认出了它们。

• 战斗间谍，大多是熟练的双节棍/手里剑爱好者。
• Ninja Forms ，一个在 WordPress 上创建表单的著名插件。 这就是我的小 WP 爱好者的用武之地。

在这篇文章中，我们将重点关注第三个参考，即与表单插件相关的参考。 提前向那些认为他们正在复兴的忍者神龟粉丝道歉。

对于您的网站管理员/网站创建者活动，Ninja Forms 会更有趣。 在这些行的末尾，您将了解它的工作原理、品质和弱点。

您最好的 WordPress 项目需要最好的主机！

WPMarmite 推荐 Bluehost：出色的性能，出色的支持。 所有你需要一个好的开始。

试试 Bluehost

什么是忍者形态？

Ninja Forms 是一个免费增值的 WordPress 插件，它允许您创建不同类型的表单（联系人、登录、预订、付款等）而无需编码。 它使用拖放并提供现成的表单模板，以避免从头开始。

Ninja Forms 有两个版本：

• 免费版本，您可以从 WordPress 仪表板安装和激活。
• 高级版，每年 49 美元起。 附加组件也可以单独购买，详见本文末尾。

它拥有超过 3000 万次下载和1M+活跃安装，是在官方目录中创建表单的最受欢迎的插件之一，仅次于 Contact Form 7（ 5M+活跃安装）和 WPForms（ 5M+活跃安装）。

继续阅读以了解 Ninja Forms 的全部内容，以及它吸引大量观众的原因。

Ninja Forms的主要特点是什么？

专为初学者设计的插件......

“100% 初学者友好”。 这是 Ninja Forms 提出的主要营销论点。

它的主要目标是非技术用户，他们不知道如何——或者不想——编码来创建一个表单，但仍然想要一个专业的外观。

为此，Ninja Forms 提供了几个有价值的功能：

• 拖放所见即所得编辑器（所见即所得）。 您的所有更改和修改都在您的屏幕上实时可见。
• 即用型模板无需从头开始即可创建您的第一个表单……并节省宝贵的时间。
• 一个清晰整洁的界面，具有易于理解和清晰的选项，以避免淹没在无尽的选择中。
• 与 WordPress 内容编辑器(Gutenberg) 集成，使用专用块在创建后集成您的表单。
• 响应式表单，无需您进行任何修改即可自动适应访问者的各种屏幕尺寸。
• 从您的主题自然继承的表单样式，允许以自动方式坚持您的样式指南。
• 通过与 Akismet 和 Google reCaptcha 的集成，对垃圾邮件进行本机保护。

…但也适用于开发人员

如果 Ninja Forms 允许您设计易于使用的表单，“让您感觉自己是一名专业的 Web 开发人员”，那么它的创建者也考虑到了开发人员。

借助 Ninja Forms，用户可以通过可用的钩子轻松改进或优化他们的表单，这对于扩展插件的功能非常有用。

除此之外，Ninja Forms 还提供了一个名为 Webhooks 的扩展，用于将您的表单数据发送到不提供与 WordPress 集成的第三方工具。

Ninja Forms，一个可扩展的插件

使用 Ninja Forms 创建各种形式的可能性

它的描述很清楚：从最广泛的意义上说，Ninja Forms 是一个表单构建器。

显然，您可以使用它设置联系表格。 但仅将其限制在此范围内将过于简化。 事实上，创意的可能性几乎是无限的（前提是您使用许可证或高级插件）。

Ninja Forms 在其官方目录页面的常见问题中列出了大约 50 种类型的表格。 在这些例子中，我们发现：

• 联系表格，供想问您问题的人使用。
• 用于收集访问者电子邮件地址的表格（选择加入表格）。
• 付款表格，如果您想在您的 WordPress 网站上销售产品或服务。 Ninja Forms 与 Stripe 和 PayPal 支付网关集成。
• 例如，访问会员区的登录表单。
• 酒店或餐厅等的预订表格。
• 您的时事通讯的预订表格。
• 下载一个或多个文件的表格。
• 捐赠表格等

高级选项提供的高级选项

虽然 Ninja Forms 提供了一个包含经典字段（姓名、名字、电子邮件、电话、消息、发送按钮等）的基础，以在其免费版本中创建相对简单的表单，但它的高级服务可以走得更远。

根据您使用的附加组件或许可证，您可以：

• 设置一个带有条件逻辑的表单。 该系统允许您仅在满足某些条件时才显示某些字段（例如填写特定字段）。
• 设计 多步骤表格。 用户只有在填写了前一个字段后才能填写该字段。
• 使用特定选项创建允许下载文件的表单。 例如，可以指定您要提供下载的文件类型，甚至可以将访问者下载的文件发送到第三方存储空间（例如 Amazon S3、Dropbox、Google Drive）。
• 设计表单，根据用户填写的字段计算产品或服务的价格。

与第三方工具集成以自动化您的流程

最后，在 Ninja Forms 的灵活性方面，您不会被超越。 由于与 Zapier 的集成，它集成了一个由 1,000 多项服务组成的生态系统。

由于与电子邮件营销平台的集成，此表单插件也非常实用。 Ninja Forms 可以完成这项工作，因为您可以将其连接到 Mailchimp 或 ActiveCampaign（不过是高级版）等等。

在这种情况下，您收集的访问者的联系信息将直接出现在您选择的联系人列表中。

这就是允许我们进行演示的第一个概述。 现在，让我们更详细地了解这个表单插件的个性和特点。

为了做到这一点，我们将把它放在工厂里看看它是怎么回事。 通过一个具体的例子，您将学习如何从头开始设计联系表格。 跳进去！

如何通过 4 个步骤使用 Ninja Forms 创建联系表单

为了解释 Ninja Forms 的工作原理，我们将使用该插件的免费版本，它足以创建一个高效的联系表单。 当然，如果您想从其他选项中受益，Pro 版本会更完整。 我们将在本文后面详细介绍其功能和价格。

第 1 步：安装并启用插件

首先，从 WordPress 网站的后台安装插件。

为此，请转到插件 > 添加新的：

启用插件后，您将在管理员的左侧栏中看到一个名为“Ninja Forms”的设置菜单。 此通用菜单分为 7 个子菜单。

这是您将开始创建任何新表单的地方：

要在购买后安装 Ninja Forms，请将您的会员资格或附加组件的 zip 文件上传到您的客户区，然后在插件 > 添加新 > 上传插件中将其添加到您的 WordPress 站点。

第 2 步：选择表单模板

没有任何过渡，让我们继续进行第 2 步：添加新表单。 为此，请遵循以下路径： Ninja Forms > Add New 。

该插件会将您带到一个包含 3 个选项卡的页面：

• “表单”选项卡列出了 17 个表单模板，因此您不必从头开始。 在撰写本文时，其中有 10 个可通过免费版本获得，7 个需要高级软件包。
• “服务”首先提供设置“插件管理器”（测试版），这是一个一键安装所有高级插件的工具。 仅当您使用 Ninja Forms Pro 软件包时才有意义。
  Ninja Forms 还允许您激活 SendWP 插件。 此插件提高了 Ninja Forms 发送的电子邮件通知的可传递性。 默认情况下，WordPress 会处理这个问题。 然而，由于它不是电子邮件服务，它可能难以通过电子邮件客户端（例如 Gmail、Yahoo、Outlook 等）使用的反垃圾邮件屏障。
• “ Apps & integrations”展示了 Ninja Forms 提供的高级插件。

为了设计我们的联系表格，我们将使用名为“联系我们”的模板。 单击它以启用它。

当然，您仍然可以选择“空白表单”模板，从空白页开始。

第 3 步：使用 Ninja Forms 向表单添加字段

清晰的全屏界面

就是这样：您在 Ninja Forms 编辑界面上。 乍一看，你会注意到它很干净而且没有超载。

它设置为全屏以避免分心，让您完全专注于创建表单。

让我们分解一下它是如何组织的以及它是如何工作的：

• 在顶部的左角（下方屏幕截图中的区域 #1），您有 3 个选项卡来自定义表单的字段及其行为（显示设置、限制、电子邮件通知等）。
• 屏幕中央是表单的字段（区域 #2）。
• 在右上角（区域#3），您可以通过单击叉号离开编辑界面，发布您的表单，或将您的表单共享为公共链接（链接图标，我们稍后再讲）。
• 在右下角（区域 #4），“+”按钮提供了要添加到表单的字段列表。

建议使用哪些类型的字段？

单击“+”按钮添加您选择的字段，分为 4 类：

1. 常用字段：复选框、下拉列表、图像、发送、段落、日期/时间、多选、单选按钮、文本行。
2. 用户信息字段：地址、城市、电子邮件、名字、姓氏、国家、城市、电话、邮政编码。
3. 布局字段：HTML、可重复字段集、分隔符。
4. 其他字段：已确认、隐藏、数字、reCAPTCHA、反垃圾邮件、星级。

免费版总共为您提供不少于 28 个字段。 这是一个非常大的数字，使 Ninja Forms 在这一特定领域的竞争中脱颖而出。

相比之下，其竞争对手之一 WPForms 在其免费版本中“仅”提供 10 个字段。

使用 Ninja Forms，您可以享受任何联系表单（姓名、名字、电子邮件、发送等）必不可少的经典字段，还可以使用更高级的字段来设计更高级的表单（注释、可重复字段集等） .

如何在表单中添加和自定义字段？

要将新字段添加到表单中，请将鼠标悬停在其上，然后将其拖放到表单上的所需区域。

要自定义它，请单击它。 然后您可以：

• 更改措辞并使该字段为必填项。
• 在字段中显示指示性文本（例如“您的姓名”以向用户表明他们必须输入他们的姓名），或者如果您希望用户可以访问他们添加的文本的更高级编辑选项，甚至可以显示文本编辑器. 单击“完成”按钮保存更改。
• 单击星形图标保存字段及其设置。 您将能够在下一个表单中重复使用现成的它。

通过将鼠标悬停在每个字段上，您还可以访问快速操作来删除、复制或修改字段：

第 4 步：进行最终设置

集成和配置字段后，您可以使用最后两个设置选项卡微调表单。 “电子邮件和操作”为您提供 4 个选项：

1. 记录提交（每次提交表单时记录数据）。 您可以排除某些字段并设置删除数据的时间限制。
2. 电子邮件确认，让您的访问者知道表单已提交。
3. 电子邮件通知让站点管理员（例如您）知道有人已经完成并提交了您的表单。
4. 用户提交表单后立即显示成功消息。

单击即可激活和停用每个选项，并且可以通过单击将其单独设置为字段。

最后，“高级”选项卡有两个选项：

1. “显示设置”。 在此菜单中，您可以选择显示表单标题、删除字段以及在发送后隐藏表单。 您还可以更改默认标签的位置（上方、下方、左侧、右侧或相对于其字段隐藏）。
2. 如果您愿意， “限制”允许您只接受每个用户提交一份表单。 为此，请在“唯一字段”框中选择“电子邮件”字段。

就是这样，你的表格已经准备好了。 通过单击相关按钮发布它。 现在您将学习如何将其集成到您的内容中。

默认情况下，Ninja Forms 不提供任何选项来自定义表单的视觉外观（颜色、排版、边框、背景等）。 该插件继承了您主题的风格，以确保一定的风格连续性。
要精确影响表单的样式，您需要添加 CSS 代码或使用“布局和样式”插件。

加入 WPMarmite 订阅者

获取最新的 WPMarmite 帖子（以及独家资源）。

现在订阅

如何将表单与 Ninja Forms 集成到您的内容中？

如何在页面或帖子中嵌入表单？

你的形式是闪亮的和新的。 因此，通过将其添加到您的帖子和/或页面中，让您的访问者享受它。 Ninja Forms 提供了 3 种集成表单的方法。

使用 Ninja Forms 提出的 Gutenberg 区块

第一种选择是使用 Ninja Forms 提出的 Gutenberg 块。 转到您选择的页面（例如您的联系人页面），然后添加名为“Ninja Form”的块。

您所要做的就是从下拉列表中选择您的表单，它将显示：

使用“简码”块

第二种选择，非常相似。 除了这一次，块的名称发生了变化。 选择“短代码”块并将其粘贴，与您的表单相关联。

您可以在Ninja Forms > Dashboard中找到此简码。 它采用以下格式： [ninja_form id=2] 。

附加您的表格

不喜欢古腾堡积木？ 然后，您还可以通过在 WordPress 内容编辑器的“页面”选项卡中的“附加忍者表单”框中选择它来将表单添加到您的内容中。

但是，在这种情况下，您将无法选择表单的显示位置。 默认情况下，它将位于您的内容之后的末尾。

如何将表单与 Ninja Forms 集成到小部件区域？

页面和帖子是 WordPress 提供的主要内容类型。 但这些并不是您可以添加表单的唯一地方。

也可以将其集成到小部件区域，例如侧边栏或页脚。

提供的小部件区域的数量和类型取决于您使用的主题。 例如，它可能不提供侧边栏。

在实践中，您有两种方法可以继续：

• 例如，如果您使用的是与完整站点编辑(FSE)兼容的主题（例如二十二十二），请转到外观 > 编辑器以在页脚中添加表单。
• 如果您没有使用 FSE 兼容的主题，请转到外观 > 小部件。 然后，您可以在主题提供的小部件区域中嵌入与您的表单相对应的“Ninja Form”块或“Shortcode”块。 在下面的示例中，您可以看到我用于此测试的主题（二十一二十一）只有一个小部件区域（页脚）。

如何将 Ninja Forms 与 Elementor 集成？

让我们继续谈论集成，因为它还没有结束。 如果您是 Elementor 页面构建器的庞大用户群（超过 1000 万）的一部分，您应该知道您可以利用与 WordPress 生态系统中最受欢迎的页面构建器的专用集成。

为此，只需在 Elementor 编辑器上选择“Ninja Forms”小部件，然后选择您选择的表单。 有了这个，您将能够直接从 Elementor 界面自定义表单的外观。

使用 Elementor 构建您的网站

使用著名的页面构建器轻松设计 WordPress 网站的外观和感觉。

尝试元素

如何创建公共链接以直接访问您的表单？

最后，还有最后一种向访问者显示表单的方法。 您可以通过单击链接为访问者提供直接访问权限，而不是将其嵌入您的页面中。

为此，请按照以下步骤操作：

• 在表单编辑界面，点击代表链接的图标。
• 启用“允许公共链接”选项。
• 将生成的链接复制到您的表单。

Ninja Forms 提供哪些附加设置？

您当前的表单已经功能强大且高效，但是您可以对其进行调整和微调，这要归功于 Ninja Forms 常规菜单中提供的一些选项。

为了更清楚地看到它，让我们看一下每个子菜单。

仪表板

在这里，您将找到您创建的所有表单，以及它们的创建日期和它们的简码。

单击齿轮图标可让您编辑、复制、预览和删除表单。

您还可以从此仪表板添加表单，并启用 Ninja Forms 提供的服务和附加组件。

提交内容

“提交”子菜单汇总了与您的潜在客户相关的数据，即填写并提交了一份或多份表格的人。

例如，对于每个表格，您会发现：

• 填写表格的人的姓名。
• 发送表格的日期。
• 写的消息。
• 此人的电子邮件地址。

如果您愿意，您可以下载所有这些数据。

进出口

顾名思义，此子菜单允许您导入或导出表单。 例如，您可以使用它将一个表单导出到您管理的另一个 WordPress 站点。

请注意，您也可以仅导入或导出您选择的某些字段。

设置

在此子菜单中，您可以：

• 如果您在表单中显示某些金额，则有关要应用的日期格式和使用的货币的常规设置。
• ReCAPTCHA settings ，配置谷歌提出的验证码系统（密钥、语言、主题）。
• 高级设置。 有两个有趣的选项需要注意。 如果您选中“表单构建器开发模式”框，您将在表单创建界面上进行其他设置。 但请注意，您最终也会得到更多可能非常混乱的选项。
  最后，如果您的表单不继承主题的默认样式，则选择“有意见的样式”（浅色或深色）可能是一种有用的方法。
  

您还可以在“设置”子菜单中通过“会员资格”选项卡激活附加组件的会员资格。

Ninja Forms 提供哪些附加组件？

虽然 Ninja Forms 的免费版本已经有很多选项，但您可以通过单独购买的附加组件走得更远。

插件列表可以在Ninja Forms > Add-ons中找到。

在撰写本文时，有几个类别的 41 个附加组件：

• 用于改善表单外观和显示的附加组件。 例如，“布局和样式”允许您自定义表单的样式，而“条件逻辑”将帮助您添加条件。
• 用于共享文档和数据的附加组件。 “文件上传”将有助于管理您要在表单上上传的所有文件（大小、文件类型、导出到云等）。 “Excel 导出”允许您将 Ninja Forms 导出到 Excel 电子表格。
• 接受付款的附加组件，包括 PayPal Express 和 Stripe。
• 将 Ninja Forms 与 Mailchimp、ActiveCampaign、AWeber、MailPoet 或 ConvertKit 等电子邮件营销工具集成的附加组件，仅举几例。
• 为您的访问者提供更多自由的附加组件。 “前端发布”允许您的访问者通过提交表单来发布内容。 您选择的发布（例如帖子）将作为草稿发布，您可以根据需要对其进行验证。
• 将表单连接到 CRM 的附加组件（Zoho、Salesforce、Capsule 等）。
• 每次提交表单时获取通知的附加组件。 如果您愿意，这可以通过 SMS 或 Slack 来完成。

Ninja Forms 还提供了一个将 WordPress 连接到 Zapier 的附加组件。 使用此工具，您可以将表单与数百种不同的服务集成。

当然，这些附加组件是有代价的。 我将在下一节关于 Ninja Forms 的定价中向您详细介绍。

Ninja Forms 的价格是多少？

您对 Ninja Forms 高级套餐感兴趣吗？ 有两种获取方式。

选择会员资格

首先，您可以购买 Ninja Forms 提供的 4 种会员资格之一：

• “基本”：每年 49 美元，最多可在一个站点上使用。
• “加号” ：每年 99 美元，最多可用于 3 个站点。
• “专业版” ：每年 199 美元，最多可用于 20 个站点。
• “精英” ：299 美元/年，无限制使用。

在这些会员资格之间进行选择时，请考虑：

• 您要在 上使用它的网站数量。 如果您正在为客户创建站点，请查看每个成员的限制。 例如，无限制使用 Ninja Forms 仅适用于“精英”会员资格。
• 您要使用的附加组件。 会员资格越便宜，它提供的附加组件就越少。 例如，“基本”会员资格“仅”包括 Ninja Forms 提供的 41 个附加组件中的 4 个。 确保它们与您想要的用途相对应。

单独购买附加组件

如果您只对一个或多个附加组件感兴趣，您也可以单独购买它们。 Ninja Forms 最初设计为仅作为附加组件（开发人员后来出售了会员资格）。

在某些情况下，附加组件可能比会员资格更有利。

每个附加组件提供 3 个软件包：

• 平均 49 美元，最多可在一个站点上使用。
• 平均 72 美元，最多可用于 5 个站点。
• 平均 99 美元可用于多达 20 个站点。

了解价格吗？ 然后让我们继续讨论 GDPR 的棘手问题。

GDPR 合规性如何？

当我们谈论形式时，经常会有一个词回到我们的嘴里。 好吧，而是一个首字母缩略词：GDPR。

通用数据保护条例 (GDPR) 管理欧盟内部个人数据的处理。 这尤其涉及您将在访问者每次填写和发送您的表格时收集的信息（例如姓名、名字、电子邮件等）。

为了符合要求，必须遵守几项规则。 为确保您不会犯任何错误，如果您有任何疑问，最好的办法是联系该领域的专家。

您还可以查看以下资源以帮助您遵守：

• 本指南由 Ninja Forms 提供。
• 我们在 WPMarmite 博客上的专用资源。

好吧，我认为我们已经完成了插件的完整之旅。 因此，让我们回顾一下到目前为止我们所看到的一切。

我们对 Ninja Forms 的最终评论

作为结论，让我们回顾一下忍者形态的优缺点。 最后，我将告诉您我认为该插件适用于谁。

优势

• 创建表单的便利性：简单快速。
• 拖放界面。
• 免费版本中可用的字段数。
• 建议的设置，刚刚好。 没有太多可以避免溺水，也足够不饿。
• 可以创建多种类型的表单（联系方式、付款方式等）。
• 针对垃圾邮件的本机保护以及集成 Google reCAPTCHA 服务的可能性。
• 许多专用于开发人员的功能。
• 通过共享与之关联的超链接来链接到表单的选项。
• Ninja Forms 的文档，非常详细且具有指导意义。

弱点

• 条件逻辑可用，但仅限高级版。 但是，市场上的大多数表单插件也是如此。
• 与一些竞争对手相比，模板很少，例如巨型 WPForms。
• 您不能在免费版本中自定义表单的样式（除非您知道 CSS）。
• 拖放界面有时有点令人沮丧：有很多手风琴（下拉菜单）而不是选项卡。 这意味着您必须单击很多按钮并滚动一下（顺便说一句，这也没什么大不了的）。
• 免费版不提供与电子邮件营销工具或 CRM 的集成。
• Ninja Forms 可能会变得非常昂贵，具体取决于您需要安装它的站点数量以及要使用的附加组件的数量。

谁是忍者表格？

最后，Ninja Forms 比令人失望更有吸引力，它的好处似乎超过了缺点。

首先，由于使用简单，它是一个满足非技术用户和初学者的插件。 如果您想以视觉方式设计一个没有编码的联系表格，它的免费版本就足够了。

由于它有不止一个技巧， Ninja Forms 也将吸引更多的技术配置文件，这要归功于它提供的许多钩子。

下载 Ninja Forms 插件：

如果我在选择时必须将它与一些竞争对手进行比较，我会说它的免费版本等于 WPForms。 后者插件提供的字段比 Ninja Forms 少，但在我看来，它的表单构建界面更易于使用。

例如，在高级版中，诸如重力形式（附属链接）之类的替代品将更便宜且同样强大。

你呢，你对 Ninja Forms 有什么看法？ 在评论中分享您的反馈。