如何在你的WordPress网站上添加成本计算器

如果你曾经使用过贷款计算器或价格估算器，你可能已经想知道是否有办法在你的WordPress网站上添加一个成本计算器。有的，而且超级简单。当然，你可以学习一些JavaScript并在几个月内敲出一个像样的计算器--或者你可以通过使用一个插件来节省大量的时间和麻烦。这就是为什么我们爱WordPress的原因，对吗?

留在这里，我将告诉你它是如何形成的。

一个适用于WordPress的多功能成本计算器

当你在一个抵押贷款网站上使用一个贷款计算器时，它可能看起来像有一些复杂的代码在后面。而你可能已经想象到，这对你的网站来说是遥不可及的。雇用一个开发人员来实现这样一个表格可能超出了你的预算。

 

那么，如果你需要改变计算器中的某些元素呢?你需要让开发人员回来为你解决这个问题。这将是一种痛苦，而且可能超出你的经济能力。

值得庆幸的是，一个WordPress插件将允许你自己处理这一切--不需要代码。

成本计算器可以让你创建你需要的任何类型的计算器表格，而且它看起来很棒。

开始使用成本计算器

虽然成本计算器插件很容易使用，但我将引导你了解它的功能，并向你展示一个可能激发你自己的表单的例子。首先，让我们来获取这个插件。

安装成本计算器

你可以在你的WordPress仪表板的 "插件">"添加新插件 "下搜索 "成本计算器"，或者在WordPress.org上进行下载。此外，你可以购买专业版，它的特点是图像下拉、文件上传等选项。

创建计算器

一旦该插件被激活，你会看到成本计算器图标出现在你的WordPress仪表板菜单中。点击它就可以进入成本计算器菜单。

最初，列表上没有任何表格。要开始使用，只需点击右上方的 "重新创建"。然而，由于你是使用该插件的新手，我建议尝试导入计算器的选项。在打开的菜单中，选择运行默认演示导入。这将用插件作者提供的一些样本计算器来填充你的列表。

在创建你的第一个计算器之前，对所提供的演示例子进行挖掘是很有帮助的。这将使你对菜单和计算器的结构有一个感觉。选择一个计算器，在行动标签下，点击铅笔图标，进入编辑模式。

编辑计算器

在这个例子中，让我们使用摄影计算器。进入编辑模式，滚动到底部并点击预览。这显示了计算器显示时你可以期待什么。这个可以帮助潜在的摄影客户在选择不同套餐时计算成本。

让我们回到编辑菜单，翻到计算器标签。

右边是所有可在我们的计算器中使用的元素。在这个例子中，在左边，我们可以看到他们已经使用了下拉、数量和总数等元素。我们可以通过将鼠标悬停在这些元素上进行编辑，那里会出现一个编辑按钮。

 

第一个元素是一个名为服务的下拉菜单。在里面，我们可以看到顶部的名称和描述字段。如果我们进一步向下滚动，我们可以为下拉菜单指定更多的选项。

这个计算器可以计算出摄影服务的费用。我们可以在这个下拉框中设置所有的内容，包括定价。

下一个元素，小时，是一个数量元素。对于这一点，我们只需要定义数量单位，使计算工作正常进行。由于我们正在计算时间，我们不需要切换任何货币设置。虽然默认值不是必须的，但它可以帮助引导访问者选择你可能喜欢的方式。

总数元素是将进行计算的地方。在计算器公式领域，我们可以看到看起来很复杂的代码。其实不然。如果你删除该字段中的所有内容，你可以很容易地重新创建。在可用字段下，你会看到我们只有两个字段可以在公式中使用。点击第一个，它就会出现在公式字段中。然后我们需要一个运算符，所以点击下面的星号，表示我们要将两个字段的值相乘。点击其他可用字段选项，你的公式就完成了。

现在我们看到计算器是如何设置的，让我们看看条件、设置和自定义。

条件

你可能不是每个表单都需要条件功能，但当你需要时，它是一个非常好的功能。条件系统可以让你连接不同的字段并为它们添加条件。你可以根据是否满足条件来显示、隐藏或禁用特定字段。例如，如果你有一个贷款计算器，你可以将利率设置为只在用户输入特定的贷款金额时出现。

设置

成本计算器设置菜单是你调整你的货币设置或设置任何支付网关集成的地方。

大多数设置在这里是直观的，但我将介绍几个重要的设置。

 

如果你有一个WooCommerce商店，成本计算器将与它整合。这是一个方便的功能，实施后可以提高你的转换率。例如，你可以设置一个费率表，当用户点击提交按钮时，他们会被直接带到你的Woo结账页面。你还可以在你的表单中添加一个添加到购物车的按钮。

发送表单允许你通过与Contact 7插件集成来添加一个发送表单。一旦用户在计算器表格上点击提交，他们将可以选择通过电子邮件发送表格的结果。

如果你不想让垃圾机器人军团向你发送垃圾表格，你可以再添加一个ReCaptcha按钮。你需要首先通过谷歌进行设置，但一旦你有了你的网站密钥和密匙，你就可以开始了。

自定义

自定义菜单实际上是计算器蛋糕上的糖衣。你可以使用简单的滑块和颜色选择器来改变你表格中的任何设计方面。

在方框中添加边框，改变字体颜色和大小，甚至创建你自己的渐变背景颜色。自定义菜单使你可以很容易地设计你的表格，以适应你的网站的品牌形象。

在你的网站上设置一个漂亮的成本计算器

如果你需要在你的网站上添加一个计算器表格，成本计算器插件不仅是无痛的，而且使用起来也很有趣。无需聘请开发人员或编写任何代码，你可以在短短几分钟内为你的WordPress网站创建漂亮的表格。

价格

成本计算器是免费安装和使用的。专业版包含支付网关、WooCommerce结账、条件、文件上传和日期选择器等功能。定价为29.99美元的单一年度许可证。

来自https://cn.bluehost.com/blog/wordpress/16433.html