您是否想在 WordPress 网站上构建一个可自动执行计算的表单?您可以将其设置为访客的有用工具……甚至可以将其设置为潜在客户生成表单,其中计算结果会输入到 CRM 中,然后您可以通过电子邮件跟进。
此事有很多种可能性。
我最近为一位客户开发了几个在线计算器工具。挪威电子邮件清单 其中一个工具是供她所在行业的人们计算一周的利润/亏损的工具。另一个工具是帮助她的客户确定向客户收费的会话费率的工具。
当你输入数字时,灰色字段会根据计算结果自动更改。与电子表格非常相似。
对于这两个示例,我们没有将数据发送到任何地方。它只是供访问者使用的工具。但是,通过表单提交将计算结果发送到我们想要的任何地方是微不足道的。
它是这样建造的……
使用 Fluent Forms 构建计算器表单
Fluent Forms是我最常用的表单插件,我几乎在所有事情上都会用到它——不仅在我自己的业务中,而且在客户网站上也是如此。它只是一个可以完成几乎所有事情的表单插件。
Fluent Forms 的一大特点是它拥有大量功能,您可能第一眼都不知道它们的存在。这些字段设置中隐藏着许多功能。一个小小的复选框就能解锁您从未想过的可能性。
其中一种可能性就是执行表格内的计算。
在表单中使用数字字段。也可以是仅输出数字的字段,例如范围滑块。
勾选您想要自动计算的数字字段上的“启用计算”复选框。
您可以在表单上放置任何其他您想要的字段,但我们的计算字段是基于数字字段工作的(显然)。
“启用计算”选项仅显示在高级设置下的数字字段中。
一旦选中该框以启用计算,您就可以使用下拉菜单访问表单的其他字段并使用它们执行计算。
通过使用下拉菜单插入字段,然后构建公式,该字段将成为您想要的计算的结果。
Fluent Forms 文档列出了您可以在公式中包含的所有受支持的数学运算。最常见的当然是 4 个基本算术运算。您还可以使用括号将事物组合在一起。如果您愿意,它可以变得更加复杂,就像在 Excel 电子表格中使用公式一样。
使用 Fluent Forms 构建计算器表单的技巧
因此,这里有一些我认为有用的技巧,您可能也会喜欢。
首先,当您使用 Fluent Forms 设置数字字段时,默认字段名称属性将类似于“numeric_field_1”。当您添加更多字段时,它们只会递增(即“numeric_field_2”等)。