MRK Mortgage Calculator
Mortgage calculator with full WP Admin control — content, defaults, ranges, colors, typography, layout. Use shortcode [mortgage_calculator].
by Muhammad Rameez Khalid · github.com/mrksays/mrk-mortgage-calculator
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/mrksays/mrk-mortgage-calculator/archive/refs/heads/main.zipA beautiful, fully customizable mortgage calculator for WordPress with live sliders, interest-only & repayment calculations, and complete admin control.
Description
MRK Mortgage Calculator is a powerful, modern, and highly customizable mortgage/loan calculator plugin for WordPress.
It allows your visitors to instantly calculate:
- Monthly Interest-Only Payment
- Total Interest-Only Payment
- Monthly Repayment (Principal + Interest)
- Total Repayment Amount
The calculator features real-time sliders, comma formatting, mobile-friendly design, and complete visual control from the WordPress admin panel — no coding required.
Key Features
- Fully responsive & mobile optimized
- Live range sliders synced with input fields
- Supports Interest-Only and Full Repayment calculations
- Beautiful modern design with dynamic colors and typography
- Complete control over text, labels, defaults, ranges, colors, fonts & layout
- Google Fonts support
- Shortcode ready:
[mortgage_calculator] - Lightweight and fast (no unnecessary bloat)
- Clean code with proper sanitization and escaping
Perfect For
- Real estate websites
- Mortgage brokers & financial advisors
- Property developers
- Personal finance blogs
- Banking & loan comparison sites
Installation
- Upload the plugin folder
mrk-mortgage-calculatorto the/wp-content/plugins/directory - Activate the plugin through the 'Plugins' menu in WordPress
- Go to Settings → MRK Mortgage Calc to configure the calculator
- Use the shortcode
[mortgage_calculator]on any page or post
Screenshots
- Frontend Mortgage Calculator (Desktop View)
- Mobile Responsive View
- WordPress Admin Settings - Content Tab
- Admin Settings - Colors & Styling
- Admin Settings - Typography Controls
- Admin Settings - Layout & Ranges
Frequently Asked Questions
How do I display the calculator?
Simply add the shortcode [mortgage_calculator] to any page or post.
Can I change the colors and fonts?
Yes! You have full control over background, text, button, card colors, typography, and layout from the admin settings.
Does it support Interest-Only and Repayment mortgages?
Yes, it calculates both Interest-Only and Full Repayment (amortizing) options simultaneously.
Is it mobile friendly?
Absolutely. The calculator is fully responsive and optimized for mobile devices (including proper input handling on iOS).
Can I change the currency symbol?
Yes, you can set any currency symbol ($, £, €, ₹, etc.) from the settings.
Changelog
3.0
- Major update with complete admin control panel
- Added full typography controls (font family, size, weight, style, spacing, transform)
- Added layout controls (max width, padding, border radius, gaps, shadows)
- Improved dynamic CSS generation
- Enhanced mobile responsiveness
- Better input handling and comma formatting
- Code optimization and security improvements
2.1
- Fixed number formatting with commas
- Improved JavaScript stability
2.0
- Initial public release with dynamic styling
Upgrade Notice
3.0
This is a major update. After upgrading, please review your settings in Settings → MRK Mortgage Calc as new options are available.
Author
Muhammad Rameez Khalid
- Email: mrksays.dev@gmail.com
License
This plugin is licensed under the GPLv2 or later.
Made with ❤️ for the WordPress community.