Start free
Help center

Add a calculator to Wix

To add a calculator to Wix, use the Embed HTML (custom code) element and paste your snippet. Wix places custom HTML in its own frame, so give the element enough height, or use the auto-resizing iframe snippet. For a lighter option, add a button linking 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

  • Visitors can't run numbers on your Wix site
  • Contact form only
  • No buyer context

After: After

  • A calculator inside your Wix page
  • Leads with inputs and results
  • Matched to your brand colors
  1. Copy the iframe snippetThe auto-resizing iframe works best inside Wix's HTML element.
  2. Add Embed HTMLIn the editor, add an Embed Code or Embed HTML element.
  3. Paste and sizePaste the code and drag the element tall enough, around 800px on desktop.
  4. Publish and testPublish, then submit a test lead on the live site.
Lot 02

Tips that save time

  • Check mobile view in the Wix editor and adjust the element's height there too.
  • Use a popup button if space is tight.
  • Keep one calculator per page section.
  • Test on a phone after publishing.
Questions by topic

Questions agents ask

Why is the calculator cut off?

Wix HTML elements have a fixed height. Make the element taller, or use the popup button mode.

Does it work with Wix Studio?

Yes, through the same embed element.

Can I use a floating widget on Wix?

Wix's custom code settings can add site-wide code on supported plans. Otherwise, use a button or inline embed.

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