Demo page
Empower your teams to share and deliver top-performing demos with confidence. In order to do that, you’ll have to first create and organize your best demos so that your team knows what to look for. Follow the below steps to prepare the demos in your workspace:
1

Create a demo

Click + Create demo on the Product demos page.Enter the URL of the app that you’d like to demo - you’ll be taking captures of it next.Enable Copilot to have your demo be generated from the captures that you take.Create demo
2

Take captures

Your app will open in a new tab. Click through your key pages of your app to take captures. Captures are interactive copies of your application.Learn more about Captures.Capture app
We recommend taking 10-15 captures for your first demo. Focus on showing off key aha-moments of your app.
3

Generate a demo

Click the Finish button on the floating Capture bar when you are done taking 10-15 captures.If you selected Copilot, your demo will be automatically generated from your captures. Copilot generatingOnce your demo is generated, you can click through the steps to preview it - it’s ready for review!
4

Make edits

Click on the Edit button in the top right corner to make any adjustments to the demo.Clicking on Edit will take you to the Build tab. Click on any of the generated flows to open the Flow builder and make copy or style changes to the demo. Learn more about building flows.Create demo
5

Publish your demo

After you’re done making edits, click the Publish button in the top right corner to publish your changes. Click publish anytime that you want your changes to be live on the public version.Publish button
Congratulations — you’ve finished building your first product demo and it’s ready to share! Follow the steps below to learn how and where to use your new demo.

Next steps

Sharing your demo

Use cases can help you decide when and where to share a demo in your customer journey. Reviewing common patterns can make it easier to tailor your approach for different teams or workflows. Embedding demos makes it easy for visitors to interact with your product directly on your marketing website. Follow the steps below to add a demo onto your website.

Building advanced demos

Take your demos to the next level by building purpose-built demos for each use case.