Trigger Interactive Demos Inside Your App
Learn how to trigger contextual interactive demos within your product to guide users through features and workflows at the right moment.
What
In-app demos are contextual walkthroughs triggered inside your product to guide users through features, onboarding flows, or new releases.
Who
Product teams, growth teams, and customer success managers focused on user activation and feature adoption.
Why
In-app demos meet users where they are, reducing friction and support tickets while driving feature discovery and activation at critical moments.
Intro to Demo Hubs
Demo Hub is an embedded widget that gives users searchable, on-demand access to your Supademos right inside your application. Unlike product tours that interrupt workflows, Demo Hub lets users choose when and what to learn.
Tips
- Limit categories to 5–7 for easy navigation
- Structure categories by user journey stage
Common Pitfalls
- Creating too many categories overwhelms users
- Forgetting to update demos after product changes
Recommendations
- Highlight a 'Start Here' demo at the top of your hub
- Use the SDK's open() method to trigger the hub contextually
Tips, Tricks, and Recommendations
Trigger demos contextually based on user actions rather than showing everything at once. Keep individual demos focused on a single workflow, and use analytics to identify which demos drive the most activation.
Tips
- Trigger demos based on user behavior, not just page loads
- Keep each demo focused on one workflow or feature
Common Pitfalls
- Overwhelming users with too many demos at once
- Not updating in-app demos when the product UI changes
Recommendations
- Start with your highest-friction onboarding steps
- Schedule quarterly reviews to keep demos current