> For the complete documentation index, see [llms.txt](https://docs.navless.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.navless.ai/building-interactive-demos.md). # Building Interactive Demos - [Interactive Tours](https://docs.navless.ai/building-interactive-demos/interactive-tours.md): Learn how to use interactive tools, timed tools, and zoom in the Tourial builder. - [Record](https://docs.navless.ai/building-interactive-demos/interactive-tours/record.md): How to upload your ScreenShots/Media into your Tour(s) - [Chrome Extension](https://docs.navless.ai/building-interactive-demos/interactive-tours/record/chrome-extension.md): The Tourial Chrome Extension helps you take high-quality screenshots and video recordings, or capture your product's HTML, then create a tour or add to an existing one. - [Downloading the Chrome Extension](https://docs.navless.ai/building-interactive-demos/interactive-tours/record/chrome-extension/downloading-the-chrome-extension.md): Capture your media - [Troubleshooting](https://docs.navless.ai/building-interactive-demos/interactive-tours/record/chrome-extension/troubleshooting.md) - [Full page screenshot not working](https://docs.navless.ai/building-interactive-demos/interactive-tours/record/chrome-extension/troubleshooting/full-page-screenshot-not-working.md) - [Importing Media](https://docs.navless.ai/building-interactive-demos/interactive-tours/record/importing-media.md): When building media tours, you can upload media from your computer or pull entire screens from different tours. - [Edit](https://docs.navless.ai/building-interactive-demos/interactive-tours/edit.md): Editing Tour Best Practices - [Interactive Tools](https://docs.navless.ai/building-interactive-demos/interactive-tours/edit/interactive-tools.md): Interactive Tools (modals, tooltips, clickzones, hotspots) are different ways that users will navigate & interact with your tours - [Advanced Features](https://docs.navless.ai/building-interactive-demos/interactive-tours/edit/interactive-tools/advanced-features.md): Zoom effects, Hovers & Interactions - [Timed Tools](https://docs.navless.ai/building-interactive-demos/interactive-tours/edit/timed-tools.md): This guide walks through Tourial's Timed Tools which allow you to automate portions of your interactive tours. - [Video Trimming](https://docs.navless.ai/building-interactive-demos/interactive-tours/edit/video-trimming.md): Trimming the Videos in your Tours - [Branding](https://docs.navless.ai/building-interactive-demos/interactive-tours/branding.md): In a few clicks, you can add branded color palettes and styling for your Tour Components. Once you've added it, you can apply those changes across all or multiple Tours — easy! - [Mobile-Optimization](https://docs.navless.ai/building-interactive-demos/interactive-tours/mobile-optimization.md): This article walks you through how to optimize your interactive tours for mobile to ensure flawless experiences across the board. - [HTML Demos (Experimental)](https://docs.navless.ai/building-interactive-demos/interactive-tours/html-demos-experimental.md): Learn how to edit a tour that was created using the HTML Capture in the Tourial Chrome Extension. HTML Tours are an experimental feature and at this point in time, your experience may vary. - [Chrome Extension (Capture)](https://docs.navless.ai/building-interactive-demos/interactive-tours/html-demos-experimental/chrome-extension-capture.md): Please note that HTML Product Capture is an experimental feature and results will vary from application to application. - [Building & Editing](https://docs.navless.ai/building-interactive-demos/interactive-tours/html-demos-experimental/building-and-editing.md): Please note that the HTML Tour Builder is an experimental feature and results will vary from application to application. - [Planning Tours with AI](https://docs.navless.ai/building-interactive-demos/interactive-tours/planning-tours-with-ai.md): This article gives an overview of Tourial's AI Tour Planner which will generate effective, revenue-driving marketing plans to fuel your GTM Calendar - [Building Tours with AI](https://docs.navless.ai/building-interactive-demos/interactive-tours/building-tours-with-ai.md): This article gives an overview of Tourial's AI Tour Planner which will generate effective, revenue-driving content storyboards for Micro Tours - [Best Practices & Launching](https://docs.navless.ai/building-interactive-demos/best-practices-and-launching.md) - [Tour Building Best Practices](https://docs.navless.ai/building-interactive-demos/best-practices-and-launching/tour-building-best-practices.md): Welcome to the Best Practices guide for building interactive demos with Tourial! Whether this is your first time building or you've built a ton of these before, keep these in mind. - [Before you Launch Check-List](https://docs.navless.ai/building-interactive-demos/best-practices-and-launching/before-you-launch-check-list.md): Before you launch your new tour, take a moment to run through this essential checklist. Ensuring everything is set up properly will help maximize the impact of your marketing and sales efforts. - [Tour Centers](https://docs.navless.ai/building-interactive-demos/tour-centers.md): Give your prospects the right content, faster. - [Interactive Topics](https://docs.navless.ai/building-interactive-demos/tour-centers/interactive-topics.md): Prompt your buyers into the content experience of their choice - [Editing Styles](https://docs.navless.ai/building-interactive-demos/tour-centers/editing-styles.md): Style your Tour Center to your brand! - [Navigation & Format](https://docs.navless.ai/building-interactive-demos/tour-centers/navigation-and-format.md): Optimizing your Tour Center with optional selections - [Supported Content in Tour Centers](https://docs.navless.ai/building-interactive-demos/tour-centers/supported-content-in-tour-centers.md) - [Adding Google Slides to your Tour Center](https://docs.navless.ai/building-interactive-demos/tour-centers/supported-content-in-tour-centers/adding-google-slides-to-your-tour-center.md) - [Upfront Prompts](https://docs.navless.ai/building-interactive-demos/tour-centers/upfront-prompts.md) - [Mobile Optimization](https://docs.navless.ai/building-interactive-demos/tour-centers/mobile-optimization.md): Optimize your Tour Center for mobile devices --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.navless.ai/building-interactive-demos.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.