Start free
Help center

Embed a calculator in any HTML page

To embed a calculator in HTML, paste one element and one script tag where you want it to appear. Any site or builder that accepts custom HTML can use it. If scripts aren't allowed, use the iframe snippet. If even that isn't allowed, link to the calculator's direct page.

  • No card needed on the Agent plan
  • 14-day free trial on Team and Brokerage
Lot 01

Step by step

About five minutes. Copy your exact snippet from your dashboard.

BeforeAfter

Before: Before

  • A static page
  • Visitors leave to calculate elsewhere
  • No leads with context

After: After

  • An isolated calculator that can't break your styles
  • Auto-resizing iframe fallback
  • Leads with every input and result
  1. Choose a modeInline, iframe, popup button, floating bubble or direct link.
  2. Copy the codeFrom your dashboard, with your embed key.
  3. Paste itIn the page's HTML where it should appear (the script can go anywhere on the page).
  4. TestLoad the page, run the calculator and submit a test lead.
Lot 02

Tips that save time

  • Place the script once per page, even with several calculators.
  • The script loads asynchronously, so it won't block your page.
  • Use the popup button mode to save space.
  • Set a Content Security Policy that allows the app origin if your site uses one.
Questions by topic

Questions agents ask

Does my site need to allow third-party scripts?

For inline embeds, yes. Otherwise use the iframe snippet, which most CSPs allow with a frame-src entry.

Can I style the calculator with my CSS?

Not from outside, by design, because isolation keeps it stable. Use the theme, colors and custom CSS settings in your dashboard.

Can I put it in an email?

No. Email clients block scripts. Use a direct link button instead.

Paste your first snippet today

Free on the Agent plan. No card.

Start free Help center

No card needed on the Agent plan · 14-day free trial on Team and Brokerage