如何充分利用 Forminator

Forminator 是 WPMU DEV 的 5 星级表单构建器插件.它可让您轻松创建表格、测验、投票、从 Stripe & 收款.PayPal 等等-免费!

"神奇的插件,似乎只有你的想象力才能限制它的使用."

araca

在本文中,我们涵盖了充分利用 Forminator 所需了解的一切.

您将学习如何:

  1. 在 Forminator 仪表板中快速轻松地访问表单、统计信息等
  2. 轻松创建基本表单
  3. 使用 Stripe 和 PayPal 进行付款,无需任何设置费用
  4. 为您的观众设置投票
  5. 通过创建计算处理数字
  6. 将惊人的测验放在一起
  7. 使用电子签名增加省时的便利
  8. 使用提交区域组织联系人
  9. 将 Forminator 与 3rd 方应用集成结合使用
  10. 在设置中添加更多表单调整
  11. 使用导入/导出选项在多个站点上使用表单

Forminator 有很多东西!让我们开始吧……

1.在 Forminator 仪表板中快速轻松地访问表单、统计信息等

Forminator 的仪表板可让您快速、方便且轻松地访问表单、测验和投票创建.它还为您提供所有统计数据和状态的快速概览和快照,让您可以在一个地方执行编辑、预览、复制、复制短代码、查看提交、导出和删除等基本功能.

A 360-degree view of Forminator’s dashboard with Forminator proudly looking over it.
Forminator 仪表板的 360 度视图,Forminator 自豪地看着超过它.如您所见,一切都可以从这里快速访问.

仪表板的顶部为您提供有关您拥有的活动模块数量以及表单、投票和测验提交总数的细分信息.Forminator 还会让您知道上次提交的时间.

Top of Forminator's dashboard.
立即在 Forminator 的仪表板中,您可以在表单上看到快速统计信息、民意调查和测验.

在此下方,可以访问表单测验投票.

在此示例中,我们将查看 Forms 容器.您可以创建一个新表单,查看您已经创建的表单,并检查每个表单的状态.

查看时,蓝色圆圈表示表单已发布.

Where you create or edit a form.
您要创建新表单吗?点击 + 创建,一切就绪!

如果您想查看统计信息,可以点击统计信息图标.然后,它会为您提供有关上次提交、查看次数、提交次数和转化率的详细信息.

Forminator stats area.
您还可以从统计区域进行编辑等.

在每个表单上,您可以通过点击齿轮图标来快速管理它.从这里,您可以:

  • 编辑
  • 预览
  • 复制简码
  • 查看提交的内容
  • 重复
  • 导出
  • 删除

出现一个包含所有选项的下拉菜单.

Form options from dropdown.
当您单击齿轮图标.

对于民意调查和测验,布局是相同的.它们都可以直接在 Forminator 的仪表板中快速轻松地访问.

2.轻松创建基本表单

Forminator 让您只需点击几下即可创建和自定义表单.模板已经设置好供您按原样使用,或者您可以轻松添加其他字段.

点击创建后,您将立即访问所有模板.

模板包括:

  • 空白– 从头开始​​设计您自己的表单.
  • 联系表– 包含用户与您联系的基本信息.
  • 报价请求– 让用户可以选择您的服务、添加备注并与您联系.
  • 简报– 非常适合收集电子邮件地址和让用户订阅您的简报.
  • 注册– 要求用户设置用户名、电子邮件和密码才能注册.
  • 登录– 自定义此表单以允许您的注册用户登录.
  • 创建帖子– 非常适合多作者网站,这允许用户创建帖子、上传特色图片、添加类别和创建帖子.

只需选择最适合您需求的模板即可开始.

Where you choose a template.
您可以选择空白、报价请求、注册、联系表单、时事通讯或登录表单.

每个类别都有已设置的字段.例如,注册表格 已为您预先填充了所有这些字段;包括用户名电子邮件密码.

Registration form fields.
根据您的喜好插入更多字段或删除任何不必要的字段.

是要使用模板快速启动表单还是从头开始,这取决于您.

对于基本表单,您只能选择最少的必需信息,包括姓名电子邮件电话号码.点击插入字段后,点击字段并将其突出显示为蓝色,会将它们添加到表单中.

添加任意多或少的字段.

然后,使用预览按钮查看表单的外观.

Preview of the form.
想要添加更多字段?你可以随时.

