Forminator 的新测验分页(以及更多!)

我们的 5 星级自由格式创建插件 Forminator 有几个您现在可以为 WordPress 网站实施的高级功能.

例如,他有知识&分页.性格测验!这允许您一次显示一个测验问题,或一次显示所有问题.分页功能有助于进一步确定您的测验将如何显示和使用.

此外,Forminator 还具有批量编辑复选框和单选字段中的图像支持,以及reCAPTCHA 徽章定位

What's new in Forminator.
Forminator 有很多新东西!

本文将向您展示分页支持并概述其他功能,以便您可以立即为您的 WordPress 网站实施这些功能.

我们会看看:

当您通读本文时,希望您有一些想法可以立即将这些功能投入使用!

创建新的分页测验

如果您想一次为您的知识测验显示多个问题,那么您需要使用测验分页.如您所见,使用 Forminator 创建带有分页的测验与以往一样简单.

您将像往常一样开始新测验.只需点击创建...

Where you start to create a quiz.
"创建"按钮将帮助您开始!

...然后,给它一个测验名称.对于此示例,我们将创建一个知识测验.

Where you create a new knowledge quiz.
创建一个你能记住的名字用于.

此时,Forminator 会询问您想如何展示您的测验.由于我们专注于分页,因此我们将选择分页测验选项并点击继续.

The paginated quiz option.
选择权在您:无分页或分页测验.

继续后,您还可以选择收集潜在客户.这取决于您,不会对您的分页选项产生任何影响.

创建测验后,您可以将其设置为常规测验(例如添加标题、精选图片等).此外,添加您的问题.

如果您需要帮助来详细设置测验,请查看我们的充分利用 Forminator 文章,以引导您完成整个过程.

编辑分页

我已经设置了一些问题,现在可以编辑分页(同样,如果您需要帮助设置问题,请参考这篇文章).

行为标签中编辑分页.

到达这里后,您可以选择无分页分页测验.如果您决定将来不使用它,您可以删除分页.

对于本文,我们将使用分页测验.

The paginated quiz option.
这将决定您的问题的呈现方式.

分页测验然后让您确定每页的问题数、开始测验按钮文本以及上一个 & 的文本.下一个按钮.如果您想显示页面指示器,也可以选中该框.

就像在提供的空间中填写详细信息一样简单.

Pagination details.
每页添加任意数量的问题!

输入分页详细信息后,其余部分可以像任何其他知识测验一样创建.这包括:

  • 结果显示方式(实时或提交时)
  • 显示评估加载器的选项
  • 正确的回答信息
  • 错误的回答信息
  • 社交分享选项
  • 呈现选项(使用 AJAX 加载测验并防止测验页面上的页面缓存)

根据您的需要设置测验,然后您就可以……

预览测验

将测验配置为符合标准后,点击预览以查看其外观.一起来看看吧!

我上传了一张封面图片并将其命名为表单和超级英雄,并添加了说明.测验就这样开始了……

Beginning of quiz image.
您点击"开始测验"开始.

这是一个快速演练,我有一个正确和不正确的答案.另外,它会告诉我结果.请记住,这是我希望在同一页面上进行的两个问题的测验.

如您所见,Forminator 让您立即知道答案是对还是错.

当您点击查看结果时,Forminator 会让您确切知道您对与错的数量.哇! 这是一场艰难的比赛.

Results of quiz.
½ 不是很好的分数.我不应该选择 Dev Man 作为我最喜欢的角色.

如果预览看起来不错,就像任何测验一样,点击发布,Forminator 将提供可用于任何页面、帖子或可接受的小部件的短代码.

Forminator shortcode.
来自 Forminator 的赞许意味着它已准备就绪.

就是这样!

如果需要,您可以随时通过 Forminator 的仪表板编辑测验.否则,您的分页知识测验就可以开始了.

批量编辑

Forminator 中另一个出色的高级编辑功能是批量编辑.批量编辑可让您一次添加大量选项.这使得编辑过程更加精简、高效和快捷.

此功能适用于收音机复选框选择字段.

Various fields in Forminator.
所有这些字段都可以批量编辑.

在批量编辑方面,您有三种选择.您可以批量编辑:

  • 手动
  • 通过 CSV 文件
  • 预定义选项

实现这一目标的过程在所有领域都是相同的.批量编辑位于每个字段的标签标签中.

要开始,只需点击批量编辑选项.

一键移动.

一旦实施批量编辑,您手动创建的任何现有选项将自动填充到批量编辑部分.

