如何使用FormCraft插件在WordPress中构建惊人的表单

在本文中,我们将回顾FormCraft WordPress插件,该插件可让您通过拖放创建惊人的表单。 它是目前市场上最流行,最有用的表单生成器之一。

表单是网站最重要的部分之一,它们使您可以从访问者那里收集各种类型的信息。 无论是简单的联系方式,还是来自完善的调查表的反馈,拥有一个可轻松构建它的插件总是很方便的。 作为WordPress网站建设者,您希望有一个插件,该插件可让您即时创建专业表单并在不同端点收集表单提交。

在这篇文章中,我们将讨论FormCraft WordPress插件,可以从CodeCanyon购买,考虑到它提供的功能数量,可以以非常合理的价格购买。 它是功能最强大的拖放式表单生成器之一,它具有数十种功能和几个内置模板。 对于正在寻找专业表单构建器脚本的站点构建器,此工具或类似工具是必备工具。

让我们看一下该插件带来的功能:

  • 拖放式表单生成器
  • 支持多个模板
  • 反应灵敏且可扩展
  • 显示/隐藏字段的条件逻辑
  • 表单视图和提交分析
  • 内置的GDPR支持
  • 多站点支持和附加附件
  • 和更多

FormCraft WordPress插件提供了许多方便的有用功能,使您可以轻松地在WordPress网站上创建外观丰富的表单。

我们将建设的调查表

在本文中,我们将构建一个调查表,使您可以从用户那里收集不同类型的信息。 主要是,我们会向用户询问有关其在线购物选择和习惯以及基本个人信息的几个问题。

为了实现这一目标,我们将创建一个表格,询问有关其个人信息的两个基本问题,我们还将询问调查中的特定问题。

整体形式如下所示:

完成的调查表

这就是本教程的议程。 在下一节中,我们将看到如何下载和安装此插件。

安装和购买代码注册

从本节中,我们将了解从CodeCanyon购买并下载FormCraft WordPress插件后如何安装和配置它。 在本篇文章中,我使用了WordPress 5.2.3,而FormCraft WordPress插件版本为3。如果您想跟着这篇文章,我建议您安装它。

购买此插件后,您将可以下载zip文件。 这是WordPress插件文件本身,您可以使用它从WordPress管理员端安装此插件。 继续并遵循标准的WordPress插件安装过程,您差不多完成了。

接下来,我们需要注册插件的购买代码。 首先,您需要从CodeCanyon下载部分中检索购买代码。 单击下载>许可证证书链接,这将为您提供一个文本文件,其中应包含商品购买代码。

获得购买代码后,单击管理员左侧边栏中的FormCraft ,这将显示插件仪表板页面。 在此页面上,单击“ 单击此处注册您的FormCraft副本”链接,然后输入并注册您的代码。 这样,您就可以释放FormCraft的全部功能。

现在,我们准备深入探讨插件探索。 在下一部分中,我们将介绍该插件提供的不同配置部分。

快速浏览FormCraft配置部分

在本节中,我们将简要讨论此插件提供的后端配置部分。 安装FormCraft插件后,它将在左侧边栏中添加一个链接。 让我们简要地浏览每个部分。

形式

这是一个表单列表页面,其中列出了到目前为止创建的所有表单。 您还可以通过单击“ 新建表单”链接来创建新表单

除此之外,您还可以看到“ 表单分析”部分,其中显示了有关表单各个方面的统计信息。

参赛作品

这是一个条目列表页面,其中列出了所有表单中的所有表单提交条目。 您可以使用搜索界面过滤特定记录,还有“ 导出”按钮,您可以导出条目。

还有Entry View ,它向您显示表单提交条目的详细信息视图。

见解

Form Insights是FormCraft 3.3中新增的一项功能,它将FormCraft转变为功能强大的调查和轮询工具。 FormCraft可以分析某些字段以产生洞察力,例如下拉列表,评级,复选框,日期,滑块等。

上载

此页面列出了通过不同形式上传的所有文件。

执照

最后,此部分显示您的许可证信息。 它还显示剩余的续订日期。

因此,简要介绍了此插件提供的功能。 在下一节中,我们将构建一个调查表,就像我们之前讨论的那样。

如何建立调查表

