如何在 WordPress 中添加抵押贷款计算器(逐步)

最近我们的一位读者询问了在 WordPress 中添加抵押贷款计算器的问题。

抵押贷款计算器是房地产网站的有用工具,因为它允许访问者查看他们是否能负担得起他们正在查看的房产。

在本文中,我们将向您展示如何在 WordPress 中轻松添加抵押贷款计算器。

在 WordPress 中添加抵押贷款计算器

什么是抵押计算器?谁在他们的网站上需要它?

抵押贷款计算器是一种工具,它允许用户估算他们的抵押贷款支付、利率和摊销期限。

使用抵押计算器,您的网站访问者可以选择每月付款或期限,抵押计算器表格将根据给定的利率计算成本。

如果您正在创建一个包含 IDX 房产列表的真实网站,那么抵押贷款计算器将帮助您获得更多潜在客户并增加您网站上的用户参与度。

话虽如此,让我们看看如何在 WordPress 中轻松创建抵押贷款计算器。

创建 WordPress 抵押贷款计算器 – (一步一步)

在 WordPress 中添加抵押贷款计算器曾经非常困难。要么您必须向您的网站添加一段代码,要么安装第三方抵押贷款计算器服务。

现在,使用Formidable Forms,您可以轻松地创建带有拖放界面的抵押贷款计算器。

强大的表单高级 WordPress 表单插件

Formidable Forms是市场上最先进的WordPress 表单构建器插件。它允许您创建高级表单,如在线测验、网络目录、工作列表、计算器等。

Formidable 可以轻松构建高级表单,而无需编写代码。您可以使用条件逻辑、高级计算、文件上传、重复字段、动态预填充字段等功能。

它带有超级有用的预制模板,可用于 20 多种表格。我们将使用他们的抵押贷款计算器模板作为本教程的起点。

让我们开始吧。

您需要做的第一件事是安装并激活强大的表单插件。有关更多详细信息,请参阅我们关于如何安装 WordPress 插件的分步指南。

您至少需要他们的商业计划才能使用抵押计算器功能。

激活后,您需要单击“立即添加许可证密钥”选项以输入您的许可证详细信息。

添加强大的 Forms Pro 许可证密钥

这将带您进入“全局设置”页面,您需要在其中输入 Formidable Forms 许可证密钥。

保存您的强大表单许可证密钥

您可以在 Formidable Forms 网站的帐户区域中找到许可证密钥。

完成后,您将看到许可证激活成功消息。现在您只需刷新页面即可加载高级功能。

之后,转到强大»表单添加新表单。在那里,您将看到默认情况下已添加的“联系我们”表单。继续并单击“添加新”按钮以创建新的抵押贷款计算器表格。

添加新的强大形式

在下一页上,您将看到许多可帮助您快速入门的预制模板。您需要在高级模板部分下找到抵押贷款计算器模板。

您会注意到有两个可用的抵押贷款计算器模板:简单抵押贷款计算器和高级抵押贷款计算器。

让我们先从简单抵押贷款计算器开始。

将鼠标指针放在模板上,然后它将显示两个按钮:创建表单和预览。

选择简单的抵押贷款计算器模板

您需要单击“创建表单”按钮。这将弹出一个弹出窗口,您需要在其中添加名称和描述,然后单击“创建”按钮。

创建新的简单抵押贷款计算器表格

该插件现在将使用您选择的简单抵押表格计算器模板加载强大的表格编辑器界面。

WordPress简单抵押计算器表单生成器

从这里您可以简单地指向并单击以根据需要自定义每个表单字段。

例如,您可以更改 Mortgage Amount 字段的字段标签和默认值。

自定义简单的抵押计算器字段选项

但是,您需要注意最后一个字段“每月付款”,因为它包含计算公式作为默认值。

如果您不是计算专家,则需要保持不变。

自定义每月付款字段选项 强大的抵押贷款计算器

查看所有表单字段后,单击屏幕右上角的更新按钮。之后,您可以单击关闭图标退出表单编辑器。

简单的抵押贷款计算器成功创建

您的简单抵押贷款计算器现已准备就绪。下一步是将其添加到要显示计算器的页面或帖子中。

只需创建一个新页面/帖子或打开现有页面即可添加抵押计算器。在您的页面编辑器上,单击“添加新块”图标,然后选择 Formidable Forms Gutenberg block。

在 WordPress 页面编辑器中添加强大的表单块

之后,您可以看到添加到页面编辑器的强大表单块。

接下来,您需要在下拉选项中选择 Simple Mortgage Calculator 表单,WordPress 将自动加载该表单。

将简单的 WordPress 抵押贷款计算器添加到页面编辑器

之后,您可以发布或更新您的页面,然后预览它以查看简单的抵押贷款计算器是如何工作的。

例如,这是它在我们的演示网站上的外观。

简单的 WordPress 抵押贷款计算器预览

在 WordPress 中创建高级抵押贷款计算器

上面显示的简单抵押贷款计算器适用于基本抵押贷款计算。但是,如果您想计算税收、保险支付、PMI、贷款价值比等,那么您将需要一个用于您的房地产网站的高级抵押贷款计算器。

使用强大的表格,制作高级抵押贷款计算器也是一项快速而直接的工作。

首先,您需要访问Formidable » Forms页面并单击 Create New 按钮以添加新表单。

添加新的强大形式

之后,将鼠标悬停在 Advanced Mortgage Calculator 模板上,然后单击 Create Form 按钮。

选择高级抵押贷款计算器模板 强大的表格

接下来,WordPress 将打开一个弹出窗口,您可以在其中输入表单的名称和描述,然后单击“创建”按钮。

强大形式的高级抵押贷款计算器编辑器

现在,您可以通过单击自定义每个表单字段。

单击字段时,字段选项将出现在左侧列中。从那里,您可以更改字段标签、默认值等。

在高级抵押计算器表单中自定义字段选项

您可以查看和编辑财务分析的高级选项字段。但是,如果您不知道计算公式,那么最好不要动它们。

高级抵押贷款计算器中的计算字段强大的表格

完成后,单击右上角的更新按钮,然后单击关闭图标。

您的高级抵押贷款计算器表格已准备就绪;您现在可以将其添加到您的 WordPress 帖子、页面、侧边栏或属性列表页面

在您的页面编辑器上,单击“添加新块”图标,然后选择强大的表单块。

在 WordPress 页面编辑器中添加强大的表单块

只需编辑帖子、页面或列表,然后将强大的表单块添加到您的内容编辑器。

从块设置中,选择您之前创建的 Advanced Mortgage Calculator 表单。之后,WordPress 会自动在页面编辑器上加载抵押贷款计算器。

addadvancedmortgagecalculatortopageeditor

现在您可以发布或更新您的页面并预览它以查看您的抵押贷款计算器的外观。这是我们演示网站上的强大形式高级抵押贷款计算器的外观。

高级 WordPress 抵押贷款计算器预览

如上图所示,Advanced Mortgage Calculator 让您的用户可以输入房屋价值、贷款信息,包括金额、利率、摊销时间表、年度税收、保险和 PMI。

然后,该插件将计算数据并显示每月付款、持续时间和其他信息。

我们希望本文能帮助您了解如何在 WordPress 中添加抵押贷款计算器。您可能还想查看我们为小型企业提供的最佳电子邮件营销服务和最佳商务电话服务列表。