Forminator 插件简介(及其工作原理)

已发表: 2018-10-13

对于网站,表单是您可以使用的最通用的元素之一。 表单使用户能够与您联系、进行测验并输入您可以想象的各种数据。 使用 WordPress,您有很多选项可以帮助您添加表单,但这并不意味着新工具没有任何改进空间。

在本文中,我们将看看新的表单创建插件 Forminator。 这是来自 WPMU DEV 的免费一体化工具,可让您构建几乎任何类型的基于表单的元素。 我们将仔细研究正在运行的插件,并讨论您是否应该试一试。

让我们谈谈表格!

是什么让表单对您的网站至关重要

纯文本联系表。

当您需要向网站或应用程序输入数据时,您通常会通过表单进行操作。 这些有多种形状和大小,包括几种不同类型的“字段”。

一个典型的例子是标准的联系表单,它通常仅由文本字段组成。 但是,您还可以包含下拉菜单、单选按钮字段和更多选项。

几乎每个网站都以某种方式使用表单,这就是使它们成为必不可少的元素的原因。 因此,拥有一个工具可以让您创建多种类型的表单和自定义选项,这一点很重要。

使用 WordPress,您已经拥有大量插件,可让您创建各种类型的表单。 让我们来看看该领域的新竞争者。

Forminator 插件简介

Forminator 插件。

Forminator 插件是 WPMU DEV 的最新工具。 您可能知道他们是其他几个流行插件背后的团队,例如 Hummingbird、WP Smush 和 Custom Sidebars。

将这个特殊形式的插件放在一边的是它的抛光水平,这是 WPMU DEV 版本的标准。 Forminator 提供了一个拖放式编辑器,您可以使用它来创建许多不同类型的表单,包括联系表单、投票,甚至测验。

最重要的是,该插件与多个第三方服务集成,例如 Google Sheets、Zapier、Trello、MailChimp 和 AWeber。 在实践中,这意味着您可以使用 Forminator 收集数据、电子邮件以及您能想象到的几乎任何其他类型的信息。

最后,值得一提的是 Forminator 一开始就全力支持 Gutenberg 编辑器。 这意味着如果您已经在使用新的编辑器,则可以访问 Forminator 块。 否则,您可以使用短代码在网站的任何位置添加表单。

正在运行的 Forminator 插件

现在让我们来看看 Forminator 插件必须提供什么。 如果您想继续学习,该插件可以免费下载,因此您可以立即将其安装在您自己的网站上。

激活插件后,仪表板上会弹出一个新的Forminator选项卡。 如果单击它,您将看到现有表单的概览。 您还将看到他们的条目、受欢迎程度和转化率的细分:

您的 Forminator 仪表板。

最后一个指标特别重要,因为您可以使用它来跟踪表单的执行情况。 虽然该插件不包含内置的 A/B 测试功能,但这些数据仍然可以用来比较它们的转换率,而不会很麻烦。

继续,使用 Forminator 插件添加新表单很简单。 您所要做的就是导航到Forms并单击其中的Create按钮。 您还可以单击导入,这让您可以从其他站点导入表单:

创建或导入新表单。

单击Create 后,您将看到一个构建器,您可以在其中构建表单。 在右侧,您将看到一个列表,其中包含您可以添加的所有字段:

组合一个新的形式。

要添加字段,您只需将其拖到编辑器的左侧:

向您的联系表单添加一个新字段。

如果您单击已添加的任何字段,您将可以访问多个配置选项。 例如,电子邮件地址字段包括必填设置。 这意味着用户将无法在不输入有效电子邮件地址的情况下提交表单:

配置一个字段,以便用户必须填写它。

如果您单击高级设置选项卡,您将能够向相关字段添加自定义 CSS 类。 值得注意的是,该插件使您能够为您的字段设置条件逻辑,从而打开了一个充满乐趣的世界:

为您的表单启用条件逻辑。

表单准备好后,您可以使用编辑器屏幕顶部的按钮进行预览:

预览您的联系表格。

默认情况下,您使用 Forminator 创建的表单具有完美的现代设计。 您还可以通过单击编辑器底部的“表单设置”按钮来调整它们的外观。 在这里,您可以选择多个主题。 您还可以修改字段的排版,甚至添加自定义 CSS:

自定义表单的设计。

换句话说,您几乎可以调整表单样式的每个方面。 这确保您可以使用 Forminator 插件来创建几乎可以匹配任何主题的表单。

除了联系表格外,该插件还允许您创建测验和民意调查。 创建新民意调查是设置问题并为其添加潜在答案的简单问题:

将问题添加到您的投票中。

创建测验时,您还可以选择它的类型,从No Wrong AnswerKnowledge 中进行选择。 后者是指测试用户提供正确答案的测验,而前者涉及没有正确答案的问题,例如调查:

选择要创建的测验类型。

对于我们的测试,我们选择了No Wrong Answer 。 此时,您可以设置测验名称、添加特色图片并提供说明:

配置您的新测验。

配置基础知识后,您可以为测验创建多个结果。 然后,您可以设计将引导您解决这些问题的问题。 总体而言,尽管有很多选择,但创建新测验非常有趣且容易。

最后,让我们谈谈将表单、投票和测验实际添加到网站的过程。 为此,该插件使用简码,您可以在相应的FormsPollsQuizzes选项卡中查看这些简码:

查找将表单插入页面所需的短代码。

要将其中任何一个添加到您的页面,只需复制相应的短代码并将其粘贴到编辑器中即可。 作为 Divi 用户,您可以使用Code模块添加这些短代码,并且它们可以正常工作。 如果您使用的是 Gutenberg 编辑器,添加表单会更容易,因为您可以使用包含的 Forminator 块。

谁应该考虑使用 Forminator 插件

WordPress 不乏与表单相关的插件。 例如,如果您想设置联系表格,您可以使用联系表格 7、Caldera 表格等等。 如果您正在寻找插件来帮助您创建测验或民意调查,您可以改为尝试测验和调查大师或响应式民意调查。

这些只是我们头脑中的几个例子,但很少有插件提供与 Forminator 相同的多功能性。 使用此插件,您可以为任何涉及表单的元素提供一站式解决方案。 另外,它是 100% 免费的,这总是个好消息。 这使得 Forminator 成为一个可靠的选择,特别是如果您打算设计比标准联系表格更复杂的东西。

结论

Forminator 是一个新的表单构建器插件,可为您提供创建联系表单、测验投票所需的所有功能。 它在创建和自定义表单时提供了大量的多功能性,这使其成为满足您的表单构建需求的可靠选择。

您是否希望看到更多表单插件包含的特定功能? 让我们在下面的评论部分中讨论它!

文章缩略图由 Jane Kelly/shutterstock.com 提供