How to add a product demo to your website

A demo buried three clicks deep, behind a form, below the fold, might as well not exist. Adding a demo to your site is less about the embed code and more about two decisions: where it goes and whether you make people earn it.

Where the demo goes

Placement is the biggest lever. In Navattic's benchmark data, demos placed above the fold saw 3.5 times the engagement of ones buried lower. Put it on the homepage hero, the pricing page (where intent is highest), and the relevant feature pages. A See it live button next to your Book a demo button captures the people who want to look before they talk.

Gated or ungated

Resist the form. Navattic found that around 70% of the top-performing demos were ungated, and ungated demos drew about 10% more engagement than gated ones. A form in front of the demo trades a big drop in engagement for a few email addresses you could capture inside the demo instead. Let people see the product, then ask.

Recorded tour or live demo

Both belong on a site, for different visitors. A recorded interactive tour loads instantly and suits a casual browser. A live demo answers questions and adapts, which suits a buyer who is closer to deciding. The clean setup is a tour for browsing and a live demo for going deeper. We break down the difference in interactive demo vs live AI demo.

How to embed it

Mechanically it is simple. A live demo is usually a link you put behind a button, so it opens in the browser when clicked. A recorded tour is an embed or a link. Either way it is a few minutes of work, which is why placement and gating deserve more of your attention than the code.

What to measure

Track how many visitors start the demo, how far they get, and how many turn into a real conversation. Those tell you whether the placement is working and whether the demo itself is landing, which is more useful than raw pageviews.

Common mistakes

• Burying the demo below the fold or deep in the nav.
• Gating it behind a form before anyone has seen value.
• One generic tour that ignores why each visitor came.
• Recorded-only, so a curious buyer with a question has nowhere to go.

Avoid those four and a demo on your site does real work. If you want the live option, Ushered runs a voice-led demo behind a single link or button, no login for the visitor.