Help & How-To

What is DemoWizard.io?

DemoWizard.io is an AI-powered tool that automatically creates professional video demos of your web applications.

Simply describe what you want to demonstrate, and DemoWizard.io will:

  1. Generate a plan - AI creates step-by-step actions to demonstrate your app
  2. Execute the demo - A browser automatically performs the actions while recording
  3. Create narration - Professional voiceover is generated to explain each step
  4. Render the video - Final MP4 video is produced, ready for sharing
Best Practices
Credential Usage
  • Use demo accounts with limited permissions
  • Never use production credentials with sensitive data
  • Credentials are stored in-memory only and auto-expire
  • Create test accounts specifically for demo generation
Plan Approval
  • Always review the generated plan before approving
  • Plans show each step the browser will take
  • You can edit the plan JSON if needed
  • Reject and regenerate if the plan doesn't match your intent
Watermark Behavior
  • Free tier: Videos include an animated watermark
  • Pro tier: No watermark on exports
  • Watermark is applied during final rendering
  • Upgrade anytime from the Subscription page
Improving Results
  • Be specific about what to click and where to navigate
  • Mention visible text on buttons/links when possible
  • Specify approximate video duration
  • Include the goal/outcome you want to demonstrate
Prompt Library

Use these proven prompts as starting points for your demo videos. Click "Copy" to copy to clipboard or "Use This" to start a new run with this prompt.

Sales Demo Marketing

Create a compelling sales demonstration for first-time visitors.

Create a 90-second sales demo for first-time visitors. Show login, dashboard overview, uploading a file, viewing findings, and exporting results. Keep narration benefit-focused and concise. [After the AI generates your plan, review each step carefully and adjust button text, selectors, and navigation paths to match your specific site. The more precise your plan, the better your video will be.]
Use This
Onboarding Tutorial Training

A comprehensive walkthrough for new users getting started.

Create a 2-minute onboarding walkthrough for new users. Show how to start a new project, create a demo run, approve the plan, and view the final video. Explain what each step accomplishes and common mistakes to avoid. [After the AI generates your plan, review each step carefully and adjust button text, selectors, and navigation paths to match your specific site. The more precise your plan, the better your video will be.]
Use This
Feature Highlight Marketing

Showcase a specific feature in depth.

Create a 60-second feature highlight video focusing on [FEATURE NAME]. Start by showing the problem it solves, then demonstrate the feature in action, and end with the key benefits. Use clear, professional narration. [After the AI generates your plan, review each step carefully and adjust button text, selectors, and navigation paths to match your specific site. The more precise your plan, the better your video will be.]
Use This
Quick Start Guide Training

A fast-paced introduction to get users productive quickly.

Create a 45-second quick start guide. Show the minimum steps needed to complete the most common task: login, navigate to the main feature, perform the core action, and see the result. Keep it fast-paced but clear. [After the AI generates your plan, review each step carefully and adjust button text, selectors, and navigation paths to match your specific site. The more precise your plan, the better your video will be.]
Use This
Notion Page Creation Example Site

Demo creating a page in Notion (works well with DemoWizard).

Create a 60-second demo of Notion. Navigate to the workspace, click "New page", add a title "Project Roadmap", add some bullet points, and show the page is saved. Highlight how easy it is to create organized content. [After the AI generates your plan, review each step carefully and adjust button text, selectors, and navigation paths to match your specific site. The more precise your plan, the better your video will be.]
Use This
GitHub Repository Browse Example Site

Demo browsing a GitHub repository (no login required).

Create a 45-second demo browsing a popular open source project on GitHub. Navigate to github.com/microsoft/vscode, show the README, browse to the src folder, and show a code file. Highlight the code navigation features. [After the AI generates your plan, review each step carefully and adjust button text, selectors, and navigation paths to match your specific site. The more precise your plan, the better your video will be.]
Use This
Simple Form Demo Training

Best for sites with straightforward forms and navigation.

Create a 30-second demo showing how to fill out and submit a form. Navigate to the form page, fill in the required fields with example data, click submit, and show the confirmation. Keep narration clear and professional. [After the AI generates your plan, review each step carefully and adjust button text, selectors, and navigation paths to match your specific site. The more precise your plan, the better your video will be.]
Use This
Add Your Own Prompts

Found a prompt that works great? Save it for future use by bookmarking this page with your custom prompts.

