How to Add an Interactive Demo to Wix
August 19, 2026
Wix supports embeds through a dedicated HTML element, and getting a demo in takes a couple of minutes.
What causes trouble afterwards is that Wix places elements at fixed positions and sizes rather than in a flowing layout, so an embed does not resize the way it would elsewhere.
Adding the embed
Add an element, choose Embed Code, and pick the option for embedding HTML or an iframe. Paste the embed code from your demo tool and apply.
Wix wraps your markup in its own iframe, so what you end up with is an iframe inside an iframe. It works, and it is worth knowing when something behaves oddly.
Sizing is manual, and that is the whole difficulty
- Drag the element to the demo's aspect ratio. Wix will not do this for you, and a mismatch shows as letterboxing or a scrollbar.
- Set the inner iframe to `width: 100%; height: 100%` so it fills whatever box you drew.
- Check the mobile editor separately. Wix keeps a distinct mobile layout, and an element resized on desktop is often untouched there.
The scrollbar problem
If a scrollbar appears inside the embed, the container is slightly shorter than the content. Add a small amount of height to the Wix element rather than trying to fix it in the markup, since the outer wrapper is the one clipping.
This is the single most common Wix embed complaint and it is almost always this.
Link out when the layout fights you
On a dense Wix page, an embed can be more trouble than it is worth. A prominent button linking to the hosted demo keeps the page simple and still gets people to the demo.
This is a reasonable choice rather than a defeat -- what matters is that people watch it, not where it is framed.
Frequently asked questions
- Can you embed an interactive demo in Wix?
- Yes, using the Embed Code element with the HTML or iframe option. Wix wraps your markup in its own iframe, so you end up with a nested iframe, which works but explains some odd behaviour.
- Why is there a scrollbar inside my Wix embed?
- The Wix element is slightly shorter than the embedded content, so the outer wrapper clips it. Increase the height of the Wix element rather than adjusting the markup inside.
- Do I have to resize the embed for mobile on Wix separately?
- Yes. Wix maintains a separate mobile layout, and an element you resized on desktop is often untouched there. Check and adjust it in the mobile editor.
Keep reading
This is what Demorta does
Click through it — the same kind of demo you can record of your own product.
Try it on your own product
Record your first interactive demo free.
Five demos on the free plan, forever. No credit card, no trial countdown, no sales call. Install the Chrome extension, click through your product once, and you have a shareable link in about ten minutes.
Start free →