> Turn website visitors into leads with an interactive product tour on your homepage or pricing page.

Canonical: https://livedemo.ai/docs/use-cases/website-product-tour/

# Website product tour

Let visitors try your product before they talk to sales.

## Recipe

1. **Capture** the 5–8 screens that show your main value. Use an [HTML demo](https://livedemo.ai/docs/capture-a-livedemo/html-demos/) so it looks sharp at any size.
2. **Edit**:
   - Start with a [popup](https://livedemo.ai/docs/edit-a-livedemo/popup/) that says what the viewer will see in one line.
   - Add [hotspots](https://livedemo.ai/docs/edit-a-livedemo/pointer-and-hotspot-steps/) on the 3–5 key clicks.
   - Match your brand with [Theme](https://livedemo.ai/docs/edit-a-livedemo/theme/) and [Background](https://livedemo.ai/docs/edit-a-livedemo/background/).
3. **Capture leads**: add a [lead form](https://livedemo.ai/docs/edit-a-livedemo/lead-forms/) halfway or before the final step.
4. **End with a call to action**: a popup with "Start free trial" and "Book a demo" [buttons](https://livedemo.ai/docs/edit-a-livedemo/popup-buttons-and-effects/).
5. **Embed** it on your homepage, product pages or pricing page. See [Embed on website](https://livedemo.ai/docs/share/embed-on-website/) or your platform's guide, such as [Webflow](https://livedemo.ai/docs/share/embed-in-webflow/).
6. **Measure** completion and drop-off in [Sessions](https://livedemo.ai/docs/analytics/sessions/).

## Tips

- Keep it under 10 steps. Show the "aha" moment, not every feature.
- [Exclude your team's IPs](https://livedemo.ai/docs/analytics/exclude-internal-traffic/) before launch.
- Want visitors to ask questions too? Add an [AI Demo Agent](https://livedemo.ai/docs/ai-demo-agent/create-an-ai-demo-agent/) that opens the right demo for each question.

---

Next: [Sales outreach](https://livedemo.ai/docs/use-cases/sales-outreach/)