> ## 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.

# Product updates

> New product updates and announcements

export const MediaCard = ({title = '', url, type = 'demo'}) => {
  const attributes = type === 'demo' ? {
    'data-navattic-open': url,
    'data-navattic-title': title
  } : {
    'data-video': url
  };
  return <div {...attributes} className="hidden md:inline-block w-auto cursor-pointer overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700 shadow-sm">
<div className="flex items-center gap-3 bg-white dark:bg-gray-800 px-3 py-2">
<div className={`flex h-7 w-7 items-center justify-center rounded-md ${type === 'video' ? 'bg-blue-100 dark:bg-blue-900' : 'bg-orange-100 dark:bg-orange-900'}`} style={{
    backgroundColor: type === 'video' ? 'var(--video-bg)' : 'var(--demo-bg)'
  }}>
<Icon icon={type === 'video' ? 'circle-play' : 'square-mouse-pointer'} color={type === 'video' ? 'var(--video-icon)' : 'var(--demo-icon)'} />
</div>
<div>
<div className="text-sm font-medium text-gray-900 dark:text-gray-100">
{type === 'video' ? 'Watch video' : 'Try a demo'}
</div>
<div className="text-sm text-gray-500 dark:text-gray-400">{title}</div>
</div>
</div>
<style jsx>{`
  :root {
    --video-bg: #dbeafe;
    --video-icon: #2563eb;
    --demo-bg: #ffedd5;
    --demo-icon: #ea580c;
  }
  :global(.dark) {
    --video-bg: #1e3a8a;
    --video-icon: #60a5fa;
    --demo-bg: #7c2d12;
    --demo-icon: #fb923c;
  }
`}</style>
</div>;
};

