> ## Documentation Index
> Fetch the complete documentation index at: https://docs.navattic.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Build your first demo
> Learn how to build your first demo with Navattic.
Empower your teams to share and deliver top-performing demos with confidence. To do that, first create and organize your best demos so that your team knows what to look for. Follow the steps below to prepare the demos in your workspace:
Click `+ Create demo` on the [Product demos page](https://app.navattic.com/w/product-demos).
Enter the **URL** of the app that you'd like to demo - you'll be taking captures of it next.
Enable [**Copilot**](/copilot/generate) to have your demo be generated from the captures that you take.
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](/build/captures/web).
We recommend taking **10-15 captures** for your first demo. Focus on showing off key aha-moments of your app.
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.
Once your demo is generated, you can click through the steps to preview it - it's ready for review!
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](/build/flows).
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.
**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.
Tips and best practices for sharing demos.
Embed your demo on your marketing website or product.
### Building advanced demos
Take your demos to the next level by building purpose-built demos for each use case.
Make demos personalized by adding user and account variables
Showcase your mobile app in a demo.
Support multiple languages in your demos.
Unlock a powerful insight - what features prospects are interested in seeing.
Use your demos offline at tradeshows and conferences.
Create demos with synchronized audio narration using Copilot.
Create a lightweight sandbox your sales team can use live on calls.
This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.