如何在 WordPress 中添加抵押计算器(一步一步)

最近我们的一位读者询问有关在 WordPress 中添加抵押计算器的问题.

抵押贷款计算器是房地产网站的有用工具,因为它可以让访问者了解他们是否负担得起他们正在查看的房产.

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

Adding a Mortgage Calculator in WordPress

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

抵押贷款计算器是一种工具,可让用户估算其抵押贷款还款额,包括利率和摊销期.

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

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

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

创建 WordPress 抵押贷款计算器 -(分步)

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

现在,借助 Formidable Forms,您可以通过拖放界面轻松创建抵押贷款计算器.

Formidable Forms Advanced WordPress form plugin

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

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

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

让我们开始吧.

您需要做的第一件事是安装并激活 Formidable Forms 插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南.

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

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

Add Your Formidable Forms Pro License Key

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

Save Your Formidable Forms License key

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

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

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

Add New Formidable Form

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

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

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

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

Choose Simple Mortgage Calculator Template

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

Create New Simple Mortgage Calculator Form

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

WordPress Simple Mortgage Calculator Form Builder

从这里您只需指向并单击即可根据需要自定义每个表单字段.

例如,您可以更改抵押金额字段的字段标签和默认值.

Customizing Simple Mortgage Calculator Field Options

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

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

Customizing Monthly Payment Field Options Formidable Mortgage Calculator

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

Simple Mortgage Calculator Successfully Created

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

只需创建一个新页面/帖子或打开现有页面即可添加抵押计算器.在您的页面编辑器上,单击"添加新块"图标,然后选择强大的古腾堡表格块.

Add Formidable Forms Block in WordPress Page Editor

之后,您可以看到 Formidable Forms 块添加到您的页面编辑器中.

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

Adding Simple WordPress Mortgage Calculator to Page Editor

之后,您可以发布或更新您的页面,然后预览它以了解简单的抵押贷款计算器的工作原理.

例如,以下是它在我们的演示网站上的外观.

Simple WordPress Mortgage Calculator Preview

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

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

借助 Formidable Forms,制作高级抵押贷款计算器也是一项快速而直接的工作.

首先,您需要访问强大的»表单 页面,然后单击"新建"按钮以添加新表单.

Add New Formidable Form

之后,将鼠标移到 Advanced Mortgage Calculator 模板上,然后点击 Create Form 按钮.

Select Advanced Mortgage Calculator Template Formidable Forms

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

Advanced Mortgage Calculator Editor in Formidable Forms

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

当您单击一个字段时,字段选项将出现在左栏中.从那里,您可以更改字段标签、默认值等.

Customizing Field Options in Advanced Mortgage Calculator Form

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

Calculation Fields in Advanced Mortgage Calculator Formidable Forms

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

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

在您的页面编辑器中,单击"添加新块"图标,然后选择"强大的表单"块.

Add Formidable Forms Block in WordPress Page Editor

只需编辑帖子、页面或列表,然后将 Formidable Forms 块添加到您的内容编辑器.

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

Add Advanced WordPress Mortgage Calculator to Page Editor

现在您可以发布或更新您的页面并预览它以查看您的抵押贷款计算器的外观.以下是 Formidable Forms 高级抵押贷款计算器在我们的演示网站上的外观.

Advanced WordPress Mortgage Calculator Preview

如上面的屏幕截图所示,高级抵押贷款计算器可让您的用户输入房屋价值、贷款信息,包括金额、利率、摊销时间表、年税、保险和 PMI.

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

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

0
订阅评论
提醒
0 评论
内联反馈
查看所有评论