Best Practices

learn how to create top performing interactive demos visit the customer showcase and 2025 state of the interactive product demo report to see best practices in action build demos that delight lead with your product prioritize vibrant, visual, and value adding product areas when taking captures use the capture editor to brush up text or images if needed use tooltips, beacons, and backdrops to highlight the most important elements on each step visit demos by mixpanel , edge delta , and dailypay for inspiration craft an engaging narrative top performing demos start with a hook, address customers directly, and contain 10 15 steps with 100 200 characters per step visit copywriting for more expert tips boost conversion add ctas after major product wow moments, on your final step, or throughout your demo with escape view (recommended for 10+ step demos) apply finishing touches create a theme that includes your brand colors and fonts visit demos by guru , close , and drift for design inspiration set responsive strategies to determine how demos appear at different resolutions (send your demo link to success\@navattic com if you’re not sure which strategy to use) add conversion points remember, the goal of your demo is to encourage visitors to take the next step, whether that is booking a sales demo, starting a free trial, upgrading an in app feature, or something else entirely on average, navattic demos convert 15 20% of engaged visitors consider including the following conversion opportunities in your demo conclude your demo with 1 2 ctas add a button to the last step your demo to direct visitors to the next step (ex "start a free trial", "book a demo", etc ) include a mid demo conversion step in addition to the last step of your demo, we found that the most cta clicks occurred on step 7 of a flow consider a dedicated conversion step right after a major reveal or “wow moment” in your demo, as shown in this top of funnel demo by guru include escape view in tooltips and modals while many demo visitors will complete your demo, a high intent or returning visitor may be ready to convert before reaching a dedicated conversion step add escape view to give visitors access the cta option at any point tip when linking to other pages, consider adding utm source=navattic to identify traffic that stems from your demo ( more info on utms )