Embed True Cost on Your Website

Give your clients a professional home affordability calculator — free to embed, no account required. Three layouts to fit any page.

Live Previews

These are the actual widgets — interact with them before copying the code.

Simple

Quick Estimate

Sidebar widget · 420 × 600 px

Try it

Advanced

Full Analysis

Sidebar widget with charts · 700 × 950 px

Try it

Wide

Full-Page Calculator

Two-column layout with all inputs + charts · 100% width · ideal for a dedicated calculator page

Try it

Rent vs Buy

Rent vs Buy Calculator

Focused rent vs buy comparison · 100% width · ideal for real estate content and article pages

Try it

A focused rent vs buy comparison tool. Ideal for real estate content sites and articles. Pre-fills automatically from ZIP code data — appreciation rates and local median rent auto-populate when available.

Copy the Code

Paste any snippet into your website's HTML. No API key needed.

Simple Widget

<iframe
  src="https://truehomecosts.com/embed/simple"
  width="420" height="600"
  frameborder="0"
  style="border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.1)"
></iframe>

Advanced Widget

<iframe
  src="https://truehomecosts.com/embed/advanced"
  width="700" height="950"
  frameborder="0"
  style="border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.1)"
></iframe>

Wide Widget

<iframe
  src="https://truehomecosts.com/embed/wide"
  width="100%" height="750"
  frameborder="0"
  style="border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.1);min-width:320px"
></iframe>

Rent vs Buy Widget

<iframe
  src="https://truehomecosts.com/embed/buyvsrent?st=TX&p=400000&re=2000"
  width="100%" height="800"
  frameborder="0"
  style="border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.1);min-width:320px"
></iframe>

Customization

Append URL parameters to pre-fill values for your local market or brand the widget to match your site. Example:

https://truehomecosts.com/embed/simple?zip=90210&price=850000&theme=dark&accent=6366f1

Parameter	Widget	Description	Example
`?zip`	SimpleAdvancedWide	Pre-fill ZIP code; triggers auto-lookup on load	`?zip=94025`
`?state`	SimpleAdvancedWide	Pre-fill state (used if no ZIP or ZIP lookup fails)	`?state=CA`
`?price`	SimpleAdvancedWide	Pre-fill home price in dollars	`?price=500000`
`?rate`	SimpleAdvancedWide	Pre-fill interest rate as a percentage	`?rate=6.75`
`?down`	SimpleAdvancedWide	Pre-fill down payment as a percentage of price	`?down=20`
`?term`	AdvancedWide	Loan term in years (10, 15, 20, or 30)	`?term=30`
`?hoa`	AdvancedWide	Monthly HOA fee in dollars	`?hoa=250`
`?income`	SimpleAdvancedWide	Gross annual income for affordability and tax benefit	`?income=120000`
`?filing`	SimpleAdvancedWide	Filing status: single \| mfj \| mfs \| hoh	`?filing=mfj`
`?theme`	SimpleAdvancedWide	Color theme: light (default) or dark	`?theme=dark`
`?accent`	SimpleAdvancedWide	Accent color as a hex code (no # needed); default emerald green	`?accent=6366f1`
`?hide-branding`	SimpleAdvancedWide	Set to true to suppress the footer branding.	`?hide-branding=true`
`?re`	Rent vs Buy	Pre-fill monthly rent ($)	`?re=2000`
`?rg`	Rent vs Buy	Annual rent growth rate (%); default 3.5	`?rg=3.5`
`?appr`	Rent vs Buy	Annual home appreciation rate (%); default 4.0	`?appr=4.0`
`?inv`	Rent vs Buy	Annual investment return if down payment invested (%); default 7.0	`?inv=7.0`
`?tab`	Rent vs Buy	Starting view: summary (default) \| chart \| table	`?tab=chart`

Good to Know

Totally Free

No account, no API key, no usage limits for the standard embed. Just paste and go.

Responsive sizing

Simple and Advanced work at 320–800 px. Wide scales from 320 px to full desktop width — perfect for a dedicated calculator page.

Always fresh data

Tax rates updated annually and ZIP-level data updated quarterly — your embed always uses current figures.

Need White-Label Branding or Custom Features?

We offer custom integrations — your logo, custom color themes, pre-configured inputs for your market, and analytics on embed traffic.

Want to know more about who built this? Learn more about True Cost →