Various options.
包括的几个选项是选项 1;一; 0 和选项 2;二; 0.

让我们来看看批量编辑时的每个选项.

手动输入批量选项

如果您想手动输入或粘贴选项列表到批量编辑区域,此选项非常有用.执行此操作时,每行输入一个,每个术语按以下顺序用分号分隔:

  • 选项标签;
  • 选项值;
  • 已选择;
  • 图片网址(如果没有图片,可以为空)

或者,您只能输入标签.通过这样做,Forminator 将自动生成该值并将 selected 设置为零.另外,它不会添加图片网址.

一个例子可能看起来像这样......

Manual example of entering field options.
如您所见,我将我的 URL 添加到图像中.

手动输入选项最适合一次批量添加多个选项.

通过 CSV 文件添加选项

当您在 CSV 文件中有大量选项时,您可以快速将这些选项批量上传到 Forminator.

如果您没有 CSV 文件怎么办?下载 Forminator 的 CSV 模板.它有一个示例列表,您可以编辑这些示例以包含您自己的选项.

Where you download a CSV template.
您可以方便地下载CSV模板.

示例文件很基础,只有几条信息.根据需要进行编辑,然后在编辑并保存 CSV 文件后点击上传文件.然后,点击导入将所有选项添加到批量编辑部分.

The import button.
会出现文件名,直接导入即可.

请记住,上传将替换您现有的任何选项.

预定义选项

Forminator 有很多预定义选项,您可以立即使用.它们都可以通过下拉菜单获得.

下拉菜单里都有.

从下拉菜单中选择:

  • 年龄
  • 性别
  • 受教育程度
  • 就业状况
  • 职业
  • 婚姻状况
  • 大陆
  • 国家
  • 美国各州
  • 加拿大省份

此外,您可以添加新选项,这将允许您输入数据.

预定义的选项使您可以快速轻松地批量编辑您正在处理的任何领域.

其他高级功能

您可能会发现 Forminator 有几个更高级的功能.这些都包含在 1.14.12 的版本中,包括 Image 对复选框的支持 &无线电字段、HTML 测验描述字段、设置 reCAPTCHA 徽章位置.

我们将快速检查其中的每一个并演示它们的工作原理.

复选框和无线电字段中的图像支持

Forminator 现在让您可以选择将图像上传到复选框和单选字段.与单独为表单上传图片相比,这有助于表单在视觉上更具吸引力且更易于设置.

只需一个包含字段的表单(如果您需要帮助设置表单,请查看我们的如何充分利用 Forminator 文章).

进入表单字段,您会看到在标签标签下,有一个复选框,您可以点击以启用图片.

Where you enable images.
只需单击一下即可启用图像!

启用后,您只需转到选项,点击您想要图像的任何选项的下拉菜单,然后上传照片.

The dropdown to upload images.
上传适合您的选项的适当图片.

上传图片后,点击应用,一切准备就绪!您的图片将包含在您的复选框或单选字段中.

Image options examples.
Forminator 制作了一些适合的图像以供此处使用.

您可以随时编辑和调整您的图像.

HTML 测验描述字段

在 Forminator 的 HTML 测验说明字段中为每个单独的测验答案添加说明.此功能有助于为您的用户澄清任何答案,并有助于制作更具吸引力的测验.

您只需在每个单独问题字段的说明区域中输入即可.

Description of quiz response.
为您的个性或知识测验添加完美的描述!

输入说明后,点击应用.您的说明现已添加!

设置 reCAPTCHA 徽章位置

这是可以对 reCAPTCHA 位置进行的快速调整.它让您可以控制 reCAPTCHA 的显示位置.

您只需进入 reCAPTCHA 字段,点击"设置",然后选择您希望徽章出现在网站上的位置.

从这些特定领域中选择:

  • 右下
  • 左下
  • 表格内嵌
Image of badge position options.
这只是为您的 WordPress 选择完美位置的问题网站!

选择要显示徽章的位置后,点击应用.

请记住,这仅适用于 V2 Invisible 和 reCAPTCHA V3 选项.

有关使用 reCAPTCHA 的更多信息,请阅读我们的文章介绍如何将其与我们的安全插件结合使用, 防御者.

分页非常有感觉!

如果您认为分页等功能很吸引人,Forminator 会不断添加有益的新功能和增强功能.请务必关注我们的路线图,看看接下来会发生什么!

既然您知道如何实现这些高级功能(免费!),今天就试试看.

快乐的表单构建!

5

发表回复