如果您的表单看起来不错,请点击发布.Forminator 为您提供了一个短代码,您可以在任何允许代码的 WordPress 帖子、页面或小部件中使用它.

Forminator shortcode.
这个简码让你的表单变得很好.

您的表单已准备就绪!

需要进行更改吗?没问题.如果您需要添加更多字段、删除字段、调整修改、调整颜色等任何内容,您可以随时编辑表单.只需在仪表板上访问它.

3.使用 Stripe 和 PayPal 进行付款,无需任何设置费用

与 WordPress.org 上的其他插件不同,Forminator 允许您在任何表单上设置和使用 StripePayPal 付款方式……完全免费设置费用!

这是收取电子商务商品、服务、会员资格等费用的理想方式.

您只需几个快速简单的步骤即可使用 Forminator 设置付款.

创建新表单时,您会在字段区域中看到 Stripe 和 PayPal.

The Stripe and PayPal fields.
选择 Stripe 或 PayPal 作为付款方式.

请记住,每个表单只能选择一种方法.但是,您可以随时设置两个帐户以在两者之间做出选择.

要使帐户与 Forminator 同步,请单击特定字段.如果您未连接,则会收到此消息:

Message if you're not connected to PayPal.
当您单击"此处"时,您将获得详细信息有关连接到您的帐户的信息.

Stripe 和 PayPal 都将指导您完成设置.做起来又快又容易.如果您在这方面需要任何帮助,我们有关于如何操作的文档.

一旦您将它们连接起来,您就可以以任何形式付款并调整多项设置.

标签区域中,自定义标签、说明和语言.此外,还有一个选项可以显示卡片图标并启用邮政编码.

Where you change the label.
想要更改标签?很容易做到.

设置中,当您完成付款测试并准备好上线后,从测试切换到上线模式.您还可以在此处更改货币和付款金额.您可以根据公式添加固定金额或可变金额.

Stripe settings.
在设置中更改货币、金额等.

您可以自定义付款收据付款明细卡验证帐单明细元数据高级区域.

决定是否要通过电子邮件向客户发送带有付款收据的收据.

Payment receipt section.
为您的付款收据选择一个电子邮件字段.

在启用时轻松设置帐单明细.使用 Stripe,每次付款时,它们都会显示在您的 Stripe 仪表板上.

Where you customize the billing details.
自定义帐单明细字段.

样式部分,您可以添加其他 CSS 类以进行完全自定义.

Additional CSS classes in Stripe.
根据自己的喜好自定义 CSS.

可见性下的任何付款添加规则和条件.

Stripe visibility.
根据特定字段创建新规则.

现在,您可以使用包含 Stripe 或 PayPal 的功能性付款表单来兑现.

Example of a payment form.
添加付款表格所需的尽可能多的详细信息.

有关构建订单和收款的更多信息,请观看此快速视频:

此外,要查看付款表格,请退房这家T恤店是我们开的.这是具有各种选项的订单的绝佳示例.

4.为您的观众设置投票

使用 Forminator 可以轻松设置投票.民意调查非常适合收集信息、创建测试、添加有趣的元素等等.

在仪表板中,点击创建并为其命名.在问题区域-输入您想要的任何问题.

Question field.
您有什么类型的问题?问!

问题区域,您可以添加图片和问题描述.

提出问题后,下一部分是添加答案.

您可以添加任意数量的答案并启用自定义输入,以便用户添加他们的回复.

Where you enable custom input.
单击此齿轮将使您能够添加自定义输入.

与此同时,自定义用户提交投票时的按钮.

The poll button text.
添加"投票"、"提交"或其他任何内容.你决定!

谈到民意调查的外观,Forminator 为您提供了很多选择.您可以更改设计样式颜色填充边框,并添加自定义CSS强>.

让这个投票的外观随心所欲.

行为部分,调整结果的显示方式.您可以选择投票链接投票后显示不显示.此外,您可以选择饼图条形图作为结果.

除了显示结果外,Forminator 还允许您显示或隐藏投票计数.

Choice between pie and bar graph.
在饼图和条形图之间进行选择是一个艰难的决定.两个都好看!

还有一个选项用于在提交或 <a href="https://en.wikipedia.org/wiki/Ajax_(programming)" rel="noopener" 目标后重新加载页面="_blank">阿贾克斯.

