如何使用计算字段表单在 WordPress 中添加自定义计算器

您是否经营具有独特付款计算的企业? 如果是这样,您可以使用计算字段表单来添加自己的所有数学和公式。 因此,客户只需输入特定信息即可了解他们的价格或估价。

此功能有用的原因有很多。 例如,您可以使用其中一种形式制作华氏到摄氏度的转换计算器。 今天,我将演示如何使用计算字段表单插件来增强您的网站。

什么是计算字段表单?

大多数人甚至在没有意识到的情况下使用了这些。 如果您曾经输入过一个数字并得到了结果,那么它很可能是这些表格中的一种。

简单地说,它们只是一个带有一定变量的公式。 公式可以是您想要的任何东西,变量是用户输入。

例如,假设您每小时收取 20 美元,但还需要 100 美元的前期成本。 那看起来像:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]成本 = 20X + 100[/ht_message]

其中 X 是您输入的数字。 这可以应用于各种情况,并且与使用 Excel 或 Google Sheets 中的公式最为相似。

哪些网站需要这个?

并非每个网站都需要在 WordPress 中制作自己的计算器。

通常,如果您在薪酬取决于某些因素的领域开展业务,则计算器很有用。 例如,如果您是一名画家,您不会向每个客户收取相同的费用。 房子有不同的大小,所以这将基于房子的平方英尺和其他因素。

这就是为什么大多数这种性质的工作必须给你一个估计而不是一个统一的价格。 您可以添加包含所有定价信息的计算字段表单,以帮助客户大致了解成本。

有很多这样的业务,但还有其他用途。

例如,如果您经营一个健身网站,您可能想要分享体重指数 (BMI) 公式或如何计算您推荐的卡路里摄入量。 基本上,如果您需要使用数学,这些表格很有价值。

安装计算字段表单

计算字段表单 插件允许您在 WordPress 中添加自定义计算器字段。 在添加这些表单时,可以对其进行自定义以执行任何操作。 加法、减法、乘法、除法等可用于制作用户可以利用的真实公式。

对于在计算付款时要考虑多个因素的任何企业来说,这是必不可少的。 最好的部分是它易于使用。

让我们首先单击插件并选择左侧管理面板上的添加新选项。

添新

在可用的搜索框中搜索计算字段表单。 这将提取您可能会发现有用的其他插件。

计算字段表单

向下滚动直到找到计算字段表单插件,然后单击“立即安装”按钮并激活插件以供使用。

现在安装

创建您的表单

在左侧管理面板上单击计算字段表单并选择计算字段表单选项。

计算字段表单

您将看到插件提供的 5 种默认表单。 它们包括各种功能,如怀孕计算器。 您可能会发现它们很有用,也可能没有。 无论如何,您可以随时使用、编辑、克隆或删除它们。

最有可能的是,您对制作自己的自定义表单感兴趣,所以让我们开始吧。

您将看到一个新表单部分。 输入名称并单击“添加”按钮。

添加

您创建的表单将添加到页面顶部的现有表单列表中。 单击“设置”按钮开始自定义它。

设置

表单以 3 个元素开始。 您可以根据需要添加更多。 为此,只需在“添加表单”部分中选择要添加的表单元素。

选择元素

如果单击“计算表格”选项,您可以自定义表格的外观。 这包括对齐之类的东西,但您可以通过添加自定义 CSS 来进一步超越。 如果表单的设计不是您主要关心的问题,您现在可以跳过本节。

计算形式

接下来,您将看到一个名为“数字”的字段。 这是访客的默认号码输入字段。 点击它。 您可以更改字段标签、大小、数字格式(数字、数字、百分比等)、最小值和最大值、预定义值等。

字段类型

这听起来可能很多,但它非常简单。 例如,假设您想为询问其每周收入的访问者创建一个输入字段。 您将字段标签命名为“每周收入”并填写其余设置。

如何创建公式

计算值元素是所有魔法发生的地方。 当我说魔术时,我的意思是数学。 您可以在此处输入您希望字段计算的公式。

当您单击计算值元素时,您将看到一个设置方程式文本框。 您可以在此处输入方程式。

输入方程式

默认情况下,该等式旨在将访问者输入的任何数字加倍。 在我的示例中,我将其更改为将每周收入乘以 4 来计算个人的月收入。

笔记: 显然,您将要输入自己的公式。 该插件不会使其按您希望的方式工作,必须正确输入。 因此,您可能需要重新熟悉一些操作顺序 (PEMDAS)。

就我而言,我只需要获取用户可以编辑的字段元素并将其乘以四,因此我的等式如下所示:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]字段名2*4[/ht_message]

您添加的每个字段名称都将有一个与之关联的不同数字,因此您需要找到正确的名称。 为此,单击元素,您将看到名称部分。

字段名称

完成编辑设置后,单击“保存更改”按钮。

保存更改

添加计算字段表单

现在剩下的就是实际放置表单。 该插件利用简码来完成此操作。 您可以在上一步的表单列表旁边找到简码。

复制简码。

短代码

转到任何帖子或页面并粘贴简码。 然后,您可以在您的网站上预览更改。

计算字段表单

恭喜您设置了计算字段表单插件。 您可以创建访问者可能会发现有用的各种表单。

检查你的工作

这个插件可以为你的网站添加很多很棒的功能,但它没有做的一件事就是纠正你的错误。 如果您输入错误的信息,它只会在您输入时给出结果。 这可能很简单,只需使用“+”而不是“*”,但它可能会造成大麻烦。

如果将其用于定价,则尤其如此。

如果您的估算结果太高或远低于预期,您可能会给想要雇用您的人造成混乱。 彻底测试您创建的表单。

您使用计算字段表单做什么?

  如何在不到一个小时内制作一个基本网站

类似文章