Product Updates
Stay up-to-date with Navattic's latest product developments. Send us a note at [email protected] if you have any questions or suggestions. 🚀
We enhanced the product demo creation process by simplifying the page layout, making it easy to understand the necessary steps for building your demo.
![New Product Demo Page Layout New Product Demo Page Layout](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/qCvZpsavTVZuXUpvtwfjL_screenshot-2024-07-09-at-11225-pm.png?format=webp)
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, which automatically anchors tooltips to selected elements, drastically speeding up the demo creation process.
![Flow Building Annotations while Capturing Flow Building Annotations while Capturing](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/JtfeYaO5A306qbss0GbNg_screenshot-2024-07-09-at-11503-pm.png?format=webp)
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.
This is an early-release feature. Contact [email protected] to enable this in your workspace if you do not see it on by default.
![Document image Document image](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/EzL4bSMsyVYLeTDj46FSf_screenshot-2024-07-09-at-12727-pm.png?format=webp)
We added optional tracking parameters to automatically add a UTM Source parameter to buttons using the “Navigate to URL” action.
![Add tracking params Add tracking params](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/7Mk3uJiu56xFLsbha-HlW_cleanshot-2024-07-09-at-110903.jpeg?format=webp)
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.
![Document image Document image](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/Z3ZARE4IyWQ8ORhy19tpn_screenshot-2024-06-07-at-32218-pm.png?format=webp)
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.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/YYk8JOCMmxT-GPN-0CkK6/M8JrCwqD9Qh12zOrSpoPp_ez-6-a43077f78f.gif)
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.
![Document image Document image](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/Uw3zSBcvd7QW_UZSW8Q8h_screenshot-2024-06-07-at-31016-pm.png?format=webp)
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 [email protected] to learn more.
![Document image Document image](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/z0tLue2FXyOEjAwjbLbWL_screenshot-2024-06-07-at-31637-pm.png?format=webp)
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 to learn more about Navattic's mobile options, including how to build a mobile swipe experience.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/YYk8JOCMmxT-GPN-0CkK6/9k1HgbWCHNa65jtWxPVqW_ez-4-be6353c174.gif)
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.
This is an early-release feature. Contact [email protected] to enable this in your workspace if you do not see it on by default.
![Document image Document image](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/66_-ohTYUiSZjhNoI7VAW_screenshot-2024-05-02-at-25945-pm.png?format=webp)
We recommend applying a single theme across your demo to maintain consistency.
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.
![Document image Document image](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/vhBYjY8JX4ikoaMKcAEqN_screenshot-2024-05-02-at-25108-pm.png?format=webp)
You can now embed a Marketo form directly into your demo. To add a Marketo form select Embed as the step type > Marketo Form.
![Document image Document image](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/02bHK3912ob4MoUBmZ6sP_screenshot-2024-05-02-at-24150-pm.png?format=webp)
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 to learn more about setting up the Pardot Integration.
This is an early-release feature. Contact [email protected] to enable this in your workspace if you do not see it under Integrations.
![Document image Document image](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/-KgfjQg0mt1KUXOB2xvkM_screenshot-2024-04-23-at-100739-am.png?format=webp)
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 software > Open the Navattic Chrome Extension > Select "New demo" or "Add to demo".
![Document image Document image](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/N-A0PA5vlpun2gSOt5q2A_untitled.jpg?format=webp)
You can now embed a Hubspot form directly into your demo. To add a Hubspot form select Embed as the step type > Hubspot Form.
![Document image Document image](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/8HmJSe4XeoeLWNgBslGeR_screenshot-2024-04-17-at-94955-am.png?format=webp)
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, JumpCloud SCIM, OneLogin SCIM, Rippling SCIM, and more.
Directory Sync is included in Navattic Growth and Enterprise plans.
![Document image Document image](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/Cp8v3JHrVcpqAiypmAofb_image.png?format=webp)
Effortlessly create demos to assist sales-led presentations by combining Click to Capture 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”.
![Document image Document image](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/rqE8NNJki_1M7B5SLY5Lw_screenshot-2024-03-18-at-20351-pm.png?format=webp)
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!
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.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/YYk8JOCMmxT-GPN-0CkK6/m2QmZABa8cj1rqqMyBktN_ez-3-3f451c0a35.gif)
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 📌 symbol. To unpin a demo, select three dots (...) > Unpin.
![Document image Document image](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/DpCstyHs0k3vW0jZKJM1B_screenshot-2024-02-05-at-114249-am.png?format=webp)
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 of a demo that uses Video captures.
![Video captures example Video captures example](https://archbee-image-uploads.s3.amazonaws.com/YYk8JOCMmxT-GPN-0CkK6/aVaIV_rPQLMQpmutIo6rP_ez-3-b01958b4ae.gif)
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".
![Document image Document image](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/alGrFn8T2ywrXT01Exvei_image.png?format=webp)
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
![Document image Document image](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/kWZM4C3ppfQPZbbst4qrO_image.png?format=webp)
Use Click to Capture to combine the Capturing and Flow-building process into just one step (tutorial). 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.
![Document image Document image](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/2XK_mbfRDE-aTH8UYwwxZ_image.png?format=webp)
Navattic now supports sending demo engagement data (ex. "step viewed", "flow started") to Adobe Analytics. Learn more about embed events here.
![Document image Document image](https://images.archbee.com/YYk8JOCMmxT-GPN-0CkK6/7EGGfr2adE9XF6kmKrCR2_screenshot-2024-01-04-at-32822-pm.png?format=webp)