另外,您可以选择您的投票限制.允许多次投票或只投票一次.选择使用用户 IP 或浏览器 Cookie 执行此操作的方法.

通过渲染,使用 Ajax 加载投票或防止投票页面上的页面缓存.

Where you limit voting limits.
限制选民投票不止一次.

调整表单行为后,您可以转到通知并在提交用户投票结果时收到电子邮件通知.

Where you can set it to send an email to admin users.
您可以自定义电子邮件转到其他电子邮件地址,编辑消息,并添加抄送、密件抄送选项.

就集成而言,在与 3rd 方应用同步时有很多选择.使用像 Zapier 这样的选项来访问数千个支持 Forminator 民意调查的应用.

所有连接的应用程序都将显示在集成区域中.如果您没有需要的应用程序,您可以随时添加其他应用程序.然后,点击加号与特定民意调查集成.

Where you add poll integrations.
我们让 Zapier 参与了这次民意调查.

设置区域是您控制数据存储和调整隐私设置的地方.

有一些选项可以禁用在您的数据库中存储提交.您还可以更改您希望保留投票提交的时间,并调整您希望在匿名提交之前保留 IP 地址的时间.

The data storage and privacy area.
一键在您的数据库中禁用商店提交.

借助 Forminator,您可以在发布前预览任何内容.

我想我们都知道这个问题的答案.

当它看起来不错时,点击发布,您的投票就可以开始了.

使用任何 WordPress 页面、帖子或可接受的小部件上提供的短代码.

5.通过创建计算处理数字

如果您需要创建复杂的计算或仅向电子商务订单添加简单的税费,则计算字段可能是一个很大的额外好处.如果您的 WordPress 网站提供抵押贷款、金融贷款、统计数据、BMI 计算器,您可能需要一个——有数千种组合.

计算 字段是您输入要使用的公式的地方.它使用您为计算启用的合并标签与其他字段一起使用.用于计算的字段是数字、无线电复选框选择货币强>.

The calculations field.
计算字段与其他字段一起创建自定义公式.

首先,在标签下您可以输入标签、占位符和说明.

Calculations labels.
将标签命名为您喜欢的任何名称.

字段类型之间做出决定,然后在设置中选择要对结果进行四舍五入的小数位数.

Calculations settings.
隐藏字段,使计算结果不显示如果您愿意,可以在表单上添加或将其保持为只读.

要创建实际计算,请转到计算标签.

例如,此计算是将 Radio 字段乘以 2.

A calculation that can be generated.
该区域也为您提供了计算的预览.

这个公式意味着 Radio 中的任何计算都将乘以表格中的 2.

要在样式部分添加一些样式和其他 CSS 类.

Additional CSS classes for calculations.
在此处添加您喜欢的任何其他 CSS 类.

可见性区域中包含规则和条件.在这里,您可以决定各个字段包含哪些内容以及更多内容.

The calculations visibility tab.
您可以使用 Forminator 来决定规则.

无论是强制性计算(例如对产品加税)还是增加价值的有用功能(例如针对潜在客户的贷款计算器),Forminator 的计算都可能对您的 WordPress 网站有益.

要真正了解复杂的计算以及它们如何在 Forminator 中协同工作,一个很好的例子是我们的关于创建付款表单的文章.

此外,了解有关在此处安装 WordPress 计算器的更多信息.

6.将惊人的测验放在一起

测验非常适合娱乐、教育和参与.您可以快速轻松地在 Forminator 的仪表板中设置测验.

当您创建一个新的测验时,Forminator 会立即询问您想要创建哪种类型的测验.您可以选择知识测验性格测验.

Pick between a knowledge quiz or personality quiz.
您可以立即决定要进行哪种类型的测验.

在本例中,我们来看一个知识测验.开始时,您选择标题特色图片说明.

The quiz intro.
您在有关表单的测验中表现如何?

您可以通过点击添加问题问题部分添加任意数量的问题.然后,您添加问题、答案和任何图像,并在复选框中选择正确的答案.

Question and answers.
我听说过关于 Lumpy Forms 的坏消息.

随时添加任意数量的答案.

为了确定表单的外观,您可以在外观部分调整多个选项.

设计风格允许您从默认扁平粗体材料中进行选择.

Design style for questions.
选择各种选项时会显示预览.

