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.

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.

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.

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



We are excited to release a new user interface that makes building and maintaining your interactive demos easier than ever. Contact [email protected] to request early access and visit the setup guide for more information.

For existing Navattic customers, this upgraded user interface provides:

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.

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.

First, use our in-app chat or contact [email protected] 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.





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.

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. 

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 and re-connect your projects.

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.

Visit the Analytics tab in your Navattic workspace to view demo engagement trends over time. Filter the dashboard by Project or Timeframe to see:

Customers may now send Navattic event data to any event-based analytics platform like Amplitude, PostHog, and Mixpanel.

Background:

Event-based platform may help answer questions like:

Set this up using our Embed Events Integration setup guide.

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.

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:

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

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.

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. Learn more about Personalization.

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

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}!")

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.

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.

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

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.

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.

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:

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.

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 can be anchored to individual on-screen elements for even more customized placement.