<Update label="April 2026">
  ## Navattic MCP server (Beta)

  The Navattic MCP server lets teams connect Navattic directly to AI tools like Claude, Cursor, and ChatGPT. Query demo analytics, pull workspace data, and trigger Navattic actions like create flow without leaving your LLM of choice.

  [See a demo of the MCP](https://navattic-website.navattic.com/5br0fab)

  We are looking for beta testers and feedback on new tools to add to the MCP.

  Email [team@navattic.com](mailto:team@navattic.com) to get early access.

  <Frame>
    <img alt="Video Controls" lightAlt="MCP server" darkAlt="MCP Server" src="https://mintcdn.com/navattic-app/kqynGU5qdwKNDvAJ/images/product-updates-apr-1.png?fit=max&auto=format&n=kqynGU5qdwKNDvAJ&q=85&s=205eedf3c5cb44e6ca5ee95118c6aef6" className="dark:hidden" width="2400" height="1252" data-path="images/product-updates-apr-1.png" />

    <img alt="Video Controls" lightAlt="MCP server" darkAlt="MCP Server" src="https://mintcdn.com/navattic-app/kqynGU5qdwKNDvAJ/images/product-updates-apr-1.png?fit=max&auto=format&n=kqynGU5qdwKNDvAJ&q=85&s=205eedf3c5cb44e6ca5ee95118c6aef6" className="hidden dark:block" width="2400" height="1252" data-path="images/product-updates-apr-1.png" />
  </Frame>

  ## Capture translation

  Translate an entire demo for an international campaign in a few clicks. Captures, voiceovers, and AI avatars can now be translated alongside step text, so every part of the experience speaks the viewer's language.

  Use the new Glossary to fine-tune terminology and standardize specific words and phrases across all your demos at once.\
  \
  [**See a demo of Capture translation**](https://navattic-website.navattic.com/e26b50uow)

  Capture translation is part of our Enterprise plan. Reach out to your CSM if you are interested in adding this to your workspace.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/kqynGU5qdwKNDvAJ/images/product-updates-apr-4.png?fit=max&auto=format&n=kqynGU5qdwKNDvAJ&q=85&s=02dddb3fd6a10dafe068e635463023ab" alt="Capture translation" width="2400" height="1252" data-path="images/product-updates-apr-4.png" />
  </Frame>

  ## Narrated demos

  Narrated demos let you capture your screen alongside a live voice narration, then use Copilot to generate a demo with synced audio and screen. \
  \
  Choose to display your Narrated demo with voiceovers or custom AI avatars.\
  \
  For Growth and Enterprise customers, when you go to build a new demo, you'll be prompted to create an Interactive demo, Sandbox demo, or Narrated demo.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/kqynGU5qdwKNDvAJ/images/product-updates-apr-2.png?fit=max&auto=format&n=kqynGU5qdwKNDvAJ&q=85&s=b918c5c243627529a010c503d8823542" alt="Narrated demos" width="2400" height="1252" data-path="images/product-updates-apr-2.png" />
  </Frame>

  ## Document export as PDF

  Share demos as a PDF with step screenshots and copy, or as a plain numbered text list.\
  \
  Convert your demo into a one-pager in seconds for async reviews, stakeholder sign-offs, or buyers who want something to reference later. 

  <Frame>
    <img src="https://mintcdn.com/navattic-app/kqynGU5qdwKNDvAJ/images/product-updates-apr-5.png?fit=max&auto=format&n=kqynGU5qdwKNDvAJ&q=85&s=7995ec3bbc16d65e00ae9984b02b5a0e" alt="PDF export" width="2400" height="1252" data-path="images/product-updates-apr-5.png" />
  </Frame>
</Update>

<Update label="March 2026">
  ## Video Controls in Single Step View

  Video duration settings, playback options, actions, and an advanced settings menu are now accessible directly in the single step view. This applies to both video steps (uploaded/embedded videos) and video captures.

  You can configure autoplay behavior, looping, duration limits, and post-video actions all from the same panel where you're editing the step – the full set of video controls lives right alongside your other step settings.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/vASR7KrVIHD4aoMl/images/2026-product-updates-march-1.png?fit=max&auto=format&n=vASR7KrVIHD4aoMl&q=85&s=8fc705a0d9774ab9907eaaf1ae5da63c" alt="Video Controls" lightAlt="Video Controls" darkAlt="Video Controls" width="1182" height="994" data-path="images/2026-product-updates-march-1.png" />
  </Frame>

  ## HubSpot on Sales & Pipeline Impact Dashboards

  The Sales Impact and Pipeline Impact dashboards now work with HubSpot in addition to Salesforce. HubSpot integrations can opt into a "deal mode" in their integration settings, which syncs opportunity and pipeline data through the same attribution engine that powers Salesforce analytics.

  Once enabled, your HubSpot deals flow into the same dashboards – pipeline created, deals influenced, revenue attributed to demos. If your workspace has both Salesforce and a deal-mode HubSpot connected, a CRM source dropdown appears on both dashboards so you can toggle between data sources. Your selection persists across sessions.

  Learn more about the [HubSpot Integration](/integrations/hubspot).

  <Frame>
    <img src="https://mintcdn.com/navattic-app/SFiOMM97OTCgDUoC/images/integrations-hubspot-pipeline.png?fit=max&auto=format&n=SFiOMM97OTCgDUoC&q=85&s=468b17d6b57914665067145a35a5522a" alt="HubSpot Pipeline" width="2300" height="1796" data-path="images/integrations-hubspot-pipeline.png" />
  </Frame>

  ## Workspace Knowledge for Copilot

  Copilot now draws on workspace-level knowledge to deliver more tailored suggestions across all review features – writing, CTAs, flow structure, and full demo reviews.

  A new settings panel lets you define three types of context: brand voice (tone, terminology, style guidelines), product context (what your product does, key features, differentiators), and go-to-market positioning (target audience, use cases, competitive landscape).

  An "Auto-populate with AI" button generates a starting point from your company's domain, pulling from trained data and falling back to web search for newer products. This knowledge is stored at the project level, so workspaces with multiple products can maintain separate context for each.

  Learn more about [Copilot](/copilot/generate).

  <Frame>
    <img src="https://mintcdn.com/navattic-app/vASR7KrVIHD4aoMl/images/2026-product-updates-march-2.png?fit=max&auto=format&n=vASR7KrVIHD4aoMl&q=85&s=5dee98df7ce180de6e097daaeb314076" alt="Workspace knowledge" width="1398" height="1140" data-path="images/2026-product-updates-march-2.png" />
  </Frame>
</Update>

<Update label="February 2026">
  ## Single-Step Demo View

  Introducing a **new, more intuitive demo building experience**.\
  \
  Captures, Flows, Checklists, Mobile settings, and Themes - previously spread across multiple pages - are now accessible from a single building view. 

  Use the sidebar to move between steps in different flows and keep your story consistent across the entire demo. 

  Prefer the previous layout? Toggle back to the multi-step view at any time. 

  <Frame>
    <img src="https://mintcdn.com/navattic-app/u9U6lo7_kgfyS7Kj/images/2026-product-updates-feb-1.png?fit=max&auto=format&n=u9U6lo7_kgfyS7Kj&q=85&s=402143f46325a2edc3f91aa2181ad50b" alt="Single-Step Demo" width="2288" height="1120" data-path="images/2026-product-updates-feb-1.png" />
  </Frame>

  ## Mobile Zoom

  Let mobile viewers explore your full desktop demo.\
  \
  Mobile Zoom is a new strategy in the Mobile tab that gives mobile viewers full access to your desktop demo with **pinch-to-zoom and panning.**

  Zoom in to read text, explore details, and navigate the product.

  There are now three main Mobile Strategies available: 

  * Mobile Zoom: Shows the full desktop demo with pinch-to-zoom and panning
  * Mobile Swipe Demos: Shows a swipable demo experience built for mobile
  * Mobile Alert: Shows a custom fallback message, video, or image

  <Frame>
    <img src="https://mintcdn.com/navattic-app/u9U6lo7_kgfyS7Kj/images/2026-product-updates-feb-2.png?fit=max&auto=format&n=u9U6lo7_kgfyS7Kj&q=85&s=bee064994fd10bdc38d4586a59e9f589" alt="Mobile Zoom" width="2288" height="1120" data-path="images/2026-product-updates-feb-2.png" />
  </Frame>
</Update>

<Update label="January 2026">
  ## Copilot Review

  Run demos through Review to instantly analyze your demo for structure, clarity, and engagement, and flag any issues missing, such as CTAs or unclear copy.

  Get a demo score based on our highest-performing demo benchmarks. Apply step-by-step suggestions like “improve writing in step 11” or “shorten this step for clarity” with one click.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/WshazCt8xQm-HF46/images/2025-product-updates-dec-2.png?fit=max&auto=format&n=WshazCt8xQm-HF46&q=85&s=5883505597dcdfbb29d0f32ffa1d62f3" alt="Copilot Review" width="3432" height="1680" data-path="images/2025-product-updates-dec-2.png" />
  </Frame>

  ## Highspot Integration

  If you're using Highspot, you can now embed Navattic interactive demos directly into their Digital Sales Rooms and Spots.

  Sellers can browse, select, and personalize demos without leaving Highspot, giving buyers hands-on product experiences alongside decks, case studies, and other sales content.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/Z6sobBQyf-vCoLXf/images/2026-product-updates-jan-1.png?fit=max&auto=format&n=Z6sobBQyf-vCoLXf&q=85&s=b26e809cba667e89c741bcd991854ab9" alt="Highspot Integration" width="2288" height="1120" data-path="images/2026-product-updates-jan-1.png" />
  </Frame>
</Update>

<Update label="December 2025">
  ## Copilot Generate

  Let Copilot build a first draft of your demo for you.\
  \
  Choose a relevant Use Case, and Copilot will automatically write demo copy, anchors, tooltips, and craft a compelling demo story.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/WshazCt8xQm-HF46/images/2025-product-updates-dec-3.png?fit=max&auto=format&n=WshazCt8xQm-HF46&q=85&s=3cbef9221ce5a324a9286f67684acafa" alt="Copilot Generate" width="3432" height="1680" data-path="images/2025-product-updates-dec-3.png" />
  </Frame>

  ## Copilot Brand & Tone

  Add Brand and Tone context to build all your demos with brand consistency.

  Adjust prompts to match your messaging style, so every team member can build, edit, and personalize demos with set guardrails for brand tone.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/WshazCt8xQm-HF46/images/2025-product-updates-dec-4.png?fit=max&auto=format&n=WshazCt8xQm-HF46&q=85&s=62451dd40318ad1685e74261501cc5c2" alt="Copilot Brand & Tone" width="3432" height="1680" data-path="images/2025-product-updates-dec-4.png" />
  </Frame>

  ## Copilot Prompt

  Make bulk edits or quick fixes without touching individual steps.

  Whether you need to rename steps, update CTAs, or insert new steps, Copilot Prompt understands natural language and handles the updates for you.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/WshazCt8xQm-HF46/images/2025-product-updates-dec-5.png?fit=max&auto=format&n=WshazCt8xQm-HF46&q=85&s=fccff4332be51f86a88176b58878e915" alt="Copilot Prompt" width="3432" height="1680" data-path="images/2025-product-updates-dec-5.png" />
  </Frame>
</Update>

<Update label="November 2025">
  ## Gong Integration

  Share demos directly inside Gong and track engagement alongside your call recordings.

  Create and send personalized demo links without leaving Gong. All demo engagement data syncs automatically to visitor and account records for full visibility.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/efZhAqH5GAmAfabd/images/2025-product-updates-nov-1.png?fit=max&auto=format&n=efZhAqH5GAmAfabd&q=85&s=6b88605bb5084a414d28efcf6948a3b6" alt="Gong integration" width="2288" height="1120" data-path="images/2025-product-updates-nov-1.png" />
  </Frame>

  ## Copilot: AI Theme generator

  Auto-generate demo themes based on any website.

  Provide a URL and Copilot will pull brand colors, typography, button styles, and other design tokens to generate a cohesive demo theme, ideal for account-specific personalization.

  Generate via Settings → Themes → Generate with Copilot.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/efZhAqH5GAmAfabd/images/2025-product-updates-nov-2.png?fit=max&auto=format&n=efZhAqH5GAmAfabd&q=85&s=018aa99ccd59774f4f86702672a39ae2" alt="Copilot: AI Theme generator" width="2288" height="1120" data-path="images/2025-product-updates-nov-2.png" />
  </Frame>

  ## Edit SVG charts in Capture Editor

  Edit SVG charts directly in the Capture Editor.

  Click to update values, labels, and data points in chart elements, no external tools needed.

  Perfect for customizing metrics in your demo to match specific scenarios or audiences.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/efZhAqH5GAmAfabd/images/2025-product-updates-nov-3.png?fit=max&auto=format&n=efZhAqH5GAmAfabd&q=85&s=86076ab9ec2a40e890b8808605eabf19" alt="Edit SVG charts in Capture Editor" width="2288" height="1120" data-path="images/2025-product-updates-nov-3.png" />
  </Frame>

  ## Video step engagement analytics

  Analyze where viewers engage with your video steps.

  The new playback breakdown chart shows engagement at 5-second intervals so you can identify high-attention moments and drop-off points.

  Find it under Analyze → Step Breakdown.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/efZhAqH5GAmAfabd/images/2025-product-updates-nov-4.png?fit=max&auto=format&n=efZhAqH5GAmAfabd&q=85&s=720e35039c2efef83b6d37b54c518036" alt="Video step engagement analytics" width="2288" height="1120" data-path="images/2025-product-updates-nov-4.png" />
  </Frame>

  ## Record intro videos from Launchpad

  Record personalized intro videos directly in Launchpad.

  Use the new Record Video option in your Personal Intro Video settings to capture webcam and microphone recordings on the spot.

  Add context or prospect-specific messaging or use-case explanations without needing pre-recorded files.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/efZhAqH5GAmAfabd/images/2025-product-updates-nov-5.png?fit=max&auto=format&n=efZhAqH5GAmAfabd&q=85&s=24002926336ab296b83989f08518d64c" alt="Record intro videos from Launchpad" width="2288" height="1120" data-path="images/2025-product-updates-nov-5.png" />
  </Frame>

  ## Filter audiences by email source

  Target visitors with precision using the new email source filter.

  Build audiences based on how emails were collected: form fills, CRM syncs, manual uploads, or API imports.

  Use this in Audiences → Create Audience → Email Source to tailor demo experiences or refine analytics.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/efZhAqH5GAmAfabd/images/2025-product-updates-nov-6.png?fit=max&auto=format&n=efZhAqH5GAmAfabd&q=85&s=5de2005aeabb5d299059ccfa1e61e321" alt="Filter audiences by email source" width="2288" height="1120" data-path="images/2025-product-updates-nov-6.png" />
  </Frame>

  ## Expanded AI avatar library + avatar cloning

  Choose from an expanded library of AI avatars with preview headshots and voice samples.

  Access beta features for avatar and voice cloning to match your brand tone or feature internal team members.

  Contact your account team to enable custom avatars or custom voiceovers.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/efZhAqH5GAmAfabd/images/2025-product-updates-nov-7.png?fit=max&auto=format&n=efZhAqH5GAmAfabd&q=85&s=2dd0a37035276fef1e34f436c74a6394" alt="Expanded AI avatar library + avatar cloning" width="2288" height="1120" data-path="images/2025-product-updates-nov-7.png" />
  </Frame>

  ## New in-app Sidebar

  The sidebar has been redesigned to simplify navigation and provide dedicated views for Interactive Demos, Launchpad, and more.

  To open Launchpad, click on the Launchpad icon on the far left of the sidebar.

  <MediaCard url="https://navattic-docs.navattic.com/u1m0y8h" type="demo" title="In-app sidebar" />

  <Frame>
    <img src="https://mintcdn.com/navattic-app/0s_QTzFNRYgjRmfb/images/product-updates-nov-7.png?fit=max&auto=format&n=0s_QTzFNRYgjRmfb&q=85&s=8b58e59560275ab0dd6677422fccf4f8" alt="New in-app sidebar" width="1920" height="1430" data-path="images/product-updates-nov-7.png" />
  </Frame>
</Update>

<Update label="October 2025">
  ## Analytics table view

  Evaluate all your workspace demos in one simple table view.\
  \
  Go to Analytics → Compare → All Demos, you can now view and sort all your demo visitor data at once. Track key metrics like:

  * Visitors
  * Engaged visitors
  * CTA clicks
  * Click-through rate
  * Time spent
  * Total steps 

  Export this table data to combine with your full funnel reporting. 

  <Frame>
    <img src="https://mintcdn.com/navattic-app/4iYAz4sKuG-I_MgC/images/2025-product-updates-oct-1.png?fit=max&auto=format&n=4iYAz4sKuG-I_MgC&q=85&s=50042014d604c9dfc6590a66a63af905" alt="Analytics table view" width="2288" height="1120" data-path="images/2025-product-updates-oct-1.png" />
  </Frame>

  ## Analyze all versions

  Understand holistically how your demos have performed over time. \
  \
  Under the Analyze tab → Step breakdown toggle on "Aggregate versions" to see drop-off rates across every version of your demo. 

  <Frame>
    <img src="https://mintcdn.com/navattic-app/4iYAz4sKuG-I_MgC/images/2025-product-updates-oct-2.png?fit=max&auto=format&n=4iYAz4sKuG-I_MgC&q=85&s=2fc93c27befd869d9b396d8700a6c192" alt="Analyze all versions" width="2288" height="1120" data-path="images/2025-product-updates-oct-2.png" />
  </Frame>

  ## Outreach integration

  Add demos directly into Outreach templates and sequences to scale consistent product messaging. \
  \
  With the Navattic Outreach app, sellers can share personalized interactive demos with specific recipients or add to a general outbound campaign. 

  <Frame>
    <img src="https://mintcdn.com/navattic-app/4iYAz4sKuG-I_MgC/images/2025-product-updates-oct-3.png?fit=max&auto=format&n=4iYAz4sKuG-I_MgC&q=85&s=03a388ef5a4d71f592992706b09e755e" alt="Outreach integration" width="2288" height="1120" data-path="images/2025-product-updates-oct-3.png" />
  </Frame>

  ## Outlook integration

  Inject demo previews directly into your Outlook emails. \
  \
  With the new Navattic button in the Outlook toolbar, you can insert demos in one click and auto-detect recipients for personalization variables.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/4iYAz4sKuG-I_MgC/images/2025-product-updates-oct-4.png?fit=max&auto=format&n=4iYAz4sKuG-I_MgC&q=85&s=563834d0c35e1d805c1a49b408268f12" alt="Outlook integration" width="2288" height="1120" data-path="images/2025-product-updates-oct-4.png" />
  </Frame>

  ## HubSpot account timeline events

  See timeline events in HubSpot based on accounts or deals, not just contacts.\
  \
  Configure playbooks to track and segment your accounts by company-level engagement or ICP criteria. 

  <Frame>
    <img src="https://mintcdn.com/navattic-app/4iYAz4sKuG-I_MgC/images/2025-product-updates-oct-5.png?fit=max&auto=format&n=4iYAz4sKuG-I_MgC&q=85&s=ae848be8561e9eb355612618b7ad06b5" alt="HubSpot account timeline events" width="2288" height="1120" data-path="images/2025-product-updates-oct-5.png" />
  </Frame>

  ## Last edited history

  Instantly see who’s editing what demo. On any demo, see edit history by hovering over the "Edited x days ago" label. 

  <Frame>
    <img src="https://mintcdn.com/navattic-app/4iYAz4sKuG-I_MgC/images/2025-product-updates-oct-6.png?fit=max&auto=format&n=4iYAz4sKuG-I_MgC&q=85&s=6c6c8f91be2d5ea2aace272d9b60bd2c" alt="Last edited history" width="2288" height="1120" data-path="images/2025-product-updates-oct-6.png" />
  </Frame>
</Update>

<Update label="September 2025">
  ## Video fallback on mobile

  Add a full-screen video as a fallback option for mobile users.

  In your mobile settings, upload or select a video to display when visitors view your demo on a phone. \
  \
  We automatically detect device type, so desktop users still see the full-screen interactive demo, while mobile users will see a video.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/9zq6YiZrEBFCNYdR/images/2025-product-updates-sept-1.png?fit=max&auto=format&n=9zq6YiZrEBFCNYdR&q=85&s=2bae7c2d7f3ac0a18390a5c1a410c95e" alt="Video fallback" width="2288" height="1120" data-path="images/2025-product-updates-sept-1.png" />
  </Frame>

  ## Media capture editing

  Adjust how screenshots appear inside device frames.\
  \
  In the media capture editor, select “Position” to align content to the top, center, or bottom to better fill the screen. Tooltips and annotations will also follow your selected alignment.  

  <Frame>
    <img src="https://mintcdn.com/navattic-app/9zq6YiZrEBFCNYdR/images/2025-product-updates-sept-2.png?fit=max&auto=format&n=9zq6YiZrEBFCNYdR&q=85&s=3b60c85246675da320bb5df74f59402c" alt="Media capture editing" width="2288" height="1120" data-path="images/2025-product-updates-sept-2.png" />
  </Frame>

  ## Tooltip selector preview

  Preview tooltip step placement directly when building your demo. \
  \
  When you go to add a tooltip, you’ll now see a live preview of what your tooltip looks like in your demo. The builder automatically suggests a default position, which you can adjust directly from the editor.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/9zq6YiZrEBFCNYdR/images/2025-product-update-sept-3.png?fit=max&auto=format&n=9zq6YiZrEBFCNYdR&q=85&s=5598ef3fd6062319d8a693f83fb8d81c" alt="Tooltip selector preview" width="2288" height="1120" data-path="images/2025-product-update-sept-3.png" />
  </Frame>

  ## Sandbox editing

  Create and refine demos faster from directly within Sandbox mode.\
  \
  You can now re-capture individual steps without starting over or edit, delete, and reorder steps in the Sandbox builder. 

  ## Bulk editing for product demos

  Clean up your demo workspace in a few clicks. 

  Use the bulk editor to select multiple demos to mass publish, archive, or apply boards and labels.
</Update>

<Update label="August 2025">
  ## Copilot: Generate

  Copilot: Generate is now available for all workspaces. Generate builds on top of our existing AI writing assistant to help you create end-to-end demos based on Navattic best practices.

  To use Generate, select a Use Case the next time you take new Captures. After capturing, Copilot will add copy for each step, select step types, and anchor tooltips using relevant information from your Captures.

  Copilot is built with best practices from 30,000 demos built on Navattic, so you know each demo is out-of-the-box optimized.\
  \
  [**See an interactive demo of Copilot**](https://navattic-website.navattic.com/rlfy08a5)

  We have more Copilot features coming - contact [success@navattic.com](mailto:success@navattic.com) if you have feedback or would like early access.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/uUUkIaAlqXgV3ZCJ/images/2025-product-update-Aug-1.png?fit=max&auto=format&n=uUUkIaAlqXgV3ZCJ&q=85&s=754d3811c0aa4d1f2a1542275c52a077" alt="Copilot: Generate" width="2288" height="1120" data-path="images/2025-product-update-Aug-1.png" />
  </Frame>

  ## Copilot: Use Cases

  Copilot comes with default prompts with built-in use-case-specific best practices.\
  \
  You also have the option to add on additional use case prompts or adjust prompts to match your exact brand messaging, voice, and tone.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/uUUkIaAlqXgV3ZCJ/images/2025-product-update-Aug-2.png?fit=max&auto=format&n=uUUkIaAlqXgV3ZCJ&q=85&s=5cd28435defe124b7e4b6f78d9c58dbf" alt="Copilot: Use Cases" width="2288" height="1120" data-path="images/2025-product-update-Aug-2.png" />
  </Frame>

  ## Recapture

  Simplify how you replace Captures in existing demos. Select Recapture to automatically take you back to your original product page URL at the Capture or Collection level.\
  \
  While recapturing, preview the old vs the new Capture to see how your product has changed. Recapture will also preserve anchors from the original Capture.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/uUUkIaAlqXgV3ZCJ/images/2025-product-update-Aug-3.png?fit=max&auto=format&n=uUUkIaAlqXgV3ZCJ&q=85&s=c3f3c27e4118e2b76d32b5e0be3f9bfd" alt="Recapture" width="2288" height="1120" data-path="images/2025-product-update-Aug-3.png" />
  </Frame>

  ## Animating Text with Magic Editor

  Need to simulate an AI chat or mimic typing inside your demo? With our Animating Text Magic Editor, you can now show animated text within a Capture.\
  \
  In the demo, the Capture will show the text being typed out automatically to recreate live interactions like AI chatbots.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/uUUkIaAlqXgV3ZCJ/images/2025-product-update-Aug-4.png?fit=max&auto=format&n=uUUkIaAlqXgV3ZCJ&q=85&s=4eda00ba8093a45b10c31f2d79803517" alt="Animating Text" width="2288" height="1120" data-path="images/2025-product-update-Aug-4.png" />
  </Frame>
</Update>

<Update label="July 2025">
  ## Share demos from the Launchpad Chrome Extension

  Empower reps to build and send demos directly from their existing workflow:

  * **Access a library of pre-approved demos** that reps can mix and match
  * **View prospect and account activity** directly from the Chrome Extension
  * **Create custom demos** to deliver tailored experiences for each prospect

  <Frame>
    <img src="https://mintcdn.com/navattic-app/uUUkIaAlqXgV3ZCJ/images/2025-product-updates-July-1.png?fit=max&auto=format&n=uUUkIaAlqXgV3ZCJ&q=85&s=4e12d89b6fd8e02e2d5d653a228beecd" alt="Launchpad Chrome Extension" width="2288" height="1120" data-path="images/2025-product-updates-July-1.png" />
  </Frame>

  ## See interests and new stakeholders

  Add interest levels to demos to understand buyer intent before your first call:

  * **Get alerted via Slack or email** when prospects go through your demos
  * **Track buyer interest** to inform smarter, more strategic follow-ups
  * **Uncover new members** of the buying circle when demos are shared internally

  <Frame>
    <img src="https://mintcdn.com/navattic-app/uUUkIaAlqXgV3ZCJ/images/2025-product-updates-July-2.png?fit=max&auto=format&n=uUUkIaAlqXgV3ZCJ&q=85&s=933abf5b959616238773f87943a91a77" alt="Interest Demos" width="2288" height="1120" data-path="images/2025-product-updates-July-2.png" />
  </Frame>

  ## Create and present lightweight Sandbox demos

  Quickly build Sandboxes with auto-linked screens that reps can use live on calls:

  * **Personalize demo data** to specific prospects, accounts, or verticals
  * **Present demos** in a stable, standardized environment with confidence
  * **Stay on track** with optional presenter notes or click guidance
      <Frame>
        <img src="https://mintcdn.com/navattic-app/uUUkIaAlqXgV3ZCJ/images/2025-product-updates-July-3.png?fit=max&auto=format&n=uUUkIaAlqXgV3ZCJ&q=85&s=778f25014466a90a49fd998fbdc905e0" alt="Sandbox Demos" width="2288" height="1120" data-path="images/2025-product-updates-July-3.png" />
      </Frame>
</Update>

<Update label="June 2025">
  ## A/B Tests

  Wondering which button copy drives more engagement? Or what opening message converts better? Now you can test it.

  With Navattic A/B Tests, you can experiment with:

  * Gated vs. ungated demos
  * Which use cases to include in your demos
  * CTA color, modal text, and step variations

  Run A/B tests and view performance metrics side-by-side to find what works best. See [an interactive demo](https://navattic-website.navattic.com/u41n0yvg) on how to set up an A/B Test.

  This feature is available on our Growth and Enterprise plans. Please reach out to [success@navattic.com](mailto:success@navattic.com) to get set up.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-1.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=af8a70644053bb5e6d8c8a393e826981" alt="A/B Testing" width="2288" height="1120" data-path="images/2025-product-updates-1.png" />
  </Frame>

  ## Mobile Forms

  Capture lead information from your Mobile Swipe Demos.

  For any step in your Mobile Swipe Demo, choose Form and select any existing form in your workspace.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-2.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=6dbe8c3e2d66414fd71231081655e117" alt="" width="1920" height="1080" data-path="images/2025-product-updates-2.png" />
  </Frame>

  ## Export Form Submissions

  View and export form submissions directly in our new Forms Table to see all leads that filled out that form and which demo they filled out the form on.

  If you're using Interest-Level demos, you can also quickly see each submission's level of interest.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-3.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=7890d8258ee8e7173c6f2a3e7b4480aa" alt="" width="1920" height="1080" data-path="images/2025-product-updates-3.png" />
  </Frame>

  ## AI Up-to-Date

  Keep demos current by updating dates in old captures with today's date. Use AI Detection to help easily find and mass replace old dates hiding in your captures.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-4.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=12f9ffa08ad89507f3f2cdae5c441d31" alt="" width="1920" height="1080" data-path="images/2025-product-updates-4.png" />
  </Frame>

  ## Custom Analytics Timeframes

  Compare and analyze demo performance for custom date ranges within the Analytics, Visitors, and Accounts views.

  To access custom timeframes, click the Analytics, Visitors or Accounts tab > select the timeframe in the top right corner.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-5.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=2db7430456a783ada7da17bffe9d131d" alt="" width="2288" height="1120" data-path="images/2025-product-updates-5.png" />
  </Frame>
</Update>

<Update label="May 2025">
  ## AI Voiceover

  Enhance your demos with dynamic narration through various options, including reading from the individual steps, custom text-to-speech, or uploaded audio.

  To add voiceover to specific steps in your demo, in the Flow Builder click **Add element** > **Voiceover**. From here, use the dropdown to select the option you want to use:

  1. **Read from text**: Add in custom text to read from (\_tip: use this with an \_[*Invisible step*](/flows#0KIKW))
  2. **Read from step**: Read directly from the text in the Modal or Tooltip
  3. **Upload audio**: Upload audio files from your local storage. Supported formats include MP3, M4A, WAV, and MIDI files.

  ## Version Comparison

  Track changes at a glance across your Product Demos.

  With Demo Version Comparison, easily see what’s changed between versions—whether text edits, step reordering, or updated captures—making it easier to review and approve updates.

  To view changes, you can either visit Versions or click the **Publish button** > **View changes**

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-6.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=ff51cacd67a94cb7b12b6f7bc161726a" alt="Version Comparison" width="2288" height="1120" data-path="images/2025-product-updates-6.png" />
  </Frame>

  ## Email Blacklisting

  Improve lead quality by blocking unwanted email domains from accessing your interactive demos.

  With Email Blacklisting, you can prevent Visitors with specified email domains from accessing gated demos or completing forms.

  To enable this feature, visit your Form Builder > select the **email** field > toggle on **Blacklisted Domains** > Add the domains you want to block.

  This feature is available for Growth and Enterprise workspaces.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-7.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=914683adbe2d135a57234df43949ca2e" alt="" width="2288" height="1120" data-path="images/2025-product-updates-7.png" />
  </Frame>

  ## Combined Media and Web Capture Collections

  Simplify your capture workflow with a unified Capture Collection system. All Captures, whether web-based or media uploads, now live together in a single, streamlined structure—making it easier to manage and edit your demos.

  No action required—your collections have already been updated.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-20.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=ccad5c9435f8c3860fd78ac2037a5e9e" width="300" className="rounded-lg border border-gray-100" data-path="images/2025-product-updates-20.png" />
  </Frame>
</Update>

<Update label="April 2025">
  ## HubSpot Meetings, Default, and RevenueHero Embed Step Types

  Expand your scheduling and conversion options inside demos.

  Embed HubSpot Meetings links, set a Default Scheduler, or integrate RevenueHero meeting links directly within your demos to drive faster booking.

  To add an embed, create a new **Embed Step** > Choose **HubSpot Meetings**, **Default**, or **RevenueHero** > Insert your scheduling link.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-8.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=c81496d52d0e7facfda412bd63433199" alt="HubSpot Meetings, Default, and RevenueHero Embed Step Types" width="2288" height="1120" data-path="images/2025-product-updates-8.png" />
  </Frame>

  ## Estimated Completion Time

  Set clear expectations for demo Visitors with estimated completion times.

  Automatically display how long a Flow or Checklist task will take, helping users plan and complete demos more efficiently.

  To enable estimated completion time, visit the Checklist builder > toggle on **Estimated completion time** under **Advanced**.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-9.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=12a91ec43e003b64247ee4fefe840f16" alt="" width="2288" height="1120" data-path="images/2025-product-updates-9.png" />
  </Frame>

  ## On Hover Tooltips

  Use the **On Hover Tooltip** setting to display tooltips automatically when users hover over anchor elements. This feature provides optional context while maintaining a clean and readable interface.

  Learn more about the [On Hover Tooltip Setting](/flows#mFtaZ).

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-10.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=27124b1a55f3b440b2073ce55b87d0df" alt="" width="2288" height="1120" data-path="images/2025-product-updates-10.png" />
  </Frame>
</Update>

<Update label="March 2025">
  ## Table AI

  Instantly update table values in bulk using simple AI-powered prompts.

  No more manual adjustments—describe the changes you need to make large-scale data edits. Keep your data accurate and up to date in seconds.

  To use Table AI, edit a Capture with a table > select the table element > click **Magic Editors** > **Table AI** > Write a prompt and click **Submit**.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-11.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=ede7a041aa54432b2496e511cab38ca6" alt="" width="2288" height="1120" data-path="images/2025-product-updates-11.png" />
  </Frame>

  ## Preserve Anchors when Replacing Captures

  Maintain anchor positions when replacing captures.

  Keep tooltips, beacons, and triggers precisely placed, simplifying demo updates when adding or replacing steps across your interactive demos.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-12.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=ddda0e734ab980b9bc3ddc4a184e41b6" alt="" width="2288" height="1120" data-path="images/2025-product-updates-12.png" />
  </Frame>

  ## Collection Global Edits

  Make edits once and automatically apply changes across all captures in a collection, quickly personalizing demos for different industries or personas.

  Whether updating text, images, or styling, keep demo styling and messaging consistent across all your captures.

  To apply bulk edits, open the Capture Editor > Make an edit to the Capture > Click **Save** > Select **Apply edits to collection** > **Confirm**.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-13.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=dd22e38f7e2fcd94a9f644c9563f862c" alt="" width="2288" height="1120" data-path="images/2025-product-updates-13.png" />
  </Frame>

  ## AI Writing Assistant

  Create a first draft copy for your demo steps pulled directly from your captures.

  The AI Writing Assistant is trained on our interactive demo best practices to help you write an engaging and value-driven demo.

  To use the Writing Assistant, generate a Flow from a Capture Collection > Select **Use Writing Assistant** > Click **Next** > Enter a brief summary of what you'd like the demo to focus on > **Generate Flow**.

  Writing Assistant is an early-release feature. Contact [**success@navattic.com**](mailto:success@navattic.com) to enable this in your workspace.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-14.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=65943b3e9e9e023c6434441edfda388b" alt="" width="2288" height="1120" data-path="images/2025-product-updates-14.png" />
  </Frame>

  ## Click-and-Drag Flow Reordering

  Get more flexibility with how you order flows within your demos.

  Rearrange demo flows by clicking and dragging steps directly on the Product Demo Flows page.

  Pair this with the [**Last step continue behavior**](/flows#bweW5) in the Flow Settings to automatically continue to the next Flow.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-15.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=fc693de137d0101330fa76e753b3da2a" alt="" width="2288" height="1120" data-path="images/2025-product-updates-15.png" />
  </Frame>
</Update>

<Update label="February 2025">
  ## Updated Navattic Extension

  The updated [Navattic extension](https://chromewebstore.google.com/detail/navattic/lbecioncobbndebbfdopnpinnibemoon) streamlines the capture process, allowing you to see Capture snapshots, change step types, and edit step text in real-time.

  ## Sandbox Demos

  Nav Links allows you to apply the same Trigger or Beacon to identical elements across multiple steps, saving time and simplifying the process. Teams are using Nav Links to create lightweight sandbox environments for sales teams. Learn more about [Sandbox Demos]().

  Nav Links is an add-on feature. Contact [**success@navattic.com**](mailto:success@navattic.com) to enable this in your workspace.

  ## Navattic Academy

  View our new Navattic Academy, a learning hub featuring introductory courses designed to turn you into a Navattic Power User. Each course takes 30-60 minutes and includes how-to videos, written guides, and (of course) interactive demos. You’ll learn the fundamentals of demo-building, best practices for various Navattic use cases, and how to integrate Navattic seamlessly with your tech stack.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-16.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=724e1eb815307c9701d05c5ecbe91bf1" alt="Navattic Academy" width="2872" height="1114" data-path="images/2025-product-updates-16.png" />
  </Frame>

  ## Skip Form Setting

  Add an optional setting to bypass or pre-fill a Navattic Form if a demo Visitor has already been identified.

  Learn more about [Form Settings]().

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2025-product-updates-23.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=65c6a881d0b1e7028d56c4fed7eef119" width="300" alt="Form Settings" data-path="images/2025-product-updates-23.png" />
  </Frame>
</Update>

<Update label="January 2025">
  ## Conditional Demos

  Add **Conditions** to your demo to allow Visitors to build their own demo experiences based on what matters most to them. Select from one or more interest areas to create a bespoke demo path for every Visitor. Teams can quickly convert an existing interactive demo with multiple Flows into a branching Conditional Demo using the Conditional Demos generator.

  ## Sidebar Checklist

  Using the sidebar layout, display your **Checklist** on the side of the demo to create a persistent guide for your Visitors. Also, keep your Visitors informed of other demo options or paths they can select from.

  Drive additional conversions directly from the Checklist with a CTA button in the Checklist footer.

  Learn more about [Checklists]().

  ## Generate Branded Theme

  Automatically generate a branded Theme using your website domain that matches your brand guidelines to expedite the demo creation process.

  To create a branded theme, visit **Themes** > **Generate branded theme** > Add your website > **Generate.** You can also choose between a Light or Dark mode and set this as the default Theme.

  ## Hide Internal Visitor Activity

  Use **Hidden Accounts** to exclude certain domains (including internal users) from Visitors, Accounts, and Analytics to declutter your workspace reporting.

  To set this up, visit **Settings** > **Hidden Accounts** > Add **Domains to exclude.**
</Update>

<Update label="December 2024">
  ## Video Step Type

  Create high-impact sales and marketing materials that resonate with your prospects by seamlessly combining video within interactive demos. With our new **Video Step** feature, you can easily incorporate videos into your demo experiences. Teams are leveraging this to showcase customer case studies, highlight key use cases, and present branded content.

  To add a video step, select **Video** from the Step type dropdown in the Flow Builder. Once you've added a Video step, you can click **+ Select video** to either upload a video from your local storage or insert a link from YouTube, Vimeo, Loom, Wistia, or Vidyard.

  ## Demo Voiceover

  Elevate your interactive demos by adding voiceovers to individual demo steps. Teams can now enhance their presentations with dynamic narration through various options, including reading from the individual steps, custom text-to-speech, or uploaded audio.

  To add a voiceover to specific steps in your demo, in the Flow Builder click **Add element** > **Voiceover**. From here, use the dropdown to select which option you want to use.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2024-updates-19.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=8cf3da3ad12545ce59d467cf4c1bd4bb" width="400" alt="Voiceover element" data-path="images/2024-updates-19.png" />
  </Frame>

  ## Add Guide Defaults in Workspace Settings

  Set workspace defaults for Step type, Backdrop, Navigation Buttons, and Escape View to build a consistent starting point for your team to build off of.

  To set guide defaults, visit your Workspace > **Settings** > **General** > **Flow Defaults**.
</Update>

<Update label="November 2024">
  ## Presenter Mode

  Activate **Presenter Mode** to easily control the visibility of modals and tooltips when presenting an interactive demo. When enabled, dialog boxes can be hidden or shown by the presenter using the keyboard shortcut **Ctrl + P**.

  To enable Presenter Mode, go to **Flow Settings** and toggle on **Presenter Mode**.

  ## Keyboard Navigation

  Keyboard navigation allows you to seamlessly progress through your interactive demo. When combined with Presenter Mode, it gives teams enhanced flexibility for live product demonstrations, providing presenters with greater control over the entire experience.

  To enable Keyboard Navigation, go to **Flow Settings** and toggle on **Keyboard Navigation**.

  ## Navattic JS

  Navattic JS is a JavaScript widget that can be installed on your web properties to help identify visitors and integrate with event-based analytics platforms.

  Navattic JS will allow you to quickly set up tracking for:

  * **Automatic third-party form submissions**
  * **Domain-level Visitor tracking**
  * **CRM Cookie Tracking**
  * **Track Query Parameters**

  Learn more about [Navattic JS](/navattic-js).

  ## Video Capture Advanced Options

  With Video Captures, you now have the ability to customize your video settings, including options to enable or disable autoplay, show playback controls, loop the video automatically, and toggle audio on or off.

  To access these settings, add your Video Capture to a Flow and click **Advanced.**
</Update>

<Update label="October 2024">
  ## Form builder

  The Navattic form builder allows teams to create custom lead capture forms with new field types and validation rules. Capture information like emails, names, titles, roles, etc. using new field types such as radio buttons, text input areas, and drop-down fields.

  Forms can now be re-used across Product Demos to standardize the lead capture process.

  Contact [**success@navattic.com**](mailto:success@navattic.com) if you don't have access to the New Form Builder yet and would like to try it out.

  ## **Export Demo as a Video or GIF**

  Export a preview of your Product Demo as a media file (video or GIF) to add to social channels and emails to drive engagement for a wider audience.

  To export your demo, click the three dots next to the Share button > **Export Preview** > Select **Video** or **GIF** and set the time per step > Click **Export**.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2024-updates-6.gif?s=dd8c093971d539ccc0263249d827f879" alt="" width="1000" height="625" data-path="images/2024-updates-6.gif" />
  </Frame>

  ## Launchpad

  Launchpad is a view only portal to your Navattic interactive demos. Organizations are using Launchpad to give sellers, partners, and customer success teams easy access to a defined set of interactive demos.

  From Launchpad, teams can easily create targeted share links for specific Visitors and Accounts to track demo engagement. These insights can be used to monitor interest and create targeted followups throughout the buyer journey.

  Launchpad is an add-on feature. Contact [**success@navattic.com**](mailto:success@navattic.com) to enable this in your workspace.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2024-updates-7.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=4018e6294dc5bbd3b0b0912c3ebf7a72" alt="Launchpad" width="2940" height="1598" data-path="images/2024-updates-7.png" />
  </Frame>
</Update>

<Update label="September 2024">
  ## Playbooks

  Playbooks are a combination of integration operations that are executed conditionally based on preconfigured Audiences. With Playbooks, you can now filter the Navattic Visitor and Account data that is sent to integrations by configuring different Audiences. For example, do you only want to send data for Repeat Visitors, Visitors who engage with specific demos, or Visitors from a specific industry?

  Learn more about [Playbooks]().

  <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2024-updates-8.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=94ce80798ea51eb31099df22dfe69bd1" alt="" width="1600" height="900" data-path="images/2024-updates-8.png" />

  ## Audiences

  Now you can create Audiences which are filtered views of Visitors and Accounts that view your demos. These include filters for Time spent, Total sessions to detect repeat Visitors, Total steps, and more. With Playbooks, you can decide which Visitors and Accounts to send to your CRM.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2024-updates-9.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=6bcebf9f3db655eaef3700a8f06def53" alt="Audiences" width="2254" height="816" data-path="images/2024-updates-9.png" />
  </Frame>

  ### Advanced Filters

  Advanced filters allow you to sort your Visitor and Account data using granular filters such as which share link they viewed, what city they are from, what year the company was founded and more. Pair Advanced Filters with Audiences and Playbooks to set up contact routing that matches your ICP.

  Advanced Filters are included in Navattic Growth and Enterprise plans. Contact [**success@navattic.com**](mailto:success@navattic.com) to enable this in your workspace.

  ## Share Link Email Notifications

  Toggle on Email notifications when creating a link to receive an email when a Visitor visits the share link or set up notifications for all demos under Integrations.

  Visit [Playbooks](/integrations/playbooks) to learn how to setup routing rules to email specific sales reps when Accounts matching their ICP view your demos.
</Update>

<Update label="August 2024">
  ## Build a Mobile Swipe Demo from a Flow

  Quickly create a Mobile Swipe Demo using the content from an existing flow in your demo.

  To create a Mobile Swipe Demo from a flow, visit your demo > **Mobile** > **Mobile swip demo** > **+ Copy from flow.** From here, select the steps you would like to include in the Mobile Swipe Demo and click **Create.**

  ## In-App Collaboration

  Now you can add comments directly in Navattic and tag other team members to collaborate seamlessly on the demo creation process. To add a comment, simply click on the conversation bubble above a step. If there is an unresolved comment, the conversation bubble will display a small orange dot.

  Collaboration is included in Navattic Growth and Enterprise plans. Contact [**success@navattic.com**](mailto:success@navattic.com) to enable this in your workspace.

  ## Auto Identify Visitors from Embedded Forms

  Navattic now automatically tracks submissions from embedded Hubspot and Marketo forms. These submissions can be found in [Visitors](/analyze#_MXGs). Learn how to add an [embedded third-party form](/flows#s-Gs6) directly in Navattic.
</Update>

<Update label="July 2024">
  ## New Product Demo Page Layout

  We enhanced the product demo creation process by simplifying the page layout, making it easy to understand the necessary steps for building your demo.

  ## Add Annotations to Steps while Capturing

  Speed up your demo building process by adding annotations and step settings as you take captures from the Navattic Chrome extension. We recommend using this with the [On Click feature](https://www.loom.com/share/d4cef5b1500248b19546df3f8384ae43?t=53\&sid=2d4eb252-25ca-4367-8556-cd5ab4f6ca01), which automatically anchors tooltips to selected elements, drastically speeding up the demo creation process.

  ## Enhanced Accessibility Upgrades

  Add custom ARIA (used for accessibility and screen readers) descriptions for tooltips, beacons, and trigger elements. We also added additional accessibility settings from Themes to update focus selector color and width.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2024-updates-25.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=b2063a3d06513c09814d44506511a80f" width="300" data-path="images/2024-updates-25.png" />
  </Frame>

  ## Add Tracking params to URL actions

  We added optional tracking parameters to automatically add a UTM **Source** parameter to buttons using the “Navigate to URL” action.
</Update>

<Update label="June 2024">
  ## Mobile on Mobile

  Toggling on **Fullscreen** in the Mobile Swipe Editor allows images that are taller than they are wide to fill the entire screen. This feature now enables you to seamlessly create Mobile-on-Mobile demo experiences.

  Additionally, you can now enable Auto Progress for your Mobile Swipe Demo, which will automatically guide visitors through the demo. To turn on Auto Progess select Advanced Options > toggle on Auto Progress.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2024-updates-27.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=e1ff6456d665968bc86e6c9f304470dc" size="80" width="2118" height="1244" position="center" caption={true} data-path="images/2024-updates-27.png" />
  </Frame>

  ## Pop up Embed Option

  You can now embed your demo as a lightbox pop-up directly from Navattic. To embed a pop-up, visit your demo > Embed > Pop up > Get embed code.

  ## Highest Performing Demos

  You can now identify your highest performing demos in Analytics. Simply visit Analytics and select "Compare: **Highest Performing Demos**" from the dropdown menu to view your top five demos for each section.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2024-updates-29.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=1a2236aa7dc6b31eefb06b403d3344c5" size="80" width="2338" height="1344" position="center" caption={true} data-path="images/2024-updates-29.png" />
  </Frame>

  ## Offline Demos

  The Offline feature lets you download demos into your local Navattic app, accessible on Windows/Linux, macOS, and iPad without an internet connection. This enables easy access to your demos at conferences, trade shows, on-site customer visits, and more.

  Offline Demos is an add-on feature. Reach out to [success@navattic.com](mailto:success@navattic.com) to learn more.
</Update>

<Update label="May 2024">
  ## Mobile Swipe demos

  The Mobile swipe demo is used to engage your mobile visitors with a short and visual experience they can *swipe* through. To create a mobile swipe experience visit your demo > Build > Mobile > Mobile swipe demo > Navigate to swipe editor.

  Check out [this demo](https://training.navattic.com/o3bq0xrd) to learn more about Navattic's mobile options, including how to build a mobile swipe experience.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2024-updates-30.gif?s=711439a889982e65b0eec30fca819e42" size="70" width="800" height="597" position="center" data-path="images/2024-updates-30.gif" />
  </Frame>

  ## Demo Suggestions

  With more than 20,000 interactive demos built on our platform - we looked at the **top 1%** to understand what top-performing interactive demos had in common. Leveraging this research, our automated demo suggestions provide insights, allowing you to integrate best practices into your demo creation process.

  ## Set a Product Demo Theme

  <Note>
    We recommend applying a single theme across your demo to maintain consistency.
  </Note>

  You can now seamlessly apply a single theme throughout your entire demo or select a different theme for each flow. To select a single theme or choose a mix of themes visit a demo > Build > Theme.

  ## Marketo Form Embed Step

  You can now embed a Marketo form directly into your demo. To add a Marketo form select Embed as the step type > Marketo Form.
</Update>

<Update label="April 2024">
  ## Pardot Integration

  The Pardot integration is used to send real-time activity from visitors. Use this engagement data to create Pardot dashboards and automations.

  To set up your Pardot Integration, visit Integrations > Pardot > Connect. Visit [this demo](https://training.navattic.com/hf1oz0d24) to learn more about setting up the Pardot Integration.

  ## Capture from the Chrome Extension

  Streamline your capture workflow to create new Product Demos or update existing capture collections directly from the Navattic Chrome Extension.

  To capture from the Chrome Extension > Go to your app > Open the Navattic Chrome Extension > Select "New demo" or "Add to demo".

  ## Hubspot Form Embed Step

  You can now embed a [Hubspot form](/build) directly into your demo. To add a Hubspot form select Embed as the step type > Hubspot Form.
</Update>

<Update label="March 2024">
  ## Directory Sync

  Admins can now easily add and remove Navattic workspace members directly from a unified User Lifecycle Management process (a directory).

  **Set up Directory Sync to automate:**

  * Provisioning new users
  * Updating user attributes such as name and email
  * Deprovisioning users who leave your directory

  Navattic partners with WorkOS to support all major providers including [Okta SCIM](https://workos.com/docs/integrations/okta-scim), [JumpCloud SCIM](https://workos.com/docs/integrations/jumpcloud-scim), [OneLogin SCIM](https://workos.com/docs/integrations/onelogin-scim), [Rippling SCIM](https://workos.com/docs/integrations/rippling-scim), and [more](https://workos.com/docs/integrations).

  Directory Sync is included in Navattic Growth and Enterprise plans.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2024-updates-35.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=18b104f400335394ebcbf89c27d6895b" size="58" width="2480" height="1176" position="center" caption={true} data-path="images/2024-updates-35.png" />
  </Frame>

  ## Beacons Reveal Hotkey

  Effortlessly create demos to assist sales-led presentations by combining [Click to Capture](https://www.loom.com/share/b2999aa772c442bea316e758fe2b496d?sid=8a7b897f-d175-4782-bfad-cc48599afed0) with the Beacons reveal hotkey feature. When this is enabled, Beacons will be hidden in this demo by default and may only be revealed if a demo visitor or presenter presses Ctrl + B on the keyboard.

  To turn on the Beacons reveal hotkey, visit the Flow settings > Beacons reveal hotkey. Once enabled, toggle beacons on and off using “Ctrl + B”.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2024-updates-36.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=3275ef2082453c8da3c961f6a62f547c" size="60" width="400" height="408" position="center" caption={true} data-path="images/2024-updates-36.png" />
  </Frame>

  ## Bulk Editor

  With the Bulk Editor, you can apply edits across multiple steps at once. Bulk edits include:

  * Updating all beacons to triggers
  * Turning multiple modals into tooltips
  * Changing all beacons to have a highlight appearance instead of pulse
  * Deleting multipe beacons or triggers at the same time
  * and more!

  [View a 2-minute tutorial here](https://www.loom.com/share/eed1f37b07cf4a1e9f1082d2021cee0e?sid=3d83d4e7-56fc-43f4-af70-8c19d91ca2c3)
</Update>

<Update label="February 2024">
  ## Compare Product Demo Analytics

  To compare the Analytics of two Product Demos, visit Analytics > Compare: > Product demos > Select project 1 and Select project 2. You can also adjust the time period you would like to view using the calendar drop down. One of your projects will have a blue dot and one will have a gray dot next to the title which is the graph key.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2024-updates-16.gif?s=24df91685806492c4b3092f974db76c8" alt="" width="800" height="532" data-path="images/2024-updates-16.gif" />
  </Frame>

  ## Pin Demos to the Top of a Board

  To pin a demo to the top of a board, visit Product Demos > Select three dots (...) on the demo you want to pin > Pin to top. Your demo will now show up at the top of your board with a pin. To unpin a demo, select three dots (...) > Unpin.

  ## Video Captures

  Media captures now include a video option. To upload a video as a capture, visit your Product Demo > Captures > New > Media > Create > Add to Collection > Add .MP4 video files up to 40MB. See an [example](https://training.navattic.com/tp2e0vbm) of a demo that uses Video captures.
</Update>

<Update label="January 2024">
  ## Jump to a Step Action

  Add **Jump to a step** to any Beacon, Trigger, or Button in your flow to allow visitors to skip forwards or backward within your flow. Jump to a step can be paired with other click actions such as "Navigate to URL" or "Mark as Converted".

  ## Time-Based Progression

  Set a Timer Condition to any Trigger to have a step automatically progress to the next action. Adding a timer trigger can be useful in email outreach or conference use cases, where you want the demo to progress without requiring end-user interactions.

  A Timer condition can be used to perform any trigger action including "Go to next step", "Go back a step", "Navigate to url", etc.

  To add a Timer Condition, select **+ Select trigger condition** > **+** **Add condition** > **Timer**

  ## Click to Capture

  Use Click to Capture to combine the Capturing and Flow-building process into just one step ([tutorial](https://www.loom.com/share/bcd89ecea12d4bcc9fc50b1f54c70466)). When this feature is activated, you will see the note *"Shift + click an element to Capture"* present as you take Captures using the Navattic Chrome Extension.

  ## Adobe Analytics Integration

  Navattic now supports sending demo engagement data (ex. "step viewed", "flow started") to Adobe Analytics. Learn more about embed events [here](/tracking/navattic-js/subscribe-to-events).
</Update>

<Update label="December 2023">
  ## Edit Captures with Up-to-Date

  Change the date and time on your capture to be today’s exact date minus a set amount. Visit your capture > Edit > Select element > Magic Editors > Up-to-date > Offset > Make up-to-date. To automatically convert all detected dates at once visit your capture > Edit > Select element > Magic Editors > Auto-detect > Offset > Convert all dates.

  ## Update Demo Version Titles and Descriptions

  Keep track of the versions of your Product Demo by editing the title and adding a description. To update the version titles and descriptions visit your Product Demo > Versions > 3 dots (...) > Edit details.

  ## Embed Step Type

  Product demos now support embedded calendar links. From the Flow Builder, set your last step to be an Embed and simply include your Calendly or Chili Piper URL. When the scheduling form is completed, visitors will advance to the next step.

  <MediaCard url="https://training.navattic.com/0u13e0bqe" type="demo" title="2023 Updates" />

  ## Lazy Load Overlay

  Turn on a "lazy load overlay" for any demos that are embedded on your website to reduce page load times and speed up landing performance. This is an optional setting that may be found within your demos > Share > Website Embed > "Lazy load overlay".
</Update>

<Update label="October 2023">
  ## Product Demos

  We are excited to release a new user interface that makes building and maintaining your interactive demos easier than ever. Contact\*\* [success@navattic.com](mailto:success@navattic.com)\*\* to request early access and visit the [setup guide](/build/demo) for more information.**For existing Navattic customers, this upgraded user interface provides: \*** A quicker way to build new demos

  * Fewer workspace assets to label and organize
  * Easy access to the relevant Flows and Checklists for published demos
  * Ability to Preview and Restore previous versions of your demo
  * Search for any workspace asset with the keyboard shortcut Ctrl + K
  * New customization options in the Flow builder (resizing Beacons and Tooltips!)

  <MediaCard url="https://training.navattic.com/1t2wz0b0h" type="demo" title="2023 Updates" />

  ## Slack Integration

  Visit Navattic > Integrations to find the new Slack integration option! Use this to notify a designated Slack channel of new Leads or Accounts that are created in your Navattic workspace. \* Leads are created when visitors fill out a form

  * Accounts are created with Navattic's Account-Based Engagement feature

  <MediaCard url="https://training.navattic.com/3w1v0pi7" type="demo" title="2023 Updates" />

  ## Add a Watermark to Themes

  Add a custom Watermark to all Tooltips and Modals within your demo. Visit Themes > **Watermark** to upload an image to be used in Modals and Tooltips, and set your watermark's position, CTA link, and opacity.

  ## Add a CTA Banner to Themes

  First, use our in-app chat or contact [success@navattic.com](mailto:success@navattic.com) to request early access to this feature. Then, visit Themes > **Banner** to create a custom CTA Banner for your demos. Customize the banner's colors, text, and linked resources. Publish & Exit to add your banner to existing projects.
</Update>

<Update label="September 2023">
  ## Upload Custom Fonts

  Themes now supports custom font uploads. Within Navattic > Themes > Font, you may now select from our existing library, add a CSS URL, or upload a font file up to 5MB.

  ## Visitors Engagement Details

  View more engagement details for your demo visitors including UTM tracking attributes. Export your data as a CSV or send leads directly to a CRM using [Navattic integrations.](/integrations)

  <MediaCard url="https://training.navattic.com/bh03l01" type="demo" title="2023 Updates" />
</Update>

<Update label="August 2023">
  ## HubSpot Event Timeline

  View all demo events directly in your HubSpot timeline. Track form fills, flows started, step views, and conversion events as part of the larger customer journey within HubSpot. To activate this view, simply re-authenticate your HubSpot integration from the [in-app Integrations menu](https://app.navattic.com/n/integrations) and re-connect your projects.

  <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2023-updates-20.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=bbfc566536d98f49b764abd1f7cf4129" size="80" width="1384" height="546" position="center" caption="Hubspot Event Timeline" alt={true} data-path="images/2023-updates-20.png" />
</Update>

<Update label="July 2023">
  ## Text and Image Find and Replace

  Make mass text or image updates to a single capture or across an entire collection. Visit the Navattic Capture Editor --> Magic Editors --> **Find and Replace** to apply text or image updates throughout a single Capture. Toggle on "Global" to apply these changes across all Captures in the current Collection.

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2023-updates-21.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=af372274c00728ad47e4ceeac4490d2d" size="52" width="200" height="922" position="center" caption="Find & Replace" alt={true} data-path="images/2023-updates-21.png" />
  </Frame>
</Update>

<Update label="June 2023">
  ## Analytics Dashboard

  Visit the **Analytics** tab in your Navattic workspace to view demo engagement trends over time. Filter the dashboard by Project or Timeframe to see: \* Total unique visitors, Engaged visitors (i.e., visitors who advance 1+ steps in your demo), and Converted visitors (i.e., visitors who click a CTA button in your demo)

  * Time spent per session, click-through rates, and total steps viewed
      <Frame>
        <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2023-updates-9.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=5208a53f1344a58d7112a2fee0cf5bf0" alt="Navatic Analytics Dashboard" width="2260" height="1078" data-path="images/2023-updates-9.png" />
      </Frame>
</Update>

<Update label="May 2023">
  ## Send Navattic Embed Events to any event-based platform

  Customers may now send Navattic event data to any [event-based analytics platform](https://amplitude.com/blog/event-based-analytics) like Amplitude, PostHog, and Mixpanel.

  **Background**: Navattic events include when a visitor views a step, starts a new flow, clicks a CTA, and [more](/tracking/navattic-js/subscribe-to-events).

  Event-based analytics platforms are used to analyze how users interact with your website, and may receive Navattic events similar to how they receive other website events.

  **Event-based platform may help answer questions like**:

  * How many users or sessions engage with my Navattic demo?
  * Where in my website flow do users engage with my Navattic demos?
  * Which of my Navattic projects lead to the most conversions?

  **Set this up using our**

  [**Embed Events Integration setup guide**](/tracking/navattic-js/subscribe-to-events) **.**

  ## Sync Leads to Salesforce Contacts

  Our Salesforce integration users now have the option of syncing Lead engagement data to the associated Contact if a matching email is found. Engagement data can be pushed to pre-created Salesforce fields.
</Update>

<Update label="April 2023">
  ## Google Analytics 4 Integration

  Use our new GA4 integration to combine demo engagement data with your other website event data. Read the [Google Analytics (GA4)]() integration guide to set this up.

  Use this to answer questions like:

  * How many users or sessions engage with my demo?
  * Where in my website flow do users engage with my demos?
  * Which of my projects lead to the most conversions?

  <Frame>
    <img src="https://mintcdn.com/navattic-app/V8lxP8WymXcsG6Oa/images/2023-updates-23.png?fit=max&auto=format&n=V8lxP8WymXcsG6Oa&q=85&s=857579f6850bafe347ebfcd6f69cf5eb" size="90" width="1427" height="736" caption="See Navattic Events in GA4" position="center" data-path="images/2023-updates-23.png" />
  </Frame>

  ## Overlay Detection

  When editing a capture, ignore an overlay to edit content in the background of the capture.

  ## Canvas Element Freeselector

  Set a target anchor element on canvas graphics (ex. an interactive map area or graph). Freely select the desired area and size to target a specific hotspot for user attention or in-demo action.
</Update>

<Update label="March 2023">
  ## Share Link Identification and Personalization

  Track how a specific prospect interacts with your demo without needing a form fill. Apply personalization variables to a demo Share Link to identify the user accessing the product demo URL. These identification traits will get passed into  [Visitor Analytics.](/analyze#mPvnt) Learn more about [Personalization]().

  ## Expire Project Share Links

  Set an expiration date for project share links. Provide viewers access for a limited time frame to help accelerate deal timelines.

  ## Identify Visitors with Project Share Links

  Add your recipient's name, company, and/or email to a project share link to help identify their Visitor data in Navattic (no formgates needed). Use [Personalization]() to reference these variables throughout the demo as well (ex. "Hi, firstname!")

  <MediaCard url="https://www.loom.com/embed/0443c2bd0bbb4e08adb5c995f25b7bbd?hideEmbedTopBar=true" type="video" title="2023 Updates" />

  ## Add Audio Clips in Flows

  Add audio files to Modals and Tooltips to help walk your prospects through your interactive demo. To activate this feature in your workspace, please reach out to your Navattic CSM.
</Update>

<Update label="February 2023">
  ## Visitor Time Tracking

  See how much time Visitors actively spend in a demo, within a Flow, or on an individual Step. Time tracking excludes idle time spent away from the demo tab. The Visitors page also includes information on device dimensions, completed Flows, and key actions like navigating to a URL during the demo.

  ## Anchor Element Traversal

  When building a Flow, use anchor element traversal to anchor Tooltips, Triggers, and Beacons with greater precision.

  ## Embed on G2 or TrustRadius

  Meet your prospects where they are and embed your Navattic demo on TrustRadius. Increase buyer engagement and showcase your solution without the friction of a demo call or trial setup.G2 embed demos will be automatically optimized for the G2 embed profile. G2 Essentials plan members and all TrustRadius members can embed a Navattic product tour on their profile. See more in our recent blog post [here](https://www.navattic.com/blog/software-review-platform-interactive-demos).
</Update>

<Update label="January 2023">
  ## Drag and Drop Images

  Drag and drop images into a Modal or Tooltip, or upload an image directly from your desktop. Resize and realign images directly within the Navattic Flow Builder.

  ## Set Guide Defaults in Themes

  Frequently changing Modals to Tooltips or adding Navigation Buttons in Flow Settings? Now you can set Guide Defaults via Themes. Determine if your Theme will automatically include:\* Modals, Tooltips, Forms, or Invisible Steps

  * Backdrops
  * Navigation buttons and Step Progress
  * Escape View

  ## Password Protect Demos

  Navattic demos can now be password protected! Open your Project Link settings to set a passcode on a project sharing link. This helps manage the audience for your demos.

  ## Reposition Modals

  Move modal steps to different positions on the screen to unblock key elements on the page. Choose from the middle of the page or various corners for optimal positioning.Remember, [Tooltips](/build#XBSdQ) can be anchored to individual on-screen elements for even more customized placement.
</Update>
