Add a mortgage calculator to your Squarespace site.
Squarespace renders calculators through a Code Block — paste a single iframe and publish. White-label, mobile-responsive, lead-capture ready. Works on Squarespace 7.0 and 7.1.
Paste into a Squarespace “Code Block”:
<iframe
src="https://yourbrand.calcwidgets.com/embed?widgets=loan-repayment"
width="100%"
height="800"
frameborder="0"
title="Mortgage Calculator">
</iframe>Step-by-step: add a mortgage calculator to Squarespace
- 1. Sign up for a CalcWidgets trial. Free 14 days — pick your calculators and your subdomain (e.g. yourbrand.calcwidgets.com).
- 2. Brand your calculators. In the dashboard, upload your logo, set your primary color, and configure CTA text and URL (your CRM, Calendly, or contact form).
- 3. Edit your Squarespace page. Click an insertion point, then Add Block → Code. (Code Blocks are available on the Business plan and all Commerce plans.)
- 4. Paste the iframe. Clear the default HTML, set the block type to HTML, and paste the snippet above. Turn off “Display Source” so visitors see the calculator, not the code.
- 5. Save and publish. The calculator loads with your branding, responsive on mobile, lead capture wired. Preview on a phone to confirm the height (increase 800px if anything is cut off).
A note on Squarespace plans
Code Blocks (and therefore custom iframes) require the Squarespace Business plan or higher. On the Personal plan, Code Blocks aren't available — upgrading to Business unlocks them along with other custom code features. Once you're on Business, the embed works exactly as above.
What you get over a generic Squarespace calculator
30+ calculators, one embed
Mortgage repayment, HELOC, FHA, VA, DTI, closing cost, property tax, cap rate, BRRRR, 1031, stamp duty, and more — AU, NZ, and US markets. Pick one or a whole tabbed set in a single Code Block.
White-label + lead capture
Your colors, logo, and CTA — the calculator reads as part of your Squarespace site, not a third-party widget. Every calculation can route the visitor to your CRM or booking link.
Embedding on another platform?
CalcWidgets is a standard iframe, so it works anywhere HTML does. See the WordPress and Wix guides, or the general calculator widget overview.