颜色中,答案容器、提交按钮、社交分享等的颜色几乎没有限制.在每个类别中,下拉菜单将打开调色板,您可以通过颜色选择颜色(例如,#8C8C8C 代表灰色)或视觉.

Colors for quiz.
为您的测验选择正确的颜色.

使用 Google 字体,您可以为测验选择完美的字体. >

Choose quiz fonts.
单击自定义以从众多字体选项中进行选择.

可以在布局区域为您的测验选择布局.在这里,您还可以选择测验对齐方式.

Layout options for quiz.
选择最适合您的布局.

为了总结外观,您也可以使用自定义 CSS 自定义外观.

控制当用户点击该测验时该测验的行为.行为部分是您可以自定义行为特征的地方.

它从结果区域开始.确定正确答案是实时显示还是提交时显示.您还可以显示一个加载器,表明它正在评估所选响应.

Results section for quiz.
在结果部分实时显示正确答案.

消息部分编辑副本.这是为了显示答案是正确的、不正确的,以及如何显示最终计数.

Messages for quizzes.
自定义用户在参加测验时将看到的消息.

没有社交分享的测验有什么用? Forminator 让您可以选择 FacebookTwitterLinkedIn 的共享选项.您还可以自定义您的社交分享消息.

Social sharing options.
社交分享区域可让您自定义分享选项.

如果您想在每次提交测验时收到通知,请在电子邮件通知区域启用它.

此外,您可以在测验中添加任何集成.有关更多信息,请参阅本文中关于设置投票的部分.与测验集成的功能相同.

最后,您可以在设置标签中设置您的数据设置.

一旦您设置好测验并准备好开始,点击预览并查看...

看起来是正确的答案.

你满意吗?然后点击发布,复制&将 Forminator 的短代码粘贴到您的 WordPress 网站,然后开始对访问者进行测验.

如果您选择创建一个个性测验,它类似于设置知识测验.

一个显着的区别是个性部分.在这里,您可以添加任意数量的个性.

The personalities section.
你可以看到我们有 Dev Man、Hummingbird 和 Defender个性在这里.

设置个性后,下一步是在问题区域添加问题.

问任何你想要的,然后将它与个性相匹配.同样,你选择这不会像谁.您可以将其设为简单的"是"或"否"标题或您选择的任何内容.

The personality question.
开发人员非常喜欢这种颜色.

创建任意数量的个性和问题.完成后,就像我们的其他测验一样,点击预览,然后——如果不错——发布.

你喜欢什么超级英雄?

Forminator 的个性测验非常有趣、引人入胜且值得分享给您的 WordPress 网站.

7.使用电子签名增加省时的便利

添加电子签名以获得简单、方便和有效的表单处理选项.这是用户使用鼠标、触控板、数字铅笔签署表单甚至上传表单的一种方式.

与需要签名的传统文档相比,电子签名安全、方便且周转速度更快.

要设置一个,只需转到电子签名字段...

The eSignature field.
添加您想要包含的其他字段电子签名.

...并调整标签区域中的标签和占位符.您还可以添加说明.

The eSignature labels area.
为电子签名选择您自己的标签.

设置中创建电子签名字段时有很多选项.您可以选择要签名的文件类型(例如 PNG)、签名字段的高度、笔画粗细以及是否需要签名.

Signature settings.
需要电子签名吗?只需点击"必需"即可.

您可以在样式中向表单添加其他 CSS 类.此外,在可见性区域中包含任何规则和条件.

设置好表单后,您就可以签名了!

Forminator 已正式签署此协议.

请记住,电子签名仅是 Forminator Pro 功能.观看下面的视频,亲自了解 Forminator Pro 的优势.

有关 Forminator 电子签名的更多详细信息以及如何为您的用户添加上传选项,请阅读这篇文章.

8.使用提交区域组织联系人

您可以在提交区域中转到单个表单、测验和投票以查看提交.然后,您可以导出数据、获取更详细的信息、删除提交内容,并将该数据与 HubSpot 用于持续营销.

您可以在表单投票测验之间进行选择.然后,有一个下拉列表,其中包含类别中各个表单的名称.点击显示提交将显示所有数据.

The submissions area.
您可以在表单、投票或测验之间进行选择.然后,您可以看到提交的内容.

一旦您准备好查看单个表单,它就会向您显示所有提交的内容.

Individual submissions.
这个特殊的表格只有一个条目.

当您点击下拉菜单时,您可以获得详细信息.

Detailed form information.
姓名、电子邮件地址、电话号码等详细信息,和签名在这个例子中.

点击右上角的图标过滤您的数据搜索.您可以按日期范围表单 ID关键字进行搜索,并选择搜索结果的显示方式.

The filtered search icon.
点击此按钮将缩小搜索范围.

另外,一键导出搜索结果.

Where you can export the data.
单击"导出"将为您提供将数据下载为 CSV 的选项文件.

甚至可以自动安排导出.

Schedule the export of data.
表示仅在输入新提交时自动发送数据.

提交区域将帮助您组织数据和...

9.将 Forminator 与第 3 方应用集成结合使用

通过添加集成,添加第 3 方应用程序以与 Forminator 同步.您可以使用超过 1000 个您最喜欢的应用程序.CRM、电子邮件服务、云存储和项目管理的一切.

一些集成应用包括:

还有更多……

在集成区域,它会显示您连接了哪些应用程序以及可以使用的可用应用程序.

Integrations in the applications area.
本例中Zapier、FortressDB、MailChimp都是已连接.

每个应用都有自己的启用说明.当您点击一个时,它会引导您完成整个过程.

Example of integrating Slack with Forminator.
例如,如果您想安装 Slack,它会引导你完成你需要做的事情.

集成非常适合联合力量以充分利用您的表单.此外,使用 Forminator Pro,您还可以构建自己的集成和自定义 Forminator 应用程序.

10.在设置中添加更多表单调整

您的完美身材只需要几个步骤.您可以决定它包括什么、它如何运作以及它是什么样子.除了您可以对单个表单进行的所有调整外,还可以在设置中添加更多调整.

仪表板设置中,您可以调整表单、投票和测验的模块列表.这显示了在仪表板上发布的表单数量.您还可以在此处调整状态以包括已发布和草稿.

The modules listing section.
想查看已发布的表格和草稿表格吗?点击两个框.

使用表单标题,可以更改发件人的姓名和电子邮件地址.

The form headers area.
我们在本例中设置的电子邮件和名字.

分页区域可让您确定每页显示的模块和提交的数量.

The pagination area where you indicate how many modules per page.
选择要在页面上显示的模块数量.

选择高对比度模式以提高元素和组件的可见性和可访问性,以满足 WCAG AAA 要求辅助功能区域.

Where you enable high contrast mode in the accessibility area.
一键开启高对比度模式.

数据设置让您可以选择重置时插件和数据的处理方式.此外,您可以从这里将插件重置为默认状态.

Data settings.
重新开始.

启用 Google reCaptcha,从 Contact Form 7,按时间长度处理表单、测验和投票提交数据,并设置 PayPal 和 Stripe 的付款.

设置区域是另一个部分,可以根据您的规格完美调整表单.

11.使用导入/导出选项在多个站点上使用表单

有很多 WordPress 网站要包含您的表单、投票或测验吗?没问题.您只需点击下拉菜单中的导出即可轻松导出任何表单.

Gear that you can export form from.
单击齿轮图标将显示导出选项.

单击"导出"后,您可以选择下载表单中的文本.也可以直接复制.

The data text.
复制&粘贴文本或下载.

在导入表单时,您只需点击 Forminator 仪表板顶部的导入即可轻松完成.

Where you import a form at.
点击并导入.就这么简单.

当您单击"导入"时,您可以在此处粘贴来自 Forminator 或下载的文本.粘贴文本后,点击导入即可完成该过程.

Where you import text.
在空框中添加文本并点击导入.

您的表单现在已连接到任何具有 Forminator 的 WordPress 网站!

表单、投票和测验触手可及

如您所见,您可以做很多事情来充分利用 Forminator、我们的联系表单、付款表单和自定义表单构建插件.

Forminator 只需几个简单的步骤即可让您超越创建表单、投票和测验.

通过集成,您可以设置电子商务商店、在云上存储数据、向现有客户发送电子邮件等等.

并具有注册和注册等功能登录表格付款表格电子签名计算 — 无极限.

此外,它还不止于此!感谢我们的超级英雄开发者,Forminator 总是会推出新的增强功能(例如,订阅 即将推出!)和更新.您可以在我们的路线图中密切关注接下来发生的事情.

要了解有关 Forminator 的更多信息,请查看他的文档.

所以,你还在等什么?去创建一些表格、投票和测验,亲自体验 Forminator 的 5 星级超棒属性.

1

发表回复