Tips for Success
What Works Best
  • Simple navigation flows - Click, type, navigate
  • Static or predictable UIs - Consistent button text/placement
  • Demo/sandbox accounts - Avoid production data
  • Public pages - No login required demos work most reliably
  • Specific prompts - "Click the blue 'Create' button" vs "create something"
What May Cause Issues
  • Aggressive bot detection - Cloudflare, reCAPTCHA
  • 2FA/MFA requirements - Email or SMS verification
  • Highly dynamic UIs - Constantly changing selectors
  • Complex multi-step forms - Many conditional fields
  • Real-time collaboration features - WebSocket-heavy apps
DemoWizard.io works well with sites like:
Site Difficulty Notes
Notion (notion.so) Easy Works well, minimal bot detection
GitHub (github.com) Easy Public repos work without login
LogAnalyzer.AI (loganalyzer.ai) Easy Clean interface, straightforward navigation
Airtable (airtable.com) Medium Use demo/sandbox bases
Trello (trello.com) Easy Simple UI, good selector stability
Figma (figma.com) Medium Public files work well
Troubleshooting Guide

Cause: The AI couldn't locate the expected button, link, or input field.
Solutions:
  • Edit the plan and update the selector text to match what's actually on the page
  • Use text-based selectors like "Log in" instead of CSS classes
  • Increase the step timeout if the page loads slowly
  • Re-run the demo - sometimes selectors heal automatically

Cause: Bot detection, incorrect credentials, or 2FA requirements.
Solutions:
  • Verify your username and password are correct
  • Use a demo/sandbox account without 2FA
  • Check your email - you may have received a verification link
  • Try a different site that's more automation-friendly
  • Wait a few minutes and try again (rate limiting may apply)

Cause: Narration generation may have failed or been skipped.
Solutions:
  • Re-run the demo - audio generation is usually reliable
  • Check that your prompt includes narration-worthy content
  • In Controlled Mode, ensure you approve the narration script

Cause: Complex flows, slow-loading pages, or too many steps.
Solutions:
  • Simplify your prompt to focus on fewer steps
  • Increase step timeouts in the plan editor
  • Use Controlled Mode to review and optimize the plan
  • Target faster-loading pages or static content

The AI generates a good starting point, but reviewing and adjusting the plan ensures the best results.

Verify Button Text and Labels
  • Check that button text matches exactly what appears on your site
  • Look for variations like "Sign In" vs "Login" vs "Sign in"
  • Update the Text hint in each step to match precisely
Check Navigation Paths
  • Verify URLs are correct for your site structure
  • Confirm navigation order makes sense (e.g., login before accessing dashboard)
  • Add intermediate navigation steps if the AI skipped any
Review Selectors
  • CSS selectors should be specific but not overly fragile
  • Prefer IDs and data attributes over complex class chains
  • Test selectors in your browser's DevTools if unsure
Add Wait Steps for Slow Content
  • Insert WaitForSelector steps after clicks that trigger loading
  • Add delays before interacting with dynamically loaded content
  • Increase timeouts for slow-loading pages
Test Complex Interactions
  • Forms with multiple fields may need individual steps
  • Dropdowns and modals often require explicit wait steps
  • File uploads need proper file paths and wait times
Pro Tip: Use Controlled Mode to review the plan before execution. This gives you a chance to fine-tune each step and catch potential issues early.
Share Your Feedback

We're actively improving DemoWizard.io based on your feedback. Let us know what's working and what could be better!

Something worked great?

Share your success story

Have a suggestion?

Help us improve

Frequently Asked Questions

Common reasons for demo failures:
  • Invalid credentials: Check username/password are correct for your demo account
  • Element not found: The AI couldn't locate a button or field. Try being more specific in your prompt.
  • Timeout: The page took too long to load or an action didn't complete
  • Navigation error: The expected page didn't appear. Check your app URL is correct.

Upgrade to Pro ($29/month) to remove watermarks from all your video exports. Visit the Subscription page to upgrade. Your existing videos will still have watermarks, but all new renders will be watermark-free.

Yes! After the AI generates a plan, you can review and edit it inline before approving. You can modify steps, add or remove actions, and adjust timing. Advanced users can also edit the raw JSON. Changes are saved when you approve the plan.

Videos are exported as MP4 files with H.264 video codec and AAC audio. This format is compatible with virtually all video players and platforms including YouTube, LinkedIn, and social media.
Need More Help?

Pro subscribers get priority support. Upgrade to Pro for faster response times and dedicated assistance.