Where should I put a product demo on my website?

In or immediately after the homepage hero, on your pricing page next to the tier comparison, and on individual feature pages. The homepage demo should be short — five to eight steps showing one outcome — because that visitor has not committed to evaluating you yet.

Should I gate my demo behind a form?

Not the first one. Gating the homepage demo blocks everyone who has not yet decided you are worth an email address. A common pattern is an ungated short demo publicly, with a longer or more advanced demo gated for people who have already shown interest.

How long should a homepage demo be?

Five to eight steps, showing a single outcome. Longer tours are appropriate on feature pages or after signup, where the visitor has already decided to invest attention. On a homepage, length is the main reason people abandon before the end.

How do I know if my demo placement is working?

Separate views from drop-off. Low views with a clean funnel is a placement problem — move it up the page. High views with a cliff at step two is a content problem, and moving it will not help. Step-level analytics is what distinguishes the two.

← Back to blog

Where to Put a Product Demo on Your Website (And Where Not To)

August 14, 2026

Teams spend a week building a demo and ten seconds deciding where to put it. Then it sits below the testimonials, and they conclude demos do not work.

Placement is not a detail. The same demo, moved up a page, routinely doubles the number of people who start it — and where a visitor is in their thinking determines what the demo should even show.

The homepage: above the fold, or immediately below it

A homepage visitor is deciding whether your product is worth understanding. Nothing answers that faster than seeing the product, and nothing answers it slower than three sections of adjectives.

The strongest pattern is a demo either in the hero itself or as the first thing after it. Not a screenshot — a screenshot proves a UI exists; a demo proves it does something.

Keep the homepage demo short. Five to eight steps, showing one outcome. This visitor has not decided to evaluate you yet, and a twenty-step tour asks for a commitment they have not made.

The pricing page: the highest-intent placement you have

Someone on your pricing page is close. They are trying to work out whether the tier they can afford does what they need, and that is a question a feature list answers badly.

A demo of the specific capability that separates two tiers does more to resolve it than any copy. It also removes a common reason people book a call they did not want — half of "can I get a demo?" requests on a pricing page are really "does the $29 plan do the thing?".

The pages people forget

Feature pages. One demo per feature, showing exactly that feature. These rank well and convert well because the intent is unusually specific.
The post-signup empty state. A new account with no data is the highest-churn screen in your product. A demo of what it looks like full is worth more here than a tooltip tour.
Help documentation. A demo beats a numbered list of screenshots, and it stops going stale silently.
Careers pages. Candidates want to see what they would be working on. Almost nobody does this, which is exactly why it stands out.

Where a demo does not belong

Behind a form, on the homepage. Gating the first look means you gate everyone who has not decided you are worth an email address yet. Gate a deeper demo, not the first one.
Below the fold on a long landing page. If it is at the bottom, only people already convinced will see it, and they did not need it.
Behind an autoplay video the visitor has to dismiss. Two things competing for the same attention means neither wins.
In a modal that opens on load. The instinct is to make people see it. The result is a reflex click on the X.

Measure the drop-off, not the views

View count tells you placement is working. Step-level drop-off tells you the demo is working, and they are different problems with different fixes.

A demo with high views and a cliff at step two has a content problem — the first step is not earning the second. A demo with a clean funnel and few views has a placement problem, and the fix is moving it up the page, not rebuilding it.

Frequently asked questions

Where should I put a product demo on my website?: In or immediately after the homepage hero, on your pricing page next to the tier comparison, and on individual feature pages. The homepage demo should be short — five to eight steps showing one outcome — because that visitor has not committed to evaluating you yet.
Should I gate my demo behind a form?: Not the first one. Gating the homepage demo blocks everyone who has not yet decided you are worth an email address. A common pattern is an ungated short demo publicly, with a longer or more advanced demo gated for people who have already shown interest.
How long should a homepage demo be?: Five to eight steps, showing a single outcome. Longer tours are appropriate on feature pages or after signup, where the visitor has already decided to invest attention. On a homepage, length is the main reason people abandon before the end.
How do I know if my demo placement is working?: Separate views from drop-off. Low views with a clean funnel is a placement problem — move it up the page. High views with a cliff at step two is a content problem, and moving it will not help. Step-level analytics is what distinguishes the two.

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 →