🟦 WordPress mortgage calculator
Add a mortgage calculator to your WordPress site in minutes.
Two ways to add a calculator to WordPress: drop an iframe into any post or page (Gutenberg block, classic editor, or sidebar widget), or use our free shortcode plugin. Both white-label, both responsive, both wired for lead capture.
Option 1 — iframe embed
Paste this in a Gutenberg HTML block, classic editor, or text widget.
<iframe
src="https://yourbrand.calcwidgets.com/embed?widgets=loan-repayment"
width="100%"
height="800"
frameborder="0">
</iframe>Option 2 — shortcode plugin
Install the free WordPress plugin, then use shortcodes in any post.
[calcwidgets calc="heloc-us"]
[calcwidgets calc="closing-cost-us" state="texas"]
[calcwidgets widgets="loan-repayment,refinance"]Why CalcWidgets vs free WP calculator plugins
Free WordPress calculator plugins exist. Here's what you give up by using them.
| Feature | Free WP calc plugins | CalcWidgets |
|---|---|---|
| Calculator types | Usually 1 (basic mortgage) | 30+ — HELOC, FHA, VA, DTI, HECM, closing cost, property tax, cap rate, BRRRR, 1031, more |
| State-specific data | No — generic only | All 50 US states + DC for closing cost / property tax |
| Mobile-first design | Often broken on phone | Mobile-first by design |
| White-label branding | Plugin author branding | Your colors, logo, fonts, CTA |
| Lead capture | None | Webhook + CRM integration |
| Maintained rules | Out-of-date FHA limits, VA fees | Rates / tables maintained for you |
| WordPress conflicts | jQuery, theme CSS, plugin conflicts | Iframe sandbox — zero conflicts |
| Cost | Free (with ads/upsells) | $79/mo Solo, all calcs included |
Step-by-step: add a mortgage calculator to WordPress
- 1. Sign up for a CalcWidgets trial. Free 14 days — pick which calculators you want and your subdomain (e.g. yourbrand.calcwidgets.com).
- 2. Brand your calculators in the dashboard. Upload your logo, set primary color, configure CTA text and URL (your CRM, Calendly, or contact form).
- 3. Open WordPress and create a new page or post. Decide whether to use the iframe approach (works in any editor) or the shortcode plugin (cleaner if you have multiple calcs).
- 4. Paste the embed snippet. For Gutenberg, add a “Custom HTML” block and paste the iframe. For classic editor, switch to Text mode and paste. For shortcode plugin, use
[calcwidgets calc="loan-repayment"]. - 5. Publish. The calculator loads on page view with your branding, mobile-responsive, lead-capture wired. Test on mobile to confirm.
No theme conflicts, no plugin conflicts
Because the calculator runs inside an iframe, your WordPress theme's CSS doesn't affect it, and other plugins (caching, security, page builders) can't break it. The only thing your theme needs to do is render the iframe tag — which every WordPress theme does correctly.