Phone-first
Large touch targets, inputs that don't zoom iOS, and results that fit a phone screen without sideways scrolling.
The most-visited page on your site is a listing. A calculator for real estate listing pages pre-filled with that home's price, taxes and HOA answers the buyer's first question right where they ask it, and offers to send them the breakdown. That's the moment buyers who would never click 'Schedule a showing' leave their details.
Because the visitor's real question on a listing is 'can I afford this one?', and a contact form doesn't answer it. A pre-filled payment calculator does, privately and instantly. Asking for an email to send the breakdown is a smaller step than requesting a showing, so more visitors take it.
Same listing, same photos. One change under the price.
Most listing traffic is mobile, after hours, and from people who aren't ready to talk yet.
Large touch targets, inputs that don't zoom iOS, and results that fit a phone screen without sideways scrolling.
12 themes in light and dark, plus your colors, font and corner radius.
Inline embeds render in an isolated shadow DOM, so your site's CSS and the calculator's never clash.
Visitors switch languages, or you lock one per page.
The script loads asynchronously, so listing photos come first.
Start with payment. Add a second tab for the listing's story: a seller credit, an FHA-friendly price or a rental unit.
On a single-property website, each listing gets its own calculator configuration with that home's numbers. On an IDX site, check whether your provider allows custom HTML or an iframe on property detail pages. Many do, some only in certain templates, and a few not at all.
Where your IDX template can't take an embed, use a direct link instead: a 'Calculate your payment' button that opens the calculator with the list price in the URL.
A generic default makes the first payment meaningless. Per-listing defaults take a minute and make the calculator feel like it was built for that home.
If your IDX provider lets you add custom HTML, a script or an iframe to property detail pages, yes. Support varies by provider and template, so check your settings or ask their support. Where embeds aren't allowed, use a direct link button instead. See embed anywhere.
Yes. Create a calculator configuration per listing with its price, taxes, HOA and insurance, or set the defaults when you copy the embed code. Single-property sites usually get one configuration each.
The loader is small and asynchronous, and the calculator renders after your page content, so photos and text load first. Use one widget rather than several separate embeds on the same page.
Yes, but a tabs widget is tidier: payment, closing costs and DTI in one block with one lead form.
The visitor's contact details and consent, every input and result, the listing page URL and the campaign that brought them. You know which home they were on and what payment they tested.
Keep both. The showing form serves buyers ready to tour. The calculator captures the much larger group who aren't ready yet, which is where most listing traffic is.
Leads go to your account and, on Team and Brokerage, to a webhook. Give each listing's calculator its own webhook, or use your CRM's assignment rules, to route leads to the right agent.
Yes, as long as it's clearly an estimate. Every calculator includes a disclaimer. Avoid copy like 'you qualify' near it, and keep fair-housing-safe language in the listing itself.
No. The calculator isn't tied to any lender. If you co-market with a lender, check RESPA rules with your broker before sharing costs or leads.
Free on the Agent plan. Pick the mortgage calculator, set the list price, paste the snippet.
No card needed on the Agent plan · 14-day free trial on Team and Brokerage