在本部分中,我们将构建一个调查表,该表使我们能够收集用户有关其在线购物体验的反馈。

转至管理端并访问“ FormCraft”>“表单”部分。 单击“ 新建表单”按钮以创建一个新表单。 如下面的屏幕快照所示,这应该给您几个选择。

创建一个新的表单选项

如您所见,在构建新表单时,您可以从现有模板中进行选择,甚至可以复制现有表单。 但是,在本例中,当我们从头开始构建表单时,将使用“ 空白”选项。 单击Blank选项,这将为您提供一个漂亮的表单构建UI,如以下屏幕截图所示。

创建一个空白表格

有两个主要的导航部分: 一个允许您配置表单的全局设置,另一个允许您向表单添加字段。 在设置表单时,我们将探索不同的部分。

首先,让我们在表单中添加标题。 单击添加字段>标题 。 那应该在表单上添加一个标题字段,当您单击字段框时,它允许您对其进行配置,如以下屏幕截图所示。 在标题字段标签中输入“ 电子商务调查 ”。 另外,您可以根据需要调整其他特定于字段的设置!

添加表单标题

接下来,我们将在表单中添加一个文本字段。 单击“ 添加字段”>“单行输入” ,它将添加一个文本字段,如以下屏幕截图所示。

添加文本字段

我将其设置为必填字段,因为我们需要用户的支持。 同样,继续并添加“ 电子邮件”和“ 无手机”文本字段。 接下来,我们将通过单击添加字段>下拉链接为行业选择添加一个下拉字段。 您可以如下所示进行配置。

添加下拉框

同样,我添加了另一个下拉菜单,询问用户其在线购物频率。 我添加了“ 非常频繁” ,“ 频繁” ,“ 偶尔”和“ 很少”作为选项。

接下来,我通过单击添加字段>复选框链接添加了复选框字段。 就我而言,我询问的是用户主要购买的类别,选项包括“ 衣服” ,“ 电子产品” ,“ 鞋类” ,“ 书籍家具”

更进一步,我通过单击添加字段>下拉链接添加了两个无线电字段。 重要的是要注意,我们也选择了下拉菜单选项来添加单选按钮。 当您要渲染单选按钮而不是复选框时,只需取消选中字段配置中的“ 允许多个选择”选项。

单选按钮配置

最后,我们通过使用下拉框询问他们的设备偏好。 我们还提供了textarea字段,以防他们想要描述他们的整体体验。 将所有零碎的部分放在一起,如果单击“ 预览”按钮,则它应如下图所示。

预览完成的表格

通过单击顶部导航中的“ 保存”按钮,确保保存表单设置。

现在,我们已经构建了表单,可以开始发布该表单并从前端收集用户输入。 尽管我们可以从后端看到用户提交的内容,但是当有新的用户提交内容时,最好收到一封电子邮件。 您可以在“ 设置”>“电子邮件”>“电子邮件通知”部分中配置要获取电子邮件的电子邮件地址。

电子邮件通知设置

现在一切就绪,我们可以发布表格了。 像往常一样,您只需要获取表单的简码,就可以将其放置在要显示表单的位置。 您可以从设置>嵌入部分获取表单的嵌入代码。

短代码

复制它并将其放在页面或帖子中以显示您的表单。 您可以在FormCraft>条目中检查表单提交。

提交预览

其他可能的用例

尽管我们已经构建了一个简单的调查表,但是FormCraft插件还能够使用其提供的配置选项来创建高级复杂表。 您可以创建任何内容,从简单的联系表单到复杂的,基于条件的动态表单,例如:

  • 通讯形式
  • 反馈表
  • 预约表格
  • 投诉表格
  • 报价单

因此,它允许您创建各种类型的表单!

结论

今天,我们回顾了FormCraft WordPress插件可在CodeCanyon 。 这是一个表单生成器插件,允许您使用拖放界面创建不同类型的表单。 尽管它是一个商业插件,但考虑到它提供的众多功能,我认为它的价格合理。

如果您有任何建议或意见,请随时使用下面的提要,我们很乐意与您进行对话!

翻译自: https://code.tutsplus.com/tutorials/how-to-create-amazing-forms-in-wordpress-with-the-formcraft-plugin--cms-34007

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值