> For the complete documentation index, see [llms.txt](https://docs.supademo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.supademo.com/customize.md).

# Customize

- [Manage Content & Layout](https://docs.supademo.com/customize/manage-content-and-layout.md): Manage the structure and layout of your Supademos. Add, replace, or duplicate steps, collaborate through comments, adjust backgrounds, and keep media consistent with aspect ratio and fit tools.
- [Add, Replace, Duplicate or Delete Steps](https://docs.supademo.com/customize/manage-content-and-layout/add-replace-duplicate-or-delete-steps.md): Supademo gives you flexible ways to manage your demos. You can add steps, replace or duplicate existing ones, and remove those you don’t need — all while keeping your demo polished and accurate.
- [Internal & External Comments](https://docs.supademo.com/customize/manage-content-and-layout/internal-and-external-comments.md): Collaborate internally with your team or externally with viewers — all directly within Supademo.
- [Video Editor](https://docs.supademo.com/customize/manage-content-and-layout/video-editor.md): Split, trim, adjust speed, and make segment-specific edits — all with a redesigned timeline that gives you precise control over your video recordings.
- [AI Audit](https://docs.supademo.com/customize/manage-content-and-layout/ai-audit.md): Run an AI-powered audit on your demos to get data-driven insights and actionable recommendations that boost conversion rates — then implement changes with one click.
- [Crop Media](https://docs.supademo.com/customize/manage-content-and-layout/crop-media.md): Crop, resize, and adjust media fit for your demo steps — all from a single modal with options for bulk editing and alignment.
- [Hotspot](https://docs.supademo.com/customize/hotspot.md): Make your demos more intuitive and engaging with interactive hotspots.
- [HTML-Based Hotspots](https://docs.supademo.com/customize/hotspot/html-based-hotspots.md): Make your HTML-based demos come alive with precise, dynamic hotspots.
- [Invisible Hotspots](https://docs.supademo.com/customize/hotspot/invisible-hotspots.md): Add invisible hotspots to your HTML-based Sandbox Supademos to create a true sandbox-like experience.
- [Hotspot & Chapter Animations](https://docs.supademo.com/customize/hotspot/hotspot-and-chapter-animations.md): Make your Supademos more interactive and visually engaging with customizable hotspot and Chapter button animations.
- [Interactive Video Hotspots](https://docs.supademo.com/customize/hotspot/interactive-video-hotspots.md): Add timeline-based hotspots to video steps for enhanced interactivity — guide viewers, highlight key moments, and make your video demos more engaging.
- [Edit HTML](https://docs.supademo.com/customize/edit-html.md): Easily edit and personalize HTML-based Supademos — no code required.
- [Find & Replace: Text, Emails, & Dates](https://docs.supademo.com/customize/edit-html/find-and-replace-text-emails-and-dates.md)
- [Typewriter and Input Rules](https://docs.supademo.com/customize/edit-html/typewriter-and-input-rules.md): Make your demos more engaging and interactive with animated text input. These features let you simulate realistic typing and create interactive moments where viewers must participate.
- [AI Data Editing](https://docs.supademo.com/customize/edit-html/ai-data-editing.md): Edit captured HTML demo data with AI: describe changes in plain English, preview the edits, and accept or reject them in the Supademo HTML editor.
- [Blur & Annotate](https://docs.supademo.com/customize/blur-and-annotate.md): Blur sensitive data and annotate steps in a Supademo demo with one-click blur, redaction boxes, and callout annotations before sharing.
- [Voiceover 2.0](https://docs.supademo.com/customize/voiceover-2.0.md): Supademo's Voiceover 2.0 page has moved. AI voiceovers, voice cloning, recording, uploads, captions, and pronunciation are now documented under Voiceovers.
- [Voiceovers](https://docs.supademo.com/customize/voiceovers.md): Supademo voiceovers add narration to any demo using 148 AI voices, a clone of your voice, an in-app recording, or uploaded audio, per step or across all steps.
- [Instant AI Voiceover](https://docs.supademo.com/customize/voiceovers/instant-ai-voiceover.md): Supademo AI voiceovers generate lifelike narration from your demo text in seconds, with 148 voices by region and locale, expressive mode, and speed controls.
- [Instant AI Voice Clone](https://docs.supademo.com/customize/voiceovers/instant-ai-voice-clone.md): Supademo voice cloning turns a 60-second sample of your voice into an AI voice that narrates any demo, kept personal or shared across your whole workspace.
- [Record Voiceover](https://docs.supademo.com/customize/voiceovers/record-voiceover.md): Record your own Supademo voiceover with the built-in recorder to narrate any step in your own voice, on selected steps only or mixed with AI narration.
- [Upload Voiceover](https://docs.supademo.com/customize/voiceovers/upload-voiceover.md): Upload your own audio to a Supademo to narrate any step with pre-recorded MP3, MP4, or WAV files, on a per-step basis, mixed with AI or recorded narration.
- [Animation](https://docs.supademo.com/customize/animation.md): Control motion in a Supademo demo: zoom and pan effects, autoplay and loop settings, and showcase autoplay, configured per step or per demo.
- [Zoom & Pan](https://docs.supademo.com/customize/animation/zoom-and-pan.md): Narrow your viewers' focus with zoom and pan.
- [Autoplay & Loop](https://docs.supademo.com/customize/animation/autoplay-and-loop.md)
- [Showcase Autoplay](https://docs.supademo.com/customize/animation/showcase-autoplay.md)
- [Chapters](https://docs.supademo.com/customize/chapters.md): Guide, convert, and personalize your Supademos with Chapters.
- [Call-to-Action](https://docs.supademo.com/customize/chapters/call-to-action.md): Add a call-to-action to the last step of your Supademo.
- [Password Protect](https://docs.supademo.com/customize/chapters/password-protect.md): Gate your Supademo to specific audiences by adding by locking it with a password.
- [Forms & Lead Capture](https://docs.supademo.com/customize/chapters/forms-and-lead-capture.md): Add a lead capture form to any Supademo in minutes: build up to 7 fields, gate access by business email or domain, and auto-sync responses to your CRM.
- [Conditional Branching](https://docs.supademo.com/customize/chapters/conditional-branching.md): Let your demo viewers choose their own path.
- [Embed Forms, Surveys, Calendars](https://docs.supademo.com/customize/chapters/embed-forms-surveys-calendars-1.md): Embed external forms, surveys, and calendar booking links directly into your Supademo — viewers can fill out forms and schedule meetings without ever leaving the demo.
- [Settings](https://docs.supademo.com/customize/settings.md): Demo-level settings in Supademo: playback bar, replay and fullscreen controls, background music, SEO titles, and per-demo player behavior.
- [Background Music](https://docs.supademo.com/customize/settings/background-music.md): Make your demo more engaging with background music
- [SEO and Titles](https://docs.supademo.com/customize/settings/seo-and-titles.md): You can customize the title, description, and display settings of each Supademo to control how it looks when shared or indexed by search engines. This helps your demos appear professional, searchable,
- [Consolidated Playback Bar](https://docs.supademo.com/customize/settings/consolidated-playback-bar.md): Experience a cleaner demo viewing experience with all playback controls unified in one intuitive location — just like a standard video player.
- [MCP Server](https://docs.supademo.com/customize/mcp-server.md): Give AI models and agents a secure, standardized way to edit, personalize, and   analyze your Supademo demos, showcases, and Demo Hubs using natural language.
- [Skills for Supademo MCP](https://docs.supademo.com/customize/mcp-server/skills-for-supademo-mcp.md)
- [Personalize](https://docs.supademo.com/customize/personalize.md): Personalize Supademo demos with themes, backgrounds, dynamic variables, AI text generation, and translations to match your brand and audience.
- [Supademo Theme](https://docs.supademo.com/customize/personalize/supademo-theme.md)
- [Default Intro Chapter & Hotspots](https://docs.supademo.com/customize/personalize/supademo-theme/default-intro-chapter-and-hotspots.md): Set default intro chapters and customize default hotspots at the workspace level — every new demo automatically inherits your preferred styles.
- [Showcase Theme](https://docs.supademo.com/customize/personalize/showcase-theme.md): Tailor the look, feel, and shareability of your Showcases with advanced theming and SEO customization options.
- [Backgrounds & Frames](https://docs.supademo.com/customize/personalize/backgrounds-and-frames.md): Add a polished look and feel to your Supademos with Custom Backgrounds.
- [Variables & Tokens](https://docs.supademo.com/customize/personalize/variables-and-tokens.md): Easily personalize Supademos at scale with dynamic names, companies, roles, and logos.
- [Variables in Showcases](https://docs.supademo.com/customize/personalize/variables-and-tokens/variables-in-showcases.md)
- [Variables in Embeds](https://docs.supademo.com/customize/personalize/variables-and-tokens/variables-in-embeds.md)
- [Image Variables in HTML Demos](https://docs.supademo.com/customize/personalize/variables-and-tokens/image-variables-in-html-demos.md): Easily swap logos, screenshots, and visuals to personalize demos at scale.
- [AI Text Generation](https://docs.supademo.com/customize/personalize/ai-text-generation.md): With Supademo AI, you can automatically generate text annotations for your existing Supademo - based on provided context, the flow of existing steps, and the element you clicked during your recording.
- [AI Translations Hub](https://docs.supademo.com/customize/personalize/ai-translations-hub.md): Localize a single Supademo for multiple languages
- [AI Command](https://docs.supademo.com/customize/ai-command.md): Make bulk changes to one demo or multiple demos at once — all from one place — using plain-English AI instructions.
- [Keyboard Shortcuts](https://docs.supademo.com/customize/keyboard-shortcuts.md): Supademo keyboard shortcuts for the dashboard, demo viewer, demo editor, and video editor — press Cmd+/ (Ctrl+/) anywhere to open the shortcuts panel.