Embedding in Wix

Standard embed

1. Open your Wix editor.
2. Click + (Add Elements) → Embed Code → Embed HTML.
3. Click Enter Code and paste the iframe code from Dashboard → Embed.
4. Resize the element to fit your page width — drag the corners.
5. Click Publish.

Floating widget

The floating widget needs to be set up via Wix's site-wide custom code (this requires a Wix Premium plan):

1. Go to Settings → Custom Code (under Advanced).
2. Click Add Custom Code.
3. Paste the floating widget code (from the floating widget guide).
4. Set placement to Body - end.
5. Apply to All pages.
6. Save.

Common Wix issues

"My iframe looks too short / has a scrollbar"

The HTML Embed element in Wix doesn't pass the auto-height script through reliably. Two options:

1. Set a generous fixed height in the iframe code (e.g. height="1200") so it doesn't clip even with results expanded.
2. Use the Wix "Custom Embed" element instead of the standard HTML Embed — it preserves scripts and supports auto-resize.

"Wix is showing the calculator with extra borders / spacing"

Wix wraps embedded HTML in its own frame. Adjust the surrounding section padding/margin in the Wix editor, not the iframe itself.

"The iframe shows but inputs don't respond"

Most often this means the Wix preview is blocking interaction. Publish your site and test on the live URL — iframes don't always behave in the editor preview.

Free plan limitation

Wix Free doesn't allow custom code injection (you can still use the basic Embed HTML element on pages, but not the site-wide floating widget). If you need the floating widget, you'll need Wix Premium.