{"id":36508,"date":"2026-04-17T09:24:57","date_gmt":"2026-04-17T09:24:57","guid":{"rendered":"https:\/\/start.wpresidence.net\/?page_id=36508"},"modified":"2026-04-17T09:24:57","modified_gmt":"2026-04-17T09:24:57","slug":"mortgage-calculator","status":"publish","type":"page","link":"https:\/\/safqh.com\/index.php\/mortgage-calculator\/","title":{"rendered":"Mortgage Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"36508\" class=\"elementor elementor-36508\">\n\t\t\t\t<div class=\"elementor-element elementor-element-747e4c4 e-flex e-con-boxed e-con e-parent\" data-id=\"747e4c4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-96cb57c animated-fast e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"96cb57c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:50}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f7c1f6 elementor-widget elementor-widget-heading\" data-id=\"2f7c1f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mortgage Calculator<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b45385c elementor-widget elementor-widget-heading\" data-id=\"b45385c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Add a mortgage calculator to any page and help visitors estimate monthly payments based on price, down payment, interest rate, and loan term. It is a practical widget for real estate websites that want to make financing information easier to explore.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59a7ab3 e-con-full e-flex e-con e-child\" data-id=\"59a7ab3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61cbae9 elementor-widget elementor-widget-standalone_mortgage_calculator\" data-id=\"61cbae9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"standalone_mortgage_calculator.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"panel-group property-panel\" id=\"accordion_morgage\">\n        <div class=\"panel panel-default\">\n            <div class=\"panel-heading\">\n                <h4 class=\"panel-title\" id=\"prop_morg\">Mortgage Calculator<\/h4>\n            <\/div>\n            <div class=\"panel-body\">\n                        <style>\n        .currency-wrapper::after { content: '$'; }\n        <\/style>\n        \n        <div class=\"row\">\n            <div class=\"morgage_chart_wrapper onfirst\">\n                <div id=\"canvas-holder\">\n                    <canvas id=\"morgage_chart\"><\/canvas>\n                    <div class=\"morg_momth_pay\">\n                        <div class=\"morg_month_wrap\">$<span id=\"morg_month_total\">609.65<\/span><\/div>\n                        <span id=\"morg_per_month\">per month<\/span>\n                    <\/div>\n                <\/div>\n                <ul class=\"morgage_legend\">\n                    <li>Principal and Interest<\/li>\n                    <li>Property Tax<\/li>\n                    <li>HOA fee<\/li>\n                    <li>Private Mortgage Insurance<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"morgage_chart_wrapper\">\n                <label>Principal and Interest<\/label>\n                $ <span data-per=\"79.496423382682\" id=\"morg_principal\">484.65<\/span>\n                \n                <label>Property Tax<\/label>\n                <div class=\"currency-wrapper\">\n                    <input type=\"text\" id=\"monthly_property_tax\" class=\"form-control\" data-per=\"20.503576617318\" value=\"125\">\n                <\/div>\n\n                <label>Private Mortgage Insurance (PMI)<\/label>\n                <div class=\"wpresidence_private_mortgate_insurance_wrapper\">\n                    <div class=\"percentage-wrapper\">\n                        <input type=\"text\" id=\"morgage_pmi_percent\" class=\"morgage_inputdata form-control\" value=\"0\">\n                    <\/div>\n                    <div class=\"currency-wrapper\">\n                        <input type=\"text\" id=\"morgage_pmi\" class=\"form-control\" data-per=\"0\" value=\"0\" readonly>\n                    <\/div>\n                <\/div>\n\n                \n\n                <label>Monthly HOA Fees<\/label>\n                <div class=\"currency-wrapper\">\n                    <input type=\"text\" id=\"hoo_fees\" class=\"form-control\" data-per=\"0\" value=\"0\">\n                <\/div>\n            <\/div>\n\n            <div class=\"morgage_data_wrapper onfirst\">\n                <label>Total Amount<\/label>\n                <div class=\"currency-wrapper\">\n                    <input type=\"text\" name=\"morgage_home_price\" class=\"morgage_inputdata form-control\" data-price=\"125000\" id=\"morgage_home_price\" value=\"125000\">\n                <\/div>\n\n                <label>Down Payment<\/label>\n                <div class=\"currency-wrapper\" style=\"width: 75%;float:left;\">\n                    <input type=\"text\" name=\"morgage_down_payment\"  class=\"morgage_inputdata form-control\" id=\"morgage_down_payment\" data-price=\"25000\" value=\"25000\">\n                <\/div>\n                <div class=\"percentage-wrapper\">\n                    <input type=\"text\" name=\"morgage_down_payment_percent\" class=\"morgage_inputdata form-control\" id=\"morgage_down_payment_percent\" data-down-pay=\"20\" value=\"20\">\n                <\/div>\n            <\/div>\n\n            <div class=\"morgage_data_wrapper\">\n                <label> Loan Terms (Years)<\/label>\n                <input type=\"text\" name=\"morgage_term\" class=\"morgage_inputdata form-control\" id=\"morgage_term\" value=\"30\">\n\n                <label>Interest<\/label>\n                <div class=\"percentage-wrapper\" style=\"width:100%;\">\n                    <input type=\"text\" name=\"morgage_interest\" class=\"morgage_inputdata form-control\" id=\"morgage_interest\" value=\"4.125\">\n                <\/div>\n            <\/div>\n        <\/div>\n                    <\/div>\n        <\/div>\n    <\/div>\n\n    <script type=\"text\/javascript\">\n    \/\/<![CDATA[\n        jQuery(document).ready(function(){\n            wpestate_show_morg_pie();\n        });\n    \/\/]]>\n    <\/script>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mortgage Calculator Add a mortgage calculator to any page and help visitors estimate monthly payments based on price, down payment, interest rate, and loan term. It is a practical widget for real estate websites that want to make financing information easier to explore. Mortgage Calculator $609.65 per month Principal and Interest Property Tax HOA fee Private Mortgage Insurance Principal and Interest $ 484.65 Property &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-36508","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/safqh.com\/index.php\/wp-json\/wp\/v2\/pages\/36508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/safqh.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/safqh.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/safqh.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/safqh.com\/index.php\/wp-json\/wp\/v2\/comments?post=36508"}],"version-history":[{"count":0,"href":"https:\/\/safqh.com\/index.php\/wp-json\/wp\/v2\/pages\/36508\/revisions"}],"wp:attachment":[{"href":"https:\/\/safqh.com\/index.php\/wp-json\/wp\/v2\/media?parent=36508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}