# How to Add AI Avatars to Your Videos on Hexus
Source: https://support.hexus.ai/advanced-editing/AI-Avatar
Make your tutorials more interactive
Want to make your videos more engaging and interactive? With Hexus' new AI Avatar feature, you can add a virtual presenter to your content, making it more dynamic and professional. Whether you’re creating tutorials, presentations, or marketing videos, AI Avatars help bring your message to life!
### **How to Add an AI Avatar to Your Video**
Adding an AI Avatar is quick and easy. Just follow these steps:
1. Open Hexus and choose the video you want to edit.
2. Click the 'Edit' button to enter the editing mode.
3. On the right panel, select the **"Speech & Video"** option.
4. Click on **'AI Avatar'** to explore the available avatars.
5. Pick an avatar from the wide selection to match your style.
6. Click **'Generate Preview'** to see how your avatar looks in the video.
7. Want to tweak the look? You can adjust the avatar’s **position** and **shape** to fit your video perfectly.
8. Fine-tune your settings until everything looks just right.
9. When you're happy with it, click **'Play'** to finalize your video.
That’s it! Your AI Avatar is now part of your video, making it more engaging and visually appealing. Try out different avatars and settings to see what works best for you!
If you want to define how words are pronounced in your AI voice and Avatar videos for consistent, natural-sounding voice, try our [pronunciation dictionary](https://support.hexus.ai/advanced-editing/pronunciation-dictionary) feature.
Need more help? Watch this step-by-step tutorial 👇
### **FAQs**
You may generate AI avatar previews as many times as possible to see how an avatar may appear and sound. The final avatar animations are rendered after you **publish** the flow. We’ll notify you in app and on email as soon as your Hexus flow is ready with final renderings of animated AI avatars.
This is a simple 3 step process:
1. Select the step you want to change the AI avatar on and click on **Remove media** to remove the existing avatar on your final video.
2. Make any edits, changes you want to make to the speech, select your new avatar and **Generate Preview**.
3. Once you’re satisfied with the new Avatar preview, simply publish the flow again.
We provide generous AI credits on all our paid plans. On publishing a flow with AI avatar videos, we’ll show you a confirmation dialogue describing how many AI credits it will consume to render the final AI avatars. You can always add more AI credits, based on your account balance and consumption.
Yes you can create custom AI avatars on Hexus and use them for AI avatar videos. This feature is available on request for our customers on paid plans. Contact us at [team@hexus.ai](mailto:team@hexus.ai) to enable this on your account!
# How to Add AI Voiceovers to Your Videos on Hexus
Source: https://support.hexus.ai/advanced-editing/AI-Voiceovers
Easily add professional, natural-sounding voiceovers to your videos with just a few clicks
Want your videos to sound as good as they look? With Hexus' AI Voiceover feature, you can instantly add clear, professional narration to any video — no recording studio needed! Whether you're creating tutorials, product demos, presentations, or explainer videos, AI voiceovers help tell your story with confidence and polish. Plus, you can choose from a variety of voices to perfectly match your tone and audience.
### **How to Add an AI Voiceover to Your Hexus Video**
Available on **Starter** plan and above
Adding an AI voiceover is super simple following these steps:
1. Select the video you want to add voiceovers to and click the **Edit** button.
2. On the right panel, go to the **Speech & Video** option.
3. Modify the text if needed to match what you want the voiceover to say.
4. Choose the most suitable voice from the list to fit your video's tone.
5. Click on the sound button to preview how the voice sounds.
6. Confirm your choice once you’ve found the perfect voice.
7. Click **Generate Speech** to create an audio version of your text.
8. Toggle the switch to **on** if you want speech generation on all screens of your video.
9. Hit **Publish** to finalize your video with your new AI voiceover!
**Pro Tips:**
* Keep the speaker and voice settings (speed, stability & similarity) same across all steps for consistent voiceovers.
* Punctuations around beginning and ending of a sentence influence the voice for the whole sentence. Minimize the usage for a consistent voice across all steps.
* Perfect the pronunciations of specific words like business terms by using our [pronunciation dictionary](https://support.hexus.ai/advanced-editing/pronunciation-dictionary) (English only)
If you want to define how words are pronounced in your AI voice and Avatar videos for consistent, natural-sounding voice, try our [pronunciation dictionary](https://support.hexus.ai/advanced-editing/pronunciation-dictionary) feature.
Try experimenting with different voices and tones to find the perfect match for your style.
And that’s it! Your video now has a professional AI voiceover, making it more engaging and impactful. Need a walkthrough? Watch the step-by-step tutorial 👇
### **FAQs**
Yes, you can record a voice sample for cloning and use it as a custom voice with AI voiceovers. This feature is available for all Enterprise plan customers and as add-on feature for other paid plans from Hexus.
# How to Edit Images with AI in Your Hexus Flows
Source: https://support.hexus.ai/advanced-editing/ai-image-edit
Transform your visual content instantly with AI-powered image editing
Available on **Starter** plans and above
The Hexus AI Image Editor makes it super simple to transform any image directly within your flow—no external tools needed. Let's walk through how you can guide your customers to use this powerful feature.
## Navigate to Your Hexus Flow and Access the AI Image Editor
First, you'll need to open the Hexus flow containing the image you want to edit. Once you're in the flow editor, look for the **AI Image Editor** icon in the edit tab.
![1 Pn]( "1 Pn")
1. Open your existing Hexus flow or create a new one
2. Navigate to the step containing the image you want to edit
3. Make sure you're in the **Edit tab**
4. Locate and click the **AI Image Editor** icon above the selected step
## Enter Your AI Editing Prompt
This is where the real transformation happens. You can describe changes just like you're talking to a designer.
![2 Jpe]( "2 Jpe")
Here's how to craft effective prompts:
1. Type a clear, descriptive prompt in the text field
2. Be specific about what you want to change (e.g., "Replace the sunset view with an ocean view" or "Make the background blurry")
3. Include details about colors, lighting, or style if needed
4. Click the **Edit Image with AI** button to process your request
**Pro Tips:**
* Use action words like "replace," "add," "remove," or "change"
* Mention specific elements you want to modify
* Include style preferences (modern, vintage, professional, etc.)
* Keep prompts concise but detailed enough to guide the AI
## Review the AI-Generated Edits
Once the AI processes your request, you'll see the edited version in the preview window. This is your chance to ensure the changes match what you envisioned.
![3 Jpe]( "3 Jpe")
Take a moment to:
1. Compare the edited image with your original vision
2. Check that important elements are preserved correctly
3. Verify the overall quality and style meets your standards
4. Consider if any additional adjustments might improve the result
Remember, you can always try different prompts if the first result isn't quite right!
## Applying Your Edits
Happy with the results? Great! Now it's time to finalize your changes. You have two options here, and it's important your customers understand both:
![4 Pn]( "4 Pn")
### To Apply the Edits:
1. Click the **'Apply'** button to replace your original image
2. The AI-edited version will immediately replace the original in your flow
3. The change is saved automatically to your Hexus flow
4. You can continue editing other elements or move to the next step
Once you click **Apply**, the original image is replaced in your current flow step. If you need to preserve the original, consider duplicating the step first or saving a backup of your flow.
### Success! Your AI-Edited Image is Live
Congratulations! You've successfully edited your image with Hexus AI. The edited image is now part of the flow and will appear to all viewers on publishing. You can use this feature to:
* Update product screenshots with new branding
* Adjust backgrounds to match brand colors
* Remove distracting elements from demo images
* Enhance image quality and professional appearance
* Create variations of the same image for different audiences
# Edit HTML Product Tours on Hexus
Source: https://support.hexus.ai/advanced-editing/edit-html-tour
Transform your HTML product tours with powerful editing tools – no coding required
Hexus gives you multiple editing options to replace text, swap images, hide sections, and even use AI for intelligent bulk edits. Let's walk through each editing capability so you can create the perfect tour for your users.
## 1. Editing the HTML Product Tour in Hexus
Here's how to get started:
1. Open the **Hexus application** in your web browser
2. Navigate to your **HTML product tour** from your dashboard or projects list
3. Once your tour loads, look for the **Edit** tab at the top of the interface
4. Click on the **Edit tab** to enter the editing workspace
You'll now see your HTML tour in editing mode with a toolbar containing different editing options. That's your starting point for all the customizations we'll cover next!
## 2. Select Replace mode
Replace mode makes it super simple to update any text or image
1. Look for the mode selector in your editing toolbar
2. Click on **Replace mode** from the available options
3. The interface will now highlight interactive elements as you hover over them
### 2.1 Replacing Text
1. Click directly on any **text element** you want to change – headings, paragraphs, buttons, or any other text
2. The text becomes editable immediately – just start typing your replacement
3. Type in your new content exactly as you want it to appear
4. Click anywhere outside the text element to save your changes automatically
### 2.2 Replacing Images
Replacing images works just like replacing text. Here's how to swap out any image in your tour:
1. While still in **Replace mode**, click directly on any image you want to replace
2. The image will highlight with a selection border
3. A media selection panel will appear with multiple options
* **Upload an image** – Click Upload or drag and drop your file directly
* **Stock images** – Browse the built-in library of professional images
* **Custom assets** – Select from your previously uploaded media library
4. Once you've selected your new image, click the **Save** button to apply it
Use images with similar dimensions to maintain layout, keep file sizes under 5MB, and stick to JPG, PNG, or WEBM formats.
### 2.3 Managing Your Replacements
Want to keep track of all your text changes ?
* Navigate to the **Replacements tab** in the toolbar on the right side
* View a complete list of all your text replacements
* See both the original text and your replacement side by side
* Make additional edits or remove replacements if needed
You can edit multiple text elements in succession without leaving Replace mode. Just click on the next element and keep going!
## 3. Hiding sections in HTML
Hide mode lets you remove distracting or irrelevant sections from your tour without deleting them permanently.
1. Click on **Hide mode** in your toolbar to activate this feature
2. Your tour will now show all visible sections
3. Click on any **section or element** you want to hide
4. Selected sections will show a **blue highlighted border** initially
5. Once hidden, the border changes to **red** to indicate hidden status
6. Preview your changes in **Preview** tab to view the exact changes
## 4. Advanced editing with Hexus AI
AI Mode lets you make complex text and image edits using simple instructions.
1. Click **AI Mode** to activate AI-powered editing capabilities
2. Click to **select the entire section** you want to modify
3. An instruction input field will appear for your selected content
4. **Type clear instructions** describing the changes you want and click on **Apply** button
The AI will work in the background and return with your modifications within seconds. It's perfect for bulk changes like data anonymization, formatting updates, or complex image transformations!
**Prompt Tips**
* Prefer selecting the precise UI sections you want to update
* Use action verbs like "change," "replace," "anonymize," or "format"
* Be specific about what elements should be modified
* Include formatting requirements if needed
* **Image Editing** prompts work best with a narrow selection of images, we recommend image at a time while we continue to improve our AI performance
* **Example**: "anonymize all customer names and email addresses"
## Publishing your Tour
You're almost done! Now it's time to review, publish and share your Hexus Flow.
1. Click on the **Preview** tab to see exactly how your tour will look to users
2. Navigate through your entire tour to check all edits are displaying correctly
3. Test any interactive elements to ensure functionality remains intact
4. **Publish** when ready!
Remember, you can always come back and make more edits whenever you need to update your content. Whether it's a quick text change, image swap, or complex AI-powered transformation, Hexus makes it simple to keep your tours fresh and relevant. Happy editinge
# Editing Page Copy
Source: https://support.hexus.ai/advanced-editing/editing-page-copy
You can edit the web page copy before or during recording a flow with Hexus. This is great especially for data clean up or personalizing messaging.
Available on all paid plans
## Quick Tour
## Advanced Page Editing
**How to Use Regular Expressions**
Regular expressions, often abbreviated as regex or regexp, are sequences of characters that form search patterns. They are used for matching strings within text and are a powerful tool for searching, replacing, and manipulating text.
Learn more on [**Advanced Editing With Regular Expressions**](https://support.hexus.ai/advanced-editing/using-regular-expressions)
### **Advanced Replacement Rules**
**Advanced Replacement Rules** let you define multiple sets of search-and-replace logic to dynamically modify HTML content on a page. This is especially helpful when you need to clean up, customize, or standardize content across various web flows without changing the original website source code.
### What Are Replacement Rules?
Replacement rules use pattern matching (often with **regular expressions**) to search for specific text or HTML elements and replace them with something else. These rules can:
* Swap out sensitive information
* Personalize text (e.g., replacing “user” with a real name)
* Standardize inconsistent content formats (like phone numbers or dates)
* Remove unwanted UI elements during flow recording
### What are rule sets and how to use them ?
\*\*Rule sets \*\*are a collection of replacement rules for quickly applying editing rules to page, such as anonymizing emails, phone numbers etc to maintain privacy in your recorded product tours.
**How it works**
1. By default, the chrome extension creates and updates the rule sets as you create and edit them via the **Hexus Content Editor**
2. To manage or change the rule sets that you want to use for a specific recording, or share with your team,head over to [Chrome Settings Management Page](https://app.usehexus.com/profile?tab=content%20editor%20management%20tool) in the Hexus web app.
#### **Collaboration Made Easy**
* **Team Sharing** is supported on **Growth plans**, so teams can collaborate using shared configurations
* Ideal for teams working across departments, clients, or different use cases
# Embedding Multiformat Filetypes
Source: https://support.hexus.ai/advanced-editing/embedding-multiformat-filetypes
You can add multiple assets such as PDFs, Forms, and more at the end of your Hexus Flows to engage your audience even further.
## How to embed multiple filetypes in your demos
Hexus demos provide an excellent platform for showcasing your ideas with dynamic and diverse content. If you need to include various file types like PDFs, Google Drive files, or Figma designs within your Hexus demos for added customer actions, this guide will walk you through the process of embedding these.
Here's how to get the embed code for all the different filetypes:
* Webpage or App
* PDFs:
1. Upload your PDF to google drive
2. Open it in a new tab
3. Click on the 3 dots in the top right corner
4. Select 'Embed item'
5. Copy the code and paste it in the dialog box in the CTA slide you added to your Hexus flow
* Google Drive
* Figma Files
1. Go to the frame on your Figma design that you'd like to embed
2. Click share in the toolbar
3. Update audience settings and permission levels
4. Click 'Get embed code' and copy it
5. Paste it in the dialog box in the CTA slide you added to your Hexus flow
For more information, [view Figma's documentation](https://help.figma.com/hc/en-us/articles/360039827134-Embed-files-and-prototypes)
* Hubspot Forms
## Troubleshooting
If you're unable to see your embed in the Hexus Flow, try the following fixes:
**File Access:** Ensure your Google Drive files are set to public access to avoid access issues.
**Incorrect Embed Code:** Double-check that the iframe code is copied correctly. Even a small error can prevent the file from displaying.
**Compatibility Issues:** Some browsers may not support certain embed codes. Testing your demo in multiple browsers can help identify and resolve these issues.
# How to Find and Replace Images across Hexus Flows
Source: https://support.hexus.ai/advanced-editing/find-replace-images
Keep your visual content fresh and consistent across all your flows with just a few clicks
Need to update images across multiple Hexus flows? *The Find and Replace Images* feature makes it super simple to swap out outdated visuals or maintain brand consistency throughout your tutorials. Let's walk through how to use this powerful time-saving tool.
## **Quick Tour (Interactive)**
## 1. Open the Hexus Application and Access the Search Images Tab
![Search Img 1 Jpe]()
Start by opening the **Hexus application** in your browser. Once you're logged in, you'll see your main dashboard with various tabs and options.
1. Navigate to [https://app.usehexus.com/](https://app.usehexus.com/) if you're not already there
2. Look for the **'Search Images'** tab on your dashboard
3. Click on the tab to access the image replacement feature
This specialized tab is your command center for managing images across all your Hexus flows. It's designed to help you quickly locate and update visual content without manually editing each flow individually.
## 2. Search for Images Across Your Flows
Now it's time to find the specific images you want to replace. The search functionality is quite powerful and can help you locate images based on various criteria.
1. Click into the **search field** at the top of the Search Images interface
2. Type your search query - this could be a URL like `mail.google.com` or any text associated with the images
3. Press Enter or click the search button to execute your query
The search will scan through all your Hexus flows and return every instance where matching images appear. This comprehensive search ensures you don't miss any outdated visuals that need updating.
## 3. Select Steps to Replace Images
![Search Img 3 Jpe]()
Once your search results appear, you'll see all the locations where the matching images exist. Here's where you take control of what gets replaced.
1. Review the search results showing all steps containing your target images
2. Click the checkbox next to each step where you want to replace the image
3. Use the select all option if you want to replace every instance
4. Once you've made your selections, locate the **'Replace Images'** button at the bottom of your screen
5. Click the button to proceed to the replacement interface
For example, if you're updating email dashboard views across multiple tutorials, you can select all those specific steps at once. This batch selection feature saves tremendous time compared to editing flows one by one.
## 4. Upload New Images and Apply Changes
![Search Img 4 Jpe]()
You're now in the final phase where you'll provide the new image and confirm the replacement across all selected locations.
1. Click the upload button to browse for a new image from your computer
2. Alternatively, choose from previously uploaded images in your Hexus assets
3. Preview how the new image will look in the selected steps
4. Click **Save** when you're satisfied with your selection
5. The system will process the replacement across all selected flows and steps
After saving, don't forget the crucial final step: **Publish your flows** to make the changes live. The new images will instantly replace the old ones across all the locations you selected, ensuring your content stays current and professional.
### Quick Tips for Success
* Use specific search terms to narrow down results and find exactly what you need
* Double-check your selections before clicking Replace Images to avoid unintended changes
* Keep replacement images at similar dimensions to maintain layout consistency
* Remember to publish flows after making changes - unpublished changes won't be visible to viewers
And that's it! You've successfully updated images across multiple Hexus flows in just a few minutes. This feature is particularly useful when rebranding, updating UI screenshots after software changes, or maintaining visual consistency across your tutorial library.
If you need any assistance, reach out to [team@hexus.ai](mailto:team@hexus.ai) or via the in-app chat - we're here to help!
# Adding a Lead Capture Form
Source: https://support.hexus.ai/advanced-editing/lead-capture-form
You can add forms into a product tour to collect viewers' names, emails, feedback, or any other information.
**Hexus Tip:** Connect your Hexus account to HubSpot to make the most of lead capture. More about integrations [here](/collaboration/integrations).
## 1. Adding a form
### Creating a form in Hexus natively
### Creating a form using HubSpot embed
Use our HubSpot integration to embed a HubSpot form. More about integrations [here](/collaboration/integrations).
## 2. Viewing Form Submissions
### Viewing Leads in Hexus
You can view form submissions in the “Leads” tab in the Hexus app.
![]()
### Viewing Form Submissions in HubSpot
If you have connected with HubSpot, every time someone submits a form, a contact is automatically created in HubSpot. More on HubSpot integration [here](/collaboration/integrations).
![]()
## 3. Receiving notifications through email
Use our Zapier integration to create your own workflow with form submissions. More info on integrations [here](/collaboration/integrations).
## FAQs
This feature is coming soon. Check out [this page](/roadmap/release-notes) for updates.
# Creating Localizations
Source: https://support.hexus.ai/advanced-editing/localization
Strengthen customer relationships across regions with the localization capabilities available in Hexus.
To create localized URLs for your flows, you must be on our **Growth** plan. Translation for text and audio is available in 15 languages: **English, Arabic, Dutch, French, German, Hindi, Italian, Japanese, Korean, Mandarin, Portuguese, Russian, Spanish, Turkish, and Ukrainian**.
If you’d like to request a language not on this list, contact us at [**team@hexus.ai**](mailto:team@hexus.ai).
\*\*To change the language of any Hexus collateral : \*\*
1. Click the three dots in the top-right corner of your edit screen.
2. Select **AI and Language Settings**.
![AI and language settings menu]( "AI and language settings menu")
3. Once you click on **AI and language Settings** the following modal will open
![Language settings modal]( "Language settings modal")
4. You can change your choose your language from the drop down and click on done
![Language selection dropdown]( "Language selection dropdown")
5. Your Hexus video is now translated to your desired language
## Localize content with unique urls
To create localized variants for your product tours, with language specific urls follow these steps:
Contact us for translating video or audio steps or in your Hexus tours.
For users on a starter plan, while you cannot generate unique URLs with standard locale codes, you can still translate your flows into one of our 15 languages and share it as a unique link.
## Enable voiceover in different languages
1. Go to the **Edit** tab
2. Open the Media Toolbar
![Media Toolbar]( "Media Toolbar")
3. Enter the voiceover text in your target language.
4. Select any speaker to preview the language. All of the speakers support multilingual speech.
5. Click **Generate Speech** to create the voiceover.
6. Click **Play** to preview the generated voice.
# Creating a Multi-flow Product Tour
Source: https://support.hexus.ai/advanced-editing/multi-flow-product-tour
You can create multiple paths, branches, and playlists so your customers always have access to relevant and personalized tours.
**Hexus Tip:** Limit to 3 flows within a tour in order to keep the viewers’ attention. At the end of each flow, give viewers an option to go back to the start of the flow.
## Creating multiple paths in the same tour
You can create a “Choose your own Adventure” tour with multiple paths for a more immersive experience for viewers.
To do so, capture all the screens you would like to include for each of the flows in the same recording. Watch the tour below to learn how you can create multiple paths within the same screen by adding multiple hotspots and linking it to the target screen:
## Branching and linking to multiple tours
You can also create a branch for each feature or flow. Let viewers choose which tour to watch next so they can skip to the relevant features.
## Creating a multi-flow tour
You can create a “playlist” of your flows by using our Multi-flow tours. To create a multi-flow tour,
1. In your dashboard, select the Multi-flows tab.
2. Click on “Create a multi-flow tour”
3. Enter a title and select flows to add to your sequence. Make sure all these flows have public access. (To enable public access, you can go to the individual flow, and change settings in Share options.)
4. Click “Create”.
5. **Editing your multi-flow tour:** You can go to the edit tab in your multi-flow tour and change the following elements:
![]()
* **Title:** You can name your multi-flow tour. This will appear on the CTA menu in the bottom left of your multi-flow tour.
* **Color:** This changes the color of the CTA menu in the bottom left of your multi-flow tour.
* **Show selection menu on demo completion:** This lets you preview the menu of tours after the end of every tour.
* **Template dropdown:** This allows you to display the flows in interactive demo or product demo video template.
* **Select your flows:** Add or remove flows by using the checkbox.
* **Default Order of flows:** You can drag and drop using the grid icon to change the order of the flows.
* **Titles of individual flows:** You can directly edit the titles of the individual flows when selected, to show how they would appear in the menu.
### Dynamic personalization
You can dynamically personalize the visibility, order, primary flow in your multi-flow tours using URL parameters when sharing your multi-flow tour:
1. **Add name and email variables**: You can add and variables within your flow captions. To give them a value, you can use the name and email param fields in the Share modal.
2. **Primary flow:** Simply select the primary flow from the list of flows, to define the default visible flow.
3. **Order and visibility**: To set the order of your flows from the list, enter it into the field separated by a comma. You can hide flows from your list by excluding them from this field. Select a primary flow to display the default flow - it is exclusive from the order you set. Note that the first flow in the list is indexed as 0, second flow as 1, third as 2, and so on. So for example, in a list of 10 flows, if you want to display the fourth, second, and seventh flow, you would enter 3,1,6.
![]()
# Personalization Capabilities
Source: https://support.hexus.ai/advanced-editing/personalization
Here’s a quick guide on how you can make your interactive product tours and demo centers even more tailored and engaging for your audience.
**Hexus Tip:** Personalize your onboarding emails, newsletters, drip campaigns with name and email variables.
## Dynamic Personalization with Name & Email Variables
You can add custom variables to a product tour to personalize it for your viewers. Variables are placeholders you can define that turn the text within your product tour into personalized values. You can define variables in titles and captions.
Here’s how:
* Insert a placeholder like `{name}` in your flow captions, titles, and other text elements.
* When sharing or embedding videos, append `?name=Kate` to the URL to automatically populate the name variable with “Kate”. View an example:
[`https://app.usehexus.com/flow/hubspot-tour?name=John`](https://app.usehexus.com/flow/hubspot-tour?name=John)
* **Using personalization in your email campaigns:**
1. Personalized prospecting in your Apollo or cold outreach campaigns
![]()
2. Personalized onboarding or product announcement emails through HubSpot or any email automation service, e.g:
![]()
## Customizing Multi-Flow Tours
In your sharing options for multi-flow tours, you can find options to personalize the name, email, primary flow, order and visibility of your inner flows. Flows in a multi-flow tour are indexed starting from 0. Here’s how you can tailor these tours:
![]()
* **Primary Flow:** Set a default visible flow by configuring the primary flow settings. This is the flow that will be shown first when your multi-flow tour starts. You can also control the primary flow by adding the parameter `?pr=”index”` where “index” is the flow number. For example, to set the second flow as your primary flow, you can add \[`https://app.usehexus.com/multiflow/view/](https://app.usehexus.com/multiflow/build/dbb5d05e-6137-4fc6-b894-6b4a51125ac8)multiflow-id?pr=1`
* **Sequence and Visibility:** You can control the order and visibility of these flows by adjusting parameters in the URL:
* **Order:** Set the sequence of your flows using the `or` parameter. For example, to display flows in the order of third, first, and second, use \[`https://app.usehexus.com/multiflow/view/](https://app.usehexus.com/multiflow/build/dbb5d05e-6137-4fc6-b894-6b4a51125ac8)multiflow-id?or=2%2C0%2C1`.
* **Visibility:** To show only certain flows, omit others from the URL. For example, if you want to show only the third and second flows, use \[`https://app.usehexus.com/multiflow/view/](https://app.usehexus.com/multiflow/build/dbb5d05e-6137-4fc6-b894-6b4a51125ac8)multiflow-id?or=2%2C1`.
By customizing the order and visibility, you ensure that the most relevant content is prioritized according to your audience’s needs.
## Managing Demo Center Category Visibility and Sequence
The Demo Center allows you to organize and display your videos by categories. You can find these customization options in the Sharing settings for your Demo Center. Here’s how to manage category visibility and sequence:
![]()
* **Categories Setup:** Assign categories to your videos (e.g., Restaurant Owners, Restaurant Operators, Consumers).
* **Category Filters:** Choose which categories to display. For example, to show videos in the Restaurant Owners and Consumers categories, use `https://app.usehexus.com/showcase/toast/?cat=Restaurant Owners,Consumers` in your share link.
* **Flow Order**: Choose which order to display or hide the flows in. Flows are indexed as 0, 1, 2,.. and so on. You can reorder the flows by dragging and positioning them or by using the `?order=”list”` parameter where “list” is the index number of the flows separated by %2C, for example `?order=0%2C3%2C2%2C1`
This functionality helps you present your content more effectively by grouping related videos and allowing viewers to find the information they need quickly.
# Pronunciation Dictionary
Source: https://support.hexus.ai/advanced-editing/pronunciation-dictionary
Define how words are pronounced in your AI voice and Avatar videos for consistent, natural-sounding voice.
**Get Started**
The Pronunciation Dictionary lets you control exactly how words and phrases are spoken in your AI-generated content. Whether you're working with brand names, technical terms, or unique names, Hexus gives you full control over pronunciation in both AI voice and AI avatar videos.
With this feature, you can ensure that your message is communicated clearly and professionally.
💡 **Hexus Tip:**\
Use simplified phonetic spellings for ease, or go advanced with CMU Arpabet phonetic alphabets for precision. Always preview the result before saving.
***
## **Setting Up Your Pronunciation Dictionary**
1. Click on **Settings** on the left-side panel.
2. Navigate to the **Customization** section.
3. Scroll down to find the Pronunciation**Dictionary** and click **Add Pronunciation**.
4. Enter your desired **word or phrase** in the text field.
5. Click the **Listen** button to hear how it sounds.
6. Click **Save** to store your changes.
Your custom pronunciation is now active and will automatically apply to AI voiceovers and AI avatar videos.
## **Pronunciation Dictionary Features**
🔊 **Custom word and phrase pronunciation**: Ensure accurate pronunciation of names, brands, or jargon.
🎯 **Automatic usage**: Applies instantly across AI voice and avatar outputs.
🌐 **Supports simplified phonetics and CMU Arpabet**: Use whichever format works best for your team.
## **Building with the Pronunciation Dictionary**
Here’s how to use it effectively in your content creation workflow:
1. Create or open a project using AI voice or avatar.
2. Add your script or video content.
3. Identify any words that require a specific pronunciation.
4. Add them to the Pronunciation Dictionary following the steps above.
5. Preview the results to confirm accuracy.
6. Finalize and publish your project!
## **Best Use Cases**
* Product names or brand-specific terms
* Industry-specific vocabulary
* Personal names and geographic locations
* Foreign or non-standard words
## **Frequently Asked Questions**
The Pronunciation Dictionary is available to customers on **Starter plans and above**. If you're on a Free plan, upgrade to unlock this feature.
Your saved pronunciations are automatically applied to **AI voice** and **AI avatar video** generations across your account.
Yes! Just go back to the **Pronunciation Dictionary** under Settings > Customization. You can **edit** or **remove** any pronunciation entry at any time.
Try adjusting the spelling or using an alternative phonetic version. If it still doesn’t sound right, contact us at [team@hexus.ai](mailto:team@hexus.ai) with the word and desired pronunciation, and we’ll help you fine-tune it.
# Capturing Browser Extension Content in Hexus
Source: https://support.hexus.ai/advanced-editing/record-your-chrome-extension
Record browser extension interactions using Hexus, seamlessly with shortcut setups, screen recordings, and video-to-flow conversions
While Hexus can seamlessly record most web interactions, capturing content from other browser extensions (like Apollo or similar tools) can be challenging due to certain Chrome web browser limitations. However, here are a few effective workarounds to ensure you can still capture the full context of your demos:
### **1. Use Chrome Extension Shortcuts**
To quickly capture browser extension content:
* Navigate to `chrome://extensions/shortcuts` in your Chrome browser.
* Set up custom shortcuts for capturing screenshots or activating specific features.
* Use these shortcuts during your Hexus recordings to seamlessly capture extension interactions.
### **2. Record Your Screen or Use the Video-to-Flow Converter**
If capturing live extension interactions isn't feasible:
* Use Hexus's built-in screen recording feature to record your entire screen, including the extension UI.
* Alternatively, record your demo separately or reuse an existing video, then convert it to an interactive flow using the Hexus AI video-to-flow converter.
* The [Hexus AI Video to Flow converter](https://app.usehexus.com/video-to-flow?tab=record) is available on [https://app.usehexus.com/video-to-flow?tab=record](https://app.usehexus.com/video-to-flow?tab=record)
### **3. Append to an Existing Hexus Recording**
For more comprehensive demos:
* First, capture your Hexus recording using the extension for the primary content.
* Then, use the “Record your screen” option to add in the browser extension parts.
* You can also upload relevant images or video clips to provide full context.
By combining these methods, you can effectively showcase your complete workflow, including third-party extensions, within your Hexus flows. For more tips and best practices, check out our [support portal](https://support.hexus.ai) or reach out to our team for personalized guidance.
# Refresh
Source: https://support.hexus.ai/advanced-editing/refresh
Hexus offers several ways for content maintenance options when your UI changes. Here are the options.
## Replacing One Screen in a Tour
**To replace a screen in a tour:**
1. Click on the "Replace" button in the left menu. This will open the URL to that screen and the Chrome extension.
![]()
2. You can recapture the screen with the updated UI or replace it by capturing any other screen.
**Alternatively, you can:**
1. Delete the screen from the video.
2. Add a new step.
3. Upload a new screen PNG or JPG.
## Replacing a Tour Manually
**To rerecord a published tour:**
1. Go to the "Template Settings" menu.
2. Click on "Refresh (Beta)".
3. Select "Re-record". This will open the URL to the beginning of the screen and the Chrome extension.
![]()
4. You can recapture the tour with the updated UI or replace it by capturing any other flow.
## Replacing a Tour Automatically
**Tip:** Run a test first to check if the steps can be auto-refreshed.
To automatically rerecord a published tour:
1. Go to the "Template Settings" menu.
2. Click on "Refresh".
3. Select "Auto-Refresh". This will open the URL to the beginning of the screen, and our bot will auto-capture the same flow with the updated UI.
Watch the tour below to see this in action.
## Reviewing your published flows
There are a few ways you can review published flows.
### a. Testing a flow
You can run a test to check if the steps in the published flow are still valid with the latest UI. Our bot opens a new tab in your browser and runs through the same steps.
**Note:** You must be in the same logged in / logged out state as the original capture to let the bot run the test.
To run a test,
1. Go to ‘Template Settings’
2. Select ‘Refresh (Beta)’
3. Click on ‘Test Flow’
![]()
✅ If the test is a success, you will see a success message like this:
![]()
❌ If the bot is unable to proceed after a certain step due to a change in the UI, then you will see a pop up as shown below in the same tab:
![]()
Additionally, you will see this message in the ‘Template Settings’ modal.
![]()
### b. Search for a flow
Hexus indexes all your flow titles, captions, URLs and UI elements so that you can search for a particular flow by the elements that were captured in it. You can start a search in your dashboard, and check the box to search across the entire catalog.
![]()
1. Search by URL: If you need to update a screen that appears across many flows, you can simply search by URL.
2. Search by UI element: If you need to update flows that contain a specific CTA, you can simply search by the name of the CTA.
3. Search by flow title or caption: You can find a flow by searching for the text in the title or in any of the captions on the hotspots or text-to-speech.
### c. Notifications
You can set up in-app notifications or email notifications as a reminder to manually review your flows at your desired frequency. For example, if your team has a major release every quarter, you can set up quarterly notifications to review your flows and check if they are up to date. Here’s how you can set up notifications:
## FAQs
This feature is coming soon. You will be able to create a collection and apply the auto refresh feature in bulk. Stay tuned for updates [here](/roadmap/q3-2024-roadmap).
If our bot cannot find an element due to a major UI change, it will prompt you to intervene. At that point, you can manually update the tour.
The auto feature can handle any style changes, color changes, and smaller changes in target elements. The more you use Hexus, the more our bot learns about your product and will be able to handle bigger UI changes.
We have workflows to review and flag stale content. Contact us at [team@hexus.ai](mailto:team@hexus.ai) to enable this feature.
# Building a Showcase
Source: https://support.hexus.ai/advanced-editing/showcase
A Demo Center is a dedicated page hosted by Hexus that enables you to display your product demos, video tutorials, and interactive guides in one centralized location. It's designed to enhance your customer engagement and streamline the demo experience.
[View an example.](https://app.usehexus.com/showcase/hexus?name=Mark)
## Key Features
1. **Public Accessibility**: Ensure your flows are publicly accessible to maximize visibility.
2. **Customization**: Tailor the Demo Hub to match your brand and preferences.
3. **Filters**: Implement filters to help users navigate your content easily.
4. **CTAs (Call-to-Actions)**: Add custom CTAs to guide users towards desired actions.
5. **Primary Video**: Highlight your most important demo by setting it as the primary video.
6. **Multiple Video Embedding**: Showcase various demos and guides in one place.
7. **Keyword Search**: Enable users to find specific content quickly (contact us to enable AI search).
## Setting Up Your Demo Center
[Go to this link](https://app.usehexus.com/showcase/edit) to set up your demo center. Configuring your Demo Hub is a straightforward process with three main steps:
### 1. Content
* **Header & CTAs**: Set up your main title, description, and call-to-action buttons.
* **Add Demos**: Select one primary demo to feature on your showcase. Include as many additional demos as you like. You can change the order of the demos by repositioning them in the Edit page. Make sure that the flows have Public access.
* **Filters**: Create filters such as language, template to display your Hexus flows in. Enterprise users can contact [team@hexus.ai](mailto:team@hexus.ai) to add advanced custom filters and segments.
### 2. Styling
* **Header & CTA Styling**: Customize the appearance of your main header and buttons.
* **Page and Brand Styling**: Enterprise users can contact [team@hexus.ai](mailto:team@hexus.ai) to add customize appearance of the page.
### 3. Personalization
* **Add personalization variables:** Add a name or email token to personalize titles, or captions in your demo center.
* **Advanced personalization for Enterprise users:**
* **Lead Forms**: Use our built-in forms to capture leads directly or to ask qualifier questions and conditionally route users.
* **Integrations:** Set display timing and integrate with your CRM or marketing platform.
* **Custom Code**: Add scripts for analytics, chatbots, or other tools.
### 4. Search
* A simple keyword search is included for all users. You can additionally implement an AI-powered Search that generates on-the-fly visual answers. Contact us at [team@hexus.ai](mailto:team@hexus.ai) to learn more about the Add-on.
* [View an example.](https://app.usehexus.com/showcase/hexus?name=Mark)
### 5. Switch View
![images/Screenshot2025-03-18at4.41.59PM.png]()
The Showcase builder now offers flexible viewing options with the addition of Switch View functionality. Users can toggle between two distinct layouts:
* **Grid View**: Displays items in a tile-based layout, allowing users to see multiple pieces of content simultaneously for easy comparison and browsing.
* **Playlist View**: Presents items in a sequential list format, ideal for when users need to focus on content in a specific order or narrative flow.
This enhancement gives users more control over how they interact with and present their content in Showcases.
## Best Practices
1. Ensure all your flows are set to public for seamless access.
2. Use clear, descriptive titles for your sections and demos.
3. Regularly update your Demo Center with your latest and most relevant content by using the “Sync with Flows” button.
4. Utilize the keyword search feature to help users find specific information quickly.
# Using Regular Expressions
Source: https://support.hexus.ai/advanced-editing/using-regular-expressions
Regular expressions, often abbreviated as regex or regexp, are sequences of characters that form search patterns. They are used for matching strings within text and are a powerful tool for searching, replacing, and manipulating text.
## Common Use Cases
* **Searching**: Finding specific patterns in text.
* **Replacing**: Substituting parts of text with new values.
## Examples
1. **Mask Credit Card Numbers**
* **Input Regex**: `^\d{3,6}$`
* **Replacement**: `*** **** ****`
* **Example**:
* **Input**: `"Hi, here is my card number: visa 4242-4242-4242-4242"`
* **Output**: `"Hi, here is my card number: visa **** **** **** 4242"`
2. **Replace an Email Address**
* **Regex**: `\S+@\S+\.\S+` or `\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b`
* **Replacement**: [test@test.com](mailto:test@test.com)
* **Example**:
* **Input**: `"Contact us at example@example.com"`
* **Output**: `"Contact us at test@test.com"`
3. **Extract URLs from Text**
* **Regex**: `https?://[^\s]+`
* **Matches**:
* `http://example.com`
* `https://www.company.org/page`
* **Example**:
* **Input**: `"Check out our website at https://www.company.com and our blog at http://blog.company.com"`
* **Output**: `["https://www.company.com", "http://blog.company.com"]`
4. **Find Phone Numbers in Various Formats**
* **Regex**: `\b\d{3}[-.\s]??\d{3}[-.\s]??\d{4}\b|\(\d{3}\)\s*\d{3}[-.\s]??\d{4}\b`
* **Matches**:
* `123-456-7890`
* `(123) 456-7890`
* `123.456.7890`
* **Example**:
* **Input**: `"You can reach us at 123-456-7890 or (123) 456-7890"`
* **Output**: `["123-456-7890", "(123) 456-7890"]`
5. **Extract Dates from Text**
* **Regex**: `\b\d{1,2}[\/.-]\d{1,2}[\/.-]\d{2,4}\b`
* **Matches**:
* `12/31/2024`
* `31-12-2024`
* `2024.12.31`
* **Example**:
* **Input**: `"The event is scheduled for 12/31/2024 or 31-12-2024"`
* **Output**: `["12/31/2024", "31-12-2024"]`
6. **Extract Prices from Text**
* **Regex**: `\$\d+(?:\.\d{2})?`
* **Matches**:
* `$19.99`
* `$100`
* **Example**:
* **Input**: `"The price of the product is $19.99 or you can buy it in bulk for $100"`
* **Output**: `["$19.99", "$100"]`
7. **Match multiple keywords**
* **Regex**: `\b(marketing|sales|advertising|promotion)\b`
* **Matches**:
* `marketing`
* `sales`
* `advertising`
* `promotion`
* **Example**:
* **Input**: `"Our marketing and sales teams are collaborating on the new advertising campaign"`
* **Output**: `["marketing", "sales", "advertising"]`
8. **Match a single digit**
* **Regex**: `\d` \[for matching multiple digits at once like 1234 use: `\d+`]
* **Replacement**: 100
* Example:
* **Input**: `"There are 3 apples"`
* Output: `"There are 100 apples"`
9. **Find All Words Starting with 'a'**
* **Regex**: `\ba\w*`
* **Replacement**: mango
* **Matches**:
* **Input:** `"apple"`
* Output: `"mango"`
## Basic Syntax
* **Literal Characters**: These are the simplest form of regular expressions. For example, `cat` matches the string "cat".
* **Metacharacters**: Special characters that have specific meanings:
* `.`: Matches any single character except newline.
* \`\`: Matches zero or more occurrences of the preceding element.
* `+`: Matches one or more occurrences of the preceding element.
* `?`: Matches zero or one occurrence of the preceding element.
* `^`: Matches the start of a string.
* `$`: Matches the end of a string.
* `[]`: Matches any one of the characters within the brackets.
* `|`: Acts as a logical OR between patterns.
* `\\`: Escapes a special character to be treated as a literal.
## Advanced Tips
* **Grouping and Capturing**: Use parentheses `()` to group parts of a regex and capture them for later use.
* **Example**: `(abc)+` matches one or more occurrences of the sequence "abc".
* **Non-Capturing Groups**: Use `(?:...)` to group parts of a regex without capturing.
* **Example**: `(?:abc)+` matches one or more occurrences of "abc" but does not capture the group.
* **Lookahead and Lookbehind**: These are assertions that match a group before or after a main pattern without including them in the result.
* **Lookahead**: `\\d(?=px)` matches digits followed by "px" but does not include "px" in the match.
* **Lookbehind**: `(?<=\\$)\\d+` matches digits preceded by "$" but does not include "$" in the match.
## Conclusion
Regular expressions are a versatile tool for text processing, offering powerful capabilities for searching, replacing, and validating text patterns. Mastering regex can greatly enhance your ability to handle and manipulate text efficiently.
Contact us to learn more about Regex on [Google](https://www.google.com/search?q=regular+expression).
# Video-to-Hexus Conversion
Source: https://support.hexus.ai/advanced-editing/video-to-flow-conversion
Hexus makes it easy to convert these into various formats including interactive tours and articles.
### **Get Started**
Video to Hexus transforms your video content into interactive, engaging experiences. Whether you have pre-recorded videos or want to capture your screen, Hexus makes it easy to convert these into various formats including interactive tours and articles.
### **Creating Your First Video Flow**
* Log in to app.usehexus.com and navigate to the Video to Hexus converter at [app.usehexus.com/video-to-flow](http://app.usehexus.com/video-to-flow)
![d017b149-f6aa-4d6e-94b1-b2aeca70d48f.png]()
* You have three options to get started: upload an existing video file, use the screen recording feature to capture your content directly or add an existing video link.
![Videotodemo Pn]()
* Once your video is ready, Hexus will process it and prepare it for conversion into your chosen format
* Select your preferred output format - whether it's an interactive tour, article, or other Hexus format
* Review the converted content and make any necessary adjustments to ensure accuracy and flow
* Publish your content when ready
### **Video to Flow Features**
Hexus offers powerful features for transforming video content:
1. **Video upload support**: Upload pre-recorded videos in standard formats
2. **Screen recording**: Capture your screen directly within Hexus for immediate conversion
3. **Multiple output formats**: Convert videos into interactive tours, articles, or other Hexus formats
4. **Content editing**: Fine-tune the converted content to match your needs
5. **Format flexibility**: Choose the most suitable format for your audience
### **Applications**
Video to Flow conversion works great for:
* Product demonstrations
* Software tutorials
* Process documentation
* Training materials
* Feature walkthroughs
* User onboarding
### FAQs
Yes, you can modify the converted content to ensure accuracy and add interactive elements as needed.
Currently, each video is processed separately, but you can combine the converted content afterward.
The built-in screen recorder allows you to capture your screen directly within Hexus and immediately convert it to your chosen format.
You can go to **AI and Language Settings** and click "**Retry Video-to-Flow Conversion**" This will discard your current draft and generate a new flow, without using any additional credits.
If you need assistance with Video to Flow conversion, reach out to our support team through your Hexus dashboard or write to us at [team@usehexus.com](mailto:team@usehexus.com).
# Analytics and Reporting
Source: https://support.hexus.ai/collaboration/analytics-and-reporting
Hexus Analytics, accessible from the left-hand sidebar of your Hexus account, provides you with a comprehensive overview of your demos' performance and user engagement.
**Hexus Tip:**
1. More focused demos tend to resonate best. We usually suggest leading with a 10-15 step "Quick Tour" that spotlights your core value proposition. You can always supplement this with modular deep dives into specific capabilities.
2. Sprinkling in CTAs at strategic points—generally around steps 5, 10 and 15—can significantly lift conversion rates.
3. Tailor the initial experience to first-time visitors, educating them on your key differentiators. Power users can self-select into more advanced feature walkthroughs.
## Key Metrics
![]()
You can view metrics by flow, multiflow, and showcase across any date range using the date range picker. View individual flow data or aggregate data of all flows.
1. **Views**: This metric represents the total number of times your demo has been viewed.
2. **Unique Visitors**: The Unique Visitors metric indicates the number of distinct individuals who have viewed your demo.
3. **Completion Rate**: This metric measures how engaging your demo is by showing the percentage of users who complete the entire demo. Lets say 100 unique visitors on the flow page. Out of this 30 watched all the steps. So completion rate is 30%.
4. **Play Completion Rate:** This metric measures how engaging your demo is by showing the percentage of unique visitors who clicked on play button and also completed the entire flow. Let's say 50 unique visitors, clicked on the`play`**button** to start watching the flow and out of that 25 watched all the steps. So play completion rate will be 25/50 = 50%
5. **Unique Visitors by Browser**: Hexus Analytics provides a breakdown of unique visitors based on the web browser they use.
6. **Unique Visitors by OS**: Similar to the browser breakdown, Hexus Analytics also shows the distribution of unique visitors across different operating systems.
7. **Engaged**: Customers who have interacted with the demo, such as by clicking, playing, pausing, skipping, or completing any form actions (e.g., filling out fields or submitting forms).
8. **Leads**: Customers who have provided their information by completing the forms within the flow, indicating a higher level of interest.
9. **Flow Trends Chart**: A daily breakdown that tracks trends in unique visitors, CTA (call-to-action) conversions, and content views, offering insights into user activity and engagement over time.
10. **Ring Charts**: Visual representations that provide a breakdown of unique visitors to a flow, segmented by factors such as country, browser, operating system, etc., offering a clear overview of the audience’s demographics and behavior.
If you would like to share this data or analyze it locally on your computer, you can even download a csv file.
![]()
## **What events can be propagated?**
Most events that happen inside an Hexus can be propagated. Contact us at [team@hexus.ai](mailto:team@hexus.ai) to enable the event propagation to your integrations. Here are some common events:
* **`Flow Rendered`**: Triggered when a Hexus is initially viewed.
* **`Hotspot Clicked`**: Triggered when a hotspot is clicked.
* **`Flow Ended`**: Triggered after a video step has completed.
* **`Flow Restarted`**: Triggered when a Hexus is replayed.
* **`Percentage Completed`**: Percentage of the flow completed by the user
* **`Step Reached`**: Triggered when the viewer navigates to a new step.
* **`Overlay Clicked`**: Triggered when the viewer clicks on a button within a Page overlay.
* **`External Url Clicked`**: Triggered when the viewer clicks on a URL within a hotspot or callout.
* **`CTA Clicked`**: A convenience "meta-event" that combines the two events above (**`Overlay Clicked`**, **`External Url Clicked`**).
# Collaboration and Organization
Source: https://support.hexus.ai/collaboration/collaboration-and-organization
You can invite team members to your workspace and give them role based access if you are on a team plan.
## Giving team members role-based access
## Sharing your flows with your workspace members
## Commenting and Reviewing Your flows
You can manage your product creation workflows seamlessly from Hexus. Add comments and reviews on Hexus flows and manage access settings right from our platform.
## Creating Shared Folders
![]()
Ready to grow and collaborate with your team?
Adding members to your Hexus workspace is a straightforward process that scales with your needs. Whether you're on the Starter, Growth, or Enterprise Plan, you can easily expand your team and collaborate effectively. Head to your workspace settings now to start inviting new team members.
## Frequently Asked Questions
Adding new members to your Hexus workspace takes just a few clicks. Start by visiting [app.usehexus.com/profile](https://app.usehexus.com/profile). From there, look for the 'Invite Team Members' button in the left navigation panel. Simply click on the '+ Add Member' button, enter your new team member's email address, and select their role from the dropdown menu.
The process is seamless after you've sent the invitation. Your new team member will automatically receive an email invitation to join your workspace. They can follow the instructions in the email to set up their account and gain access to your Hexus workspace.
The specific features can vary based on your specific plan. For a brief overview here is a select list of features that enables team collaboration on Hexus:
**Starter Plan:**
* Share your Hexus flows with team workspace
* Keep your shared demos upto date
* Send demos for reviews with your team members
**Growth & Enterprise Plan:**
* In addition to collaboration features available on starter plan, our growth and enterprise plan customers get access to advanced features such as comments and folders.
The Starter Plan offers flexible pricing options for additional members. You can choose between monthly and yearly subscription rates. To view the pricing for your plan, navigate to the billing tab on Hexus: [https://app.usehexus.com/profile?tab=billing](https://app.usehexus.com/profile?tab=billing)
We use prorated charging based on when members join during your billing cycle. For instance, if your billing cycle begins April 1st and you add a member on April 15th, you'll only be charged for the 15 days that member was active in your workspace that month.
Our Starter plan, starts off with 1 member on the workspace and allows adding additional members for a fee.
The Growth Plan comes with generous team capacity built-in. You'll get up to 5 members included by default in your subscription. If you need to add more team members beyond these 5 seats, additional member slots are available for purchase separately.
Enterprise Plan customers enjoy maximum flexibility with workspace members. You can add team members up to your workspace limit, and pricing is customized to fit your organization's specific needs. Contact our team to discuss custom pricing arrangements that work best for your enterprise
# Customization
Source: https://support.hexus.ai/collaboration/customization
Customize your logo, CTA appearance, colors, add custom assets in the Settings tab on the left.
**Quick Start:** To get started head over to the[ customization tab](https://app.usehexus.com/profile?tab=customization) in the Hexus web app
**Hexus Tip:** Configure your appearance to match your brand theme for consistency.
![]()
## Quick Tour on Customizing Your Branding
## A list of all the branding assets you can customize
Available on **Enterprise plan**
1. **Custom** [Images](https://app.usehexus.com/profile?tab=customization): Use shared assets across your flows to customize cover image, intro, outro templates, colors etc
2. \*\*Custom Videos: \*\*Use shared assets across your flows to customize cover image, intro, outro templates, colors etc
3. \*\*Watermark: \*\*Showcase your brand on all your content
4. **Custom Logo**: Customize your Landing Pages
![]()
5. **Documents or Text**: Upload documents or paste the information in text format to customize AI Guidelines
![]()
6. **Fonts:** Up to 5 fonts can be uploaded as **.ttf** or **.otf**
![]()
7. **Custom voice**: Don't want an AI voice? You can add your own voice or any other custom voice of your choosing to add to your demos and videos.
![]()
8. **Background Audio**: If you have a standard background audio that is added to all your brand videos and demos, you can do it easily in Hexus too! Upload up to 3 .mp3 audio files for this purpose.
![]()
9. **Custom Video**: Have some product videos already? You can add them here and use them in any new Hexus flows you make.
![]()
10. **Customize Hexus Public Links**: Add your brand identity to the hexus links you share with customers or add to your website. a. Add Logos, Watermarks, and Thumbnails b. Create Custom Calls-To-action
![]()
# How to Add Different Content Types on Your Showcase Page
Source: https://support.hexus.ai/getting-started/add-content-format-on-showcase
Add text-based stories, interactive demos, how-to guides and any external links to your showcase
Creating a demo showcase page is a powerful way to showcase your strengths, engage your audience, and achieve your objectives more effectively.
### Add any content type on your showcase page
Here's a step by step tutorial 👇
## 1. How to Add Flows to Your Showcase
Creating a demo showcase page is a powerful way to highlight your strengths, engage your audience, and reach your goals more effectively.
You can add videos, guides, blogs, and other formats to present your product with impact. Hexus AI allows you to personalize your showcase to match your brand.
### Steps to Add Flows:
1. Open your web browser and go to the **Hexus application**.
2. In the left panel, click on **“Showcases”**.
3. Click **“Create Showcase”** to begin.
4. Select the checkbox next to each **flow** or **story** you want to include.
* Choose from different content types like **settings-based stories**, **guides**, or **interactive demos**.
5. Click **“Publish”** to make your showcase live.
6. Use **“Preview”** to see how your showcase will appear to others.
7. Click **“Edit”** if you need to make changes.
***
## 2. How to Add External Links to Your Showcase
You can also enhance your showcase by including links to external content such as websites, videos, or documents.
### Steps to Add External Links:
1. While setting up or editing your showcase, click on **“Add External Link”**.
2. Paste the URL of the external resource you'd like to include.
3. Make sure your link adds value and supports the story or message you're conveying.
4. Reorder or organize links as needed to maintain flow.
5. When finished, click **“Publish”** to update your live showcase.
# How to Add or Update Your Email and Password on Hexus
Source: https://support.hexus.ai/getting-started/add-password-and-email
This guide explains how to manage your account email and password on Hexus
If you want to add or update your email address or password for your Hexus account, here’s how you can do it:
### **1. Adding or Changing Your Email**
Currently, we do not allow customers to directly update their email address for an existing account. However, if you need to change the email address associated with your account, please contact us at [team@usehexus.com](mailto:team@usehexus.com). We can assist you with transferring your account to a new email address.
### **2. Adding a Password During Signup**
When you sign up for a Hexus account, you will be prompted to create an email and password. You can do so by visiting the registration page:[Sign Up for Hexus](https://app.usehexus.com/register)
### **3. Changing Your Password**
If you need to change your password, you can do so by following the “Forgot Password” flow on the login page. Here’s how:
1. Go to the [login page](https://app.usehexus.com/login).
2. Click on the “Forgot Password”.
3. Enter your registered email address to receive a one-time verification code.
4. Follow the instructions in the email to reset your password.
If you have any questions or need assistance, feel free to contact our support team or write to us at [team@usehexus.com](mailto:team@usehexus.com)
# Hexus Content Editor Management Tool
Source: https://support.hexus.ai/getting-started/content-editor-management-tool
Manage and customize how the Hexus Content Editor replaces HTML text using configurable rules, directly within your Chrome extension.
### **Get Started**
The **Content Editor Management Tool** gives you the ability to define custom **HTML text replacement rules** used by the Hexus Content Editor in the Chrome extension.
💡 **Hexus Tip:**\
Keep rule names clear and consistent. This helps teams stay aligned and avoid confusion when working across multiple configurations.
***
## **Managing Your Content Editor Rules**
*********Available on Starter+ Plans, with team sharing unlocked for Growth+ Plans.*********
Here’s how to create and manage your replacement rules:
1. Click on **Settings** from the left-side panel.
2. Select **Content Editor Management Tool** from the available options.
3. Enter your preferred **Configuration Name**.
4. Add your desired **replacement rules** in the input fields.
5. Click on **Create Configuration** to save your rule set.
Your configuration is now active and will be used by the Hexus Content Editor within the Chrome extension.
***
## **Key Features of the Management Tool**
🛠️ **Custom Rule Creation**: Create, edit, or remove rules that affect how HTML text is processed
👥 **Team Sharing (Growth+ Plans)**: Share rule configurations across your team to keep content formatting consistent.
🔄 **Real-Time Rule Application**: Changes are reflected in how the Chrome extension processes content immediately.
### **Frequently Asked Questions**
Users on the **Starter plan and above** can create and manage configurations. Team sharing is only available on **Growth+ plans**.
The replacement rules you configure are applied inside the **Hexus Content Editor Chrome extension**, ensuring consistent content formatting during editing.
Yes, if you're on a **Growth+ plan**, you can share configurations with your entire team so everyone can use the same rules.
You can go back into the **Content Editor Management Tool** to edit, update, or delete any existing configurations.
# Create a Hexus Flow (Without Chrome Extension)
Source: https://support.hexus.ai/getting-started/create-from-scratch
Create a Hexus flow without using the Chrome Extension by uploading videos, images, or importing videos. Perfect for repurposing existing content and getting started quickly
You can create a Hexus Flow from scratch **without using the Chrome Extension**. This method allows you to upload your own videos and images or import existing Loom videos to build interactive product demos. It’s perfect for repurposing content and getting started with Hexus without the Chrome extension. If you're sitting on a goldmine of product videos or demos, you can now repurpose them into interactive walkthroughs in minutes using Hexus. Here's a quick guide on the **two ways to convert videos** with Hexus.
**Hexus Tip:** Use this option to quickly turn existing marketing, sales, or support videos into engaging, interactive experiences for your users.
***
### **Getting started without the Chrome Extension**
1. Go to [https://app.usehexus.com/video-to-flow](https://app.usehexus.com/video-to-flow)
2. On your dashboard, click on **“Convert Videos and Images into Flows”**
![Image(98) Pn]()
3. Choose your content source:
* **Upload a video** (MP4 format recommended)
* **Upload images** (JPG, PNG, or GIF)
* **Import from Loom** by pasting the Loom video URL
* **Record your screen** if you can't use the chrome extension or want to record or want a complete video
![Image(95) Pn]()
4. After uploading your desired files, add a script for your AI voiceover, AI Avatar or record your own video and audio. Note if you cant to convert your video to a Hexus Flow (Interactive demo) use the option.
![Image(96) Pn]()
5\. Click on Done to finish building your flow!
Here's your **guided tour** on how to create a video from scratch on Hexus.
***
### **Why use this method?**
* **No Chrome Extension required**: Great for users on restricted browsers or corporate devices.
* **Repurpose existing content**: Turn marketing videos, support walkthroughs, or product clips into reusable interactive demos.
***
### **Best practices**
* Keep your flows short and focused, ideally under 2 minutes for higher engagement.
* Use a **clear video resolution (720p or higher)** to ensure text and UI elements are visible.
* Combine multiple images or clips into one seamless flow for a guided experience.
# Editing Your Tour
Source: https://support.hexus.ai/getting-started/editing-your-tour
Learn how to customize your product tour
**Hexus Tip:** Configure your brand style, voice and tone in your settings. Doing so will update the default appearance of your tours to maintain consistency. Learn more here.
## Design, styles & image editing for Hexus tours
You can customize Hexus tours per your brand colors and styles. You can also crop, annotate, blur out sensitive info all in our editor. Learn more about our editing features in the tour below.
## Editing captions in your Hexus tour
Automatically generate captions and titles for your tours with our AI feature, or learn how to edit captions in the tour below.
## Add Interactive Text Input to flows
Enable viewers to type responses directly within your flow. This feature allows you to add interactive text input fields that capture user input and guide them to the next step based on their response perfect for forms, feedback, onboarding, or personalized experiences.
## Recording voice, camera and AI Avatar & voiceover options
Learn about our various AI generated or manual voiceover and camera recording features below. We also support adding background music in the Player Settings tab. To add pauses in your text-to-speech, you can add this syntax: ``
Make your tutorials more interactive with Hexus [AI Avatar](https://support.hexus.ai/advanced-editing/AI-Avatar) and [AI Voiceover](https://support.hexus.ai/advanced-editing/AI-Voiceovers) feature. With this you can add a virtual presenter to your content, making it more dynamic and professional.
## Recording Background Audio or Video for a Tour
Available on **Enterprise** Plan
Hexus supports recording one continuous video or audio clip across the entire tour flow, making it easier to maintain consistency and streamline narration.
**Where to Find It**
This feature is currently **only available in the Product Demo Video template**. To access the recording tools:
1. Open your tour in the Product Demo Video template.
2. Navigate to the **Media Toolbar**.
3. Click on the **Audio** or **Video** tab depending on your desired recording type.
**How It Works**
**Keeping screens in sync**
To keep the screens in sync with your voice or video recording - click on the steps timeline at the bottom of your screen to change steps while recording
* You can record **one continuous video or audio** clip that plays seamlessly across the full tour.
* This eliminates the need to record separate clips for each step.
* Ideal for product walkthroughs, voiceover demos, or end-to-end guided tours.
> **Note:** This feature is exclusive to Enterprise plan users. If you're interested in upgrading, please contact your Hexus account manager.
## Adding a Step to Flow
In the tour builder, you can add a step at any point in your flow by clicking the `Add Step` button. This allows you to enrich your tour with various types of content or interactivity, such as images, videos, forms, and more.
Each step type helps improve user engagement and guides your viewers through a more compelling and interactive experience.
Here, you can import steps from other Hexus flows, upload your media, record your desktop, or record from our Chrome extension.
**1. Upload Images** - Add static visuals by uploading PNG, JPG, or GIF files from your computer. These can be used for showcasing product screenshots, diagrams, or branded graphics.
**2. Upload Videos** - Enhance your step with pre-recorded videos (MP4, MOV, etc.). Ideal for demo reels, walkthroughs, or testimonial clips.
**3. Copy Steps from Existing Flows** - Reuse steps from another flow. This saves time when you want to maintain consistency across multiple tours or reuse onboarding sections.
**4. Add a Title Slide** - Introduce a section or provide context using a clean title slide. Include a headline, subheading, and optional image to create a cover or transition slide.
**5. Add a Form Slide** - Collect input from your viewers directly within the tour. Use this to gather feedback, signups, survey data, or email addresses.
**6. Record Screen or Camera as Video** - Capture your screen or webcam in real-time. This is perfect for personalized messages, live product demos, or troubleshooting guides.
**7. Capture a New Image Using Chrome Extension** - Use the Hexus Chrome Extension to grab screenshots of your app or website instantly and embed them directly into a step.
**8. Add an AI Avatar** - Personalize your flow with a lifelike AI presenter who can deliver scripted or dynamic content. Coming soon!
**9. Import Stock Images** - Search and insert royalty-free images from a built-in stock photo library to enhance visual appeal.
## Replacing a Step in a Flow
In the Hexus tour builder, you can replace a step at any point in your flow by following these steps:
* Click on the step that you want to change.
* Click on the gear icon.
* In the menu that appears, you will see three options:
* **Duplicate step**
* **Replace step**
* **Delete step**
* Click **Replace step**.
* On the main scene, you will be presented with six options to replace the step:
1. **Upload media** – Upload JPG, PNG, GIF, MP4, MOV, or WEBM files (Max 10MB each).
2. **Add an AI avatar** – Add an AI-generated avatar to your step.
3. **Copy step from other Hexus flows** – Use a step from a different flow.
4. **Record video** – Record your screen or camera directly.
5. **Replace with chrome extension** – Use the Hexus Chrome extension to capture content.
6. **Add image from Unsplash** – Search and add a stock image from Unsplash.
## Adding / Updating a Title Slide
You can add or update a title slide in your flow by following these steps:
1. Go to your desired flow.
2. Click on **Add step**.
3. In the window that appears, click on **Add Title Slide or Form**.
4. Click on **Create a page with a title, call-to-action, or external forms**.
5. Enter your **title** and **description**.
6. Click on **Add custom CTA** to add a call-to-action.
7. Click on the **Save** button.
## Auto-add Intro & Outro Steps to all Hexus Flows
To automatically add intro and outro steps to Hexus recorded flows, simply follow these steps:
1. Click on your **profile icon** in the left navigation bar
2. Select **Profile Settings** from the dropdown menu
3. Navigate to the **Customization** tab at the top of the settings page
4. Toggle on the **Intro Step** and **Outro Step** options to enable adding intro and outro steps respectively
5. **Save** your profile settings
## Creating Intro & Outro Templates
Availalabe on **Enterprise** plan and **Growth** plan as add-on (Contact us)
You can create an intro and outro templates to quickly add to your flows by following these steps:
1. Click on **Intro/Outro** on the right side panel on Hexus flow edit page.
2. Click on the **Create New** button.
3. In the template modal, you can update the background *(color, gradient, image, or video)*, blur, adjust alignment, and add a heading, description, and CTA.
4. Click on the **Save** button.
5. The created template can be added as an **Intro** or **Outro** step to the Hexus flow.
6. You can edit the **Intro** and **Outro** templates any time.
## Combining Steps in the How-to Guide
You can combine multiple steps into one in the how-to guide template to avoid having too many needless steps in the guide.
## Adding Animated Text
To add animated text for a limited duration on your Hexus flows you can use our **Animated Text** feature under **Annotations** settings.
1. Navigate to the **Edit** tab for the Hexus flow you want to edit and select the **Annotations** tab from the toolbar on the right side of your screen
2. Click on **Add Animated Text** from the annotations menu
3. You'll see placeholder text appear (typically "Hello World")
4. Click directly on this text to edit and type in your message
5. Use the annotations panel to adjust \*\*font size, color, alignment \*\*&\*\*duration \*\* for the animated text.
6. Finally, position the animated text in the appropriate position on the step
7. Preview your changes before publishing
## Player and Step settings
Additionally, we support customizing the player under **Player Settings** in the toolbar for accessibility, responsiveness, brand customization and more:
1. **Closed Captions:** This is available on the Growth & Enterprise plan. You can generate a transcript if your flow has audio.
2. **Play in loop:** By default, the interactive tour or video will not play in a loop. To enable autoplaying in a loop, turn the toggle on in the step settings toolbar.
3. **Background Music:** You can select one of our preset background music options. Enterprise plans support adding your own background music.
4. **Aspect ratio:** You can update the aspect ratio for your flows by adjusting the width and height, and clicking Update.
5. **Watermark:** Hiding watermark is only available on our paid plans. Enterprise plan holders can add your own watermark.
6. **Step settings:** You can control the duration of the step or playback speed under Step settings.
7. **Product Demo Video Animation:** You can customize how your product video animates in the Step Settings by changing the animation type.
![]()
1. **Mobile settings:** You can toggle the 'Show in Mobile' option on in Player settings for your flows so your customers can view your tours on mobiles seamlessly as well. The flow will render as a video instead of an interactive tour.
![]()
1. **Fixed CTA:** With this option, you can add a CTA on every step of the demo at a fixed location. You can use this to drive conversions for example "book a demo" or "sign up" or "view help center".
![]()
## Zoom In and Out
Adding **Zoom** helps highlight elements in the spotlight clearly, ensuring a smooth, clean, and aesthetic product tour for your customers. Here's how you can do it:
1. Open your desired product tour and click **Edit** to begin making changes.
2. On the right-hand side, click **Step Settings**.
3. In the settings window, switch the toggle to **On** to enable Zoom.
4. Use the **Zoom In** button to focus on this slide, or the **Zoom Out** button to return to the default view.
5. Click **Save** to complete the process.
6. *(Optional)* Click **Auto Zoom** to automatically apply Zoom to all steps in your product tour.
Here's an interactive demo👇
## Focus Windows
Focus windows are helpful when you want the users to focus on just one part of the screen. No distractions from any other part of the video, it conveys the message with utmost clarity. Here's how you can add them:
1. Go to your desired product tour, click on the 'Edit' button to begin making changes.
2. On the right hand side, you will find 'Step Settings'. Click on it to proceed.
3. Once the window opens, switch the toggle to 'on' to enable the Focus Window
4. You can now place the focus window anywhere on the screen
5. Complete this by clicking on the save button
Here's an interactive demo 👇
# Using the Hexus Chrome Extension
Source: https://support.hexus.ai/getting-started/extension
The Hexus extension can be downloaded from the Chrome store or Edge store and supports a variety of capabilites based on your plan.
Download the Chrome extension using [this link](https://chromewebstore.google.com/detail/hexus/ihickminlacpaeajbecffaoplmjlofao).
## 1. Screen capture
When recording, the Chrome extension captures your Chrome tab every time you click on the screen. You can capture content cross-tab, cross-window as long as it is in the Chrome browser. When you stop recording, the steps are put together with smooth cursor movements.
## 2. Video capture
To record typing and scrolling actions as video steps, you have to be on Starter plans or above. If the actions are longer than 5 seconds, then they will be recorded as video steps with your Chrome mouse cursor.
## 3. Replace
To replace a certain step in your flow, you can use our “Replace” option available in Step settings. More about Replace [here](/advanced-editing/refresh-beta).
## 4. Refresh
Hexus offers browser automation to re-record your flows or test for stale flows when they go out of date. More about Refresh [here](/advanced-editing/refresh-beta).
## 5. Hexus Content Editor
You can edit page copy before or during recording a flow with Hexus. Our HTML editor is great especially for data clean up or personalizing messaging. To edit page copy, enable any of our paid plans.
[View the full guide](/advanced-editing/editing-page-copy) on editing page copy.
# Hexus AI Studio
Source: https://support.hexus.ai/getting-started/hexus-ai-studio
Everything you need to know about the AI Studio
### **Get Started**
Hexus AI Studio is your central hub for creating all your product marketing collaterals. Social posts, summaries, product updates, help guides, product videos, interactive demos, and repurposing existing content in various formats without the need for coding or designing skills.
**💡 Hexus Tip**: Add additional context like brand guidelines, tone of voice, or any data relevant to your search in the ‘Add context data’ bar on the bottom left side of the screen. This will help in getting the most accurate results to you in minutes.
### **Getting Started with Hexus AI Studio**
![]()
Create, repurpose, and ace their daily tasks by -
* Quickly generate content for product updates, sales presentations, and customer success materials.
* Automatically customize content to adhere to brand guidelines, ensuring consistent messaging across all formats.
* Build a central hub for teams to collaborate in real-time, breaking down silos and improving productivity.
* Enable non-technical team members to create high-quality content, eliminating dependency on external resources.
* Adapt existing content for different platforms and use cases without starting from scratch.
### **Hexus AI Studio features**
* **General Mode and Hexus Mode** - General Mode works with Hexus’ LLMs and can be used to get answers to general queries. Here you would find general answers as you might find on any AI search engine. \
Hexus Mode helps you get more specific answers to your product. It works on all your previously saved Hexus guides and any additional context data that you may add. You can switch between the two as per your requirements.
* **Content templates and formats** - You can ask Hexus AI Studio to create content in various formats like product demo videos, tutorial content, knowledge base articles, email updates, social media snippets, guides, and more.
![]()
* **Repurpose existing screen recordings** - Each recording can be instantly repurposed across multiple channels and formats almost instantly. Use the AI features to edit and improve the content before publishing.
![]()
* **Automatic content updates** - Hexus AI will make automatic updates to all screens if there are changes in the interface making content updates and maintenance easy.
* **Engagement tracking and performance analytics** - Get a 360 view of how your content collaterals performed and if your audience is engaging with it.
![]()
### Use Cases of AI Studio
Here’s how different teams can leverage AI Studio for:
* **Product Marketing:** Feature announcements, launch materials, product demos
* **Customer Success**: Help documentation, video tutorials, training guides
* **Marketing**: Landing page content, email campaign materials, social media content
### FAQs
The AI automatically processes your recordings, removing mistakes and adding professional captions, creating polished content without manual editing.
Yes, you can choose from multiple natural-sounding voices, and preview the audio before finalizing your content.
Simply re-record the flow, and Hexus AI Studio automatically updates all associated content across different formats and channels.
Yes, the Hexus Analytics platform provides engagement data and analytics to help you understand content performance and identify areas for improvement.
# Welcome to the Hexus Resource Hub
Source: https://support.hexus.ai/getting-started/hexus_resource_hub
We're here to answer your questions. Can't find what you're looking for? Send our support team a note at team@hexus.ai
## Quick Tour
Hexus creates, maintains, and tracks customer education content in minutes, simply by recording your screens. Create interactive tours, how-to-guides, blogs and keep it all up-to-date automatically. Watch our quick tour below.
## Getting Started
Sign up for Hexus using [this link](https://app.usehexus.com/). You can sign in using email, Google Workspace or Okta, depending upon your plan.
Download the [Chrome extension](https://chromewebstore.google.com/detail/hexus/ihickminlacpaeajbecffaoplmjlofao) and pin it to Chrome as shown below.
The Hexus Chrome extension records your screens, clicks, typing actions and cleans it up to create an interactive product tour with editable captions. You can repurpose this to create how-to-guides, blogs, emails and more. More on this [here](/repurposing).
## FAQs
It can record complex interactions within the Chrome browser, including pop-ups, multiple tab, multiple windows.
Currently we only support Chrome and Edge. Request support for other browsers by dropping a line at [team@hexus.ai](mailto:team@hexus.ai)
The Chrome extension can record anything within the browser. However, to record anything outside the Chrome browser:
1. Go to an existing flow in your dashboard
2. Make sure it is the Interactive Product Tour template. Go to the Edit mode.
3. Click on “Add a Step”.
4. Click on “Record your screen” or “Record your Camera”. You will be able to edit and trim these videos when you’re done recording.
The Hexus extension records screenshots unless the “Record scrolling & typing as video steps” checkbox is checked in the Extension. If checked, Hexus will record a video snippet when you’re scrolling or typing for longer than 5 seconds.
You can set up your [keyboard shortcuts](chrome://extensions/shortcuts) to capture screens that the extension doesn’t. They will still be added to your flow, so you don’t need to stitch them together.
Yes. Just open the extension after you’ve started recording, and click on “Pause recording”. You can click on “Continue recording” when you’re ready to capture your screens again. Additionally, if you open the Page Editor from the Chrome extension in the middle of your recording, the recording will be paused until you close the Page Editor.
Yes, embedded Hexus tours and videos will automatically resize to fit your screen width.
## Data Protection & Privacy
Your Data is our Top Priority
Use the SDK instead of the chrome extension to record and show Hexus Demos in your apps
# How to Record an HTML Capture on Hexus
Source: https://support.hexus.ai/getting-started/html-capture
Capture and preserve any web page's HTML structure for a realistic product tour
Hexus makes it super simple to capture HTML from any webpage while recording your interactions. This powerful feature lets you document web interfaces, preserve page states, and create editable HTML copies for all your GTM needs.
Available on **Growth** & **Enterprise** plans
### Quick Tour
### 1. Recording a new HTML Flow
To get started with capturing your web application's HTML structure, first, you'll need to access the Hexus Chrome extension from your browser toolbar.
![1 Pn]( "1 Pn")
1. Click on the **Hexus extension icon** in your Chrome browser's toolbar
2. Look for and click the **Capture HTML** option from the available recording modes
3. The extension will initialize and prepare to start recording your web page
Once you've selected this option, Hexus is ready to begin capturing both your interactions and the underlying HTML structure of the pages you visit. You'll notice the extension icon changes to a step counter indicating that HTML capture mode is active.
### 2. Navigate Through Your Web Application While Recording
Now comes the fun part - simply use your web application as you normally would! Hexus works quietly in the background, automatically capturing everything you need.
During this recording phase:
* **Navigate naturally** through your application - click buttons, fill forms, or browse different sections
* **Hexus automatically records** each interaction you make with the page
* **The page HTML** is captured alongside your actions, preserving the exact state of each element
* **No manual intervention needed** - just focus on demonstrating the workflow you want to capture
This intelligent recording system ensures that every click, every form field, and every dynamic element on your page is properly documented along with its HTML structure. Whether you're capturing a simple static page or a complex web application with multiple interactive elements, Hexus handles it all seamlessly.
### 3. Stop the Recording When You're Done
After you've navigated through all the pages and elements you want to capture, it's time to stop the recording and save your work.
![3 Pn]( "3 Pn")
1. Return to the **Hexus Chrome extension** by clicking its icon again
2. Locate and click the **stop button** in the extension interface
3. The recording will automatically save to your Hexus account
The stop button is prominently displayed in the extension window, making it easy to end your recording session whenever you're ready. Don't worry about stopping at the perfect moment - you can always edit your capture later!
### 4. Review and Edit Your Captured HTML
Once you stop the recording, Hexus automatically opens your captured content for immediate review and editing.
![4 Pn]( "4 Pn")
What happens next:
* A **new browser window** automatically opens with your recording
* You'll see your **captured HTML** displayed exactly as it appeared during recording
* The interface provides **editing tools** to modify and enhance your capture
* All your interactions are preserved and can be **replayed or edited** as needed
### Making the Most of Your HTML Capture
Your captured HTML is now ready for various uses:
1. **Documentation** - Create accurate documentation with real HTML examples for your customers
2. **Personalized Sales Demo** - You edit your HTML captures, replacing text, images and more components for personalized sales demos
3. **Marketing** - Embed on your landing pages to give users a real feel of your product
4. **Training materials** - Build interactive tutorials using actual page structures
### FAQs
Yes our HTML capture works on all environments, including logged in and sandbox environments
Yes you can replace as well as hide text, images and more components on your flow in the edit mode
# Loom Video Imports on Hexus
Source: https://support.hexus.ai/getting-started/import-loom-video
Import Loom videos into Hexus and use them as standalone video steps or convert them into fully interactive Hexus Flows
You can easily import Loom videos into Hexus to create interactive product demos, onboarding guides, or training walkthroughs. By using the **Convert Videos and Images into Flows** feature, Hexus gives you the flexibility to either embed Loom videos directly or convert them into fully interactive Flows using AI.
**Hexus Tip:** Use Loom imports to repurpose existing content; especially for onboarding, support, or product tutorials without having to re-record anything.
### Using Loom Videos in **Video to Hexus**
If you’re using the Video to Hexus feature:
1. Visit [**app.usehexus.com**](http://app.usehexus.com)
2. Go to **Convert Videos and Images into Flows** in your dashboard
![Image 2025 06 02T225201 603 Pn]()
3. Select **Video Link** and paste your Loom video URL
![Image 2025 06 02T230421 416 Pn]()
4 . Click **Continue as Video** or **Convert to Hexus Flow**
Converting into a Hexus Flow takes a few minutes. For quicker results, choose \*\*Continue as Video \*\*and simply add your script.
![Image 2025 06 02T231236 544 Pn]()
5\. Your flow will appear in your dashboard within a few minutes. We’ll send you an email or notification once it’s ready.
This feature is useful when you want to turn a long-form Loom explanation into an interactive experience with clickable elements and step-by-step guidance.
Here's an interactive demo:
### **Ways to use Loom videos in Hexus**
You can use imported Loom videos in two ways:
#### **1. As a video step**
Embed the Loom video as a single step within an existing Hexus Flow — perfect for walkthroughs, feature callouts, or support explanations.
#### **2. Convert to a full Hexus Flow**
Let **Hexus AI** analyze the Loom video and automatically break it into interactive steps. You can then:
* Add hotspots, captions, and CTAs
* Split the content into scenes
* Customize the experience like any other Hexus Flow
# Publishing and Sharing Your Hexus
Source: https://support.hexus.ai/getting-started/publishing-and-sharing
Discover all the channels on which you can share your Hexus and engage customers.
**Hexus Tip:** Use the Embed function to make the most of Hexus. Embedding keeps your published content in sync with the editable version, so it is much easier to keep your content up-to-date.
## Publishing Drafts
Any edits on Hexus templates are saved as drafts. To save changes, you need to publish the draft before sharing.
To discard a draft you can simply revert back to the last saved version by clicking on 'Discard draft.'
![]()
## Sharing options
Hexus offers a variety of sharing options such as:
1. **Embed (Recommended):** Hexus tours can be embedded inside anything that supports iframes such as Webflow, Notion, Coda, Intercom, Zendesk, Jira, Confluence, and more.
2. **Export:** Download Hexus templates as MP4, GIF, HTML, PDF, PowerPoint, or images. You can also copy them into Google Docs, Email, Word, Zendesk, and more as HTML, Markdown, or plain text.
3. **Share as link:** You can share a template as a link and control access (public or restricted).
### Embedding on Zendesk
Make sure the Zendesk Guide settings are updated to display unsafe content. Here's how you can do that:
You can delete, duplicate or share a flow form your dashboard using the options on the right:
![]()
### Embedding on Freshdesk
## Embed Tracking in Hexus
Enterprise plan holders can now use embed tracking in Hexus.
You can track all the pages that have an embedded flow. To track, add the URL in the reference link field, then copy the iframe embed code.
Any updates made to the Hexus flow will update everywhere it is published.
These features are available on starter plans and above.
## FAQs
Email providers do not support embedding. For the best results, you can download your product tour as an MP4 or a GIF and insert it in your email. You can also add the link for the product tour in your email.
You can add Metadata in the Share dialog and select a thumbnail to your Hexus hosted videos. You can also generate transcripts for your audio in the Player Settings. Contact us to enable Video Schema Markup.
![]()
# Repurposing to Other Templates
Source: https://support.hexus.ai/getting-started/repurposing
Record once, repurpose indefinitely.
**Hexus Tip:** **Toggle** Hexus AI on for the best result.
You can repurpose a product tour into a:
1. Interactive Product Tour
2. How-to guide
3. Product Walkthrough Blog
4. Product announcement email
5. Product demo video
All of the templates stay in sync with any changes made to one template. You can duplicate flows to publish different templates to different locations.
Here’s more about the different templates and how to repurpose them:
# Video Recording mode on Chrome Extension
Source: https://support.hexus.ai/getting-started/video-recording-mode
Capture your screen as a high-quality video. Record a tab, window, or your full screen for easy sharing and smooth playback.
With the Video Recording mode in the Hexus Chrome Extension, you can record your screen activity in a single, polished video. Choose to capture:
* A browser tab
* A specific window
* Your entire screen
**Hexus Tip:** Keep your videos concise and focused (ideally under 2 minutes) to retain viewer attention.
### **Recording your screen as a video**
To record a screen using the [Hexus Chrome Extension](https://support.hexus.ai/getting-started/extension):
![Image 2025 06 14T010424 331 Pn]( "Image 2025 06 14T010424 331 Pn")
* Click the Hexus extension icon in your Chrome toolbar.
* Select **Record Video** from the options.
* Choose your recording area:
* **Current Tab** – Records only the tab you’re viewing.
* **Window** – Records the entire browser window.
* **Entire Screen** – Records everything on your screen, including other apps.
* After selecting your option, recording starts automatically after a short countdown.
* When finished, click **Stop Recording** in the Chrome extension.
![Image(93) Pn]( "Image(93) Pn")
### **After recording**
Once the recording is stopped:
* The video is saved and processed in your dashboard.
* You can now click on the "Edit" button
![Image(94) Pn]()
* Now you can choose to [customise your video](https://support.hexus.ai/getting-started/editing-your-tour), add [AI voiceovers](https://support.hexus.ai/advanced-editing/AI-Voiceovers),[ AI Avatars](https://support.hexus.ai/advanced-editing/AI-Avatar) and more from our editor!
* You can preview, [publish and share](https://support.hexus.ai/getting-started/publishing-and-sharing) the video directly.
### **Best practices**
* For videos longer than 2 minutes, the Chrome Extension automatically records in **2-minute chunks** to ensure performance and reliability.
* **Close unnecessary tabs** to avoid distractions and ensure smooth performance.
* **Test before sharing** to confirm audio, video quality, and what’s visible.
* **Use a headset** if recording with voice for clearer audio.
You can record a single browser tab, an entire browser window, or your full screen. This includes other open apps or windows if you choose the “Entire Screen” option.
You can record videos up to **15 minutes** long. Videos longer than 2 minutes are automatically saved in **2-minute chunks** to ensure smooth performance and upload.
Click the Hexus Chrome Extension icon, select **“Record a video”**, choose what to record, and the recording will begin after a short countdown. Once you’re done, click **“Stop Recording”** from the Chrome Extension toolbar.
The Video Recording mode helps you clearly demonstrate workflows, product features, or on-screen processes without needing complex tools. It’s perfect for:
* **Product demos** and **tutorials**
* **Customer support** or **training material**
* Quickly sharing **visual feedback** or **bug reports**
* Creating **personalized walkthroughs** for users or clients
By recording your screen directly from the Chrome Extension, you can save time, maintain clarity, and instantly share content—all from your browser, with no extra software needed.
The video recording mode is available starting from the 'Starter' plan and is included in all higher-tier plans as well.
# Best Practices
Source: https://support.hexus.ai/guides/best-practices
Here are 7 Best Practices for creating engaging Interactive Product Tours
Crafting compelling interactive product tours is key to attracting customers and showcasing your software. This is a complete guide to creating the best learning experiences for your customers.
🌟 **Here’s why you should use interactive product tours over static videos for product education:**
1. **📈 Higher engagement**: Interactive tours have 2.5x higher CTR and completion rates than static videos. Take your learning content up a notch by fully leveraging the value of interactive tours and utilizing interactive components like CTAs and forms.
2. 🧠 **Effective learning**: Interactive demos can simulate the experience of your product in a safe environment. Create multi-path "choose your own adventure" flows easily to maximize learning for viewers.
3. ⏱️ **Self-paced**: Bite-sized information that's easy to digest can be broken down into self-guided tours, allowing users to learn at their own pace.
4. 🎯 **Easy to customize & personalize**: Interactive tours are 10x easier to edit than videos. You can leverage personalization to create targeted content for different audiences. Plus, it's easy to keep your tours up-to-date as your product evolves.
Follow these best practices to create tours that engage your audience and drive conversions:
## 1. Define Your Target Audience and Use Cases
Before creating your interactive tour, clearly define your target audience and the specific use cases your product addresses. Tailor your tour content to speak directly to your ideal customer's pain points and demonstrate how your product solves their problems. Create multiple tours for different personas or use cases to provide a more personalized experience.
## 2. Keep Your Tour Concise and Focused
Aim to create a tour that is concise and focused on your product's core features and benefits. Keep the number of steps in your demo between 10 and 15, with each dialog box containing around 25-30 words. Keep your audience engaged and keep their attention without overloading them with information.
## 3. Use Compelling and Inviting Language
When crafting your tour’s copy, use language that is both compelling and inviting. Incorporate words like "easy," "simple," and "love" to emphasize your product's user-friendly nature. Additionally, use personal pronouns like "you" and "your" to create a more engaging and relatable experience for your audience.
Configure your tone and voice using in our Settings tab:
## 4. Incorporate Multiple CTAs Throughout the Tour
Include 1 or 2 calls-to-action (CTAs) throughout your interactive tour to guide users towards the next steps in their journey. Popular CTAs include "Book a Demo," "Free Trial," and "Additional Tours." Place CTAs strategically within your tour, such as around steps 11 and 15, to maximize engagement and conversions.
## 5. Consider Ungating Your Tour
While gating your tour with a form can help capture leads, ungated tours often have higher completion, engagement, and click-through rates. If lead generation is a priority, consider placing a form later in the tour (e.g., after step 5) or offering multiple CTAs throughout the tour to strike a balance between user experience and lead capture.
More on adding a form [here](/advanced-editing/lead-capture-form).
## 6. Optimize Your Tour’s Placement and Promotion
To maximize your interactive tour’s visibility and engagement, place it prominently on your website. Consider adding a full-screen demo accessible via a "Take a Tour" or "Start Tour" CTA button above the fold or in the navigation bar. If you have a complex product or multiple target audiences, create a tour library that showcases different features or use cases.
## 7. Continuously Iterate and Improve
Regularly analyze your interactive tour’s performance and gather user feedback to identify areas for improvement. Experiment with different content, CTAs, and placement strategies to optimize engagement and conversion rates. As your product evolves, update your tours to reflect new features and benefits.
Use our [auto-refresh](/advanced-editing/refresh-beta) feature to keep your tour up-to-date.
# Use Cases
Source: https://support.hexus.ai/guides/use-cases
Marketing, Customer Success, and Sales can all use Hexus for various customer touchpoints.
## 🎯 Marketing
### 1. Demand Generation: Drive Conversions with Interactive Product Experiences
* Eliminate unqualified leads - allow prospects to interact with a product demo before contacting sales
* Increase high intent leads - conversion rates, generate more MQLs, and grow your customer base with CTAs and lead capture forms
* Use completion rates and engagement data to optimize experiences and attribute conversions
* Create and personalize demo centers for different customer segments with visibility and sequence rules
### 2. Product Marketing: Announce New Features with Interactive Tours
* Showcase new features in emails, landing pages, and blog posts
* Drive product adoption, expand usage, and accelerate go-to-market strategies
* Monitor viewer data to gauge the effectiveness of announcements and attribute feature adoption
### 3. Drip Marketing: Use Hexus tours in your email sequences
Create marketing emails by repurposing a template, or draft your own and insert a product tour in it for showcasing your product.
* Insert a personalized Hexus product tour in your:
* Feature announcement emails
* Onboarding emails
* Lead nurture emails
* To insert Hexus tours in your emails use one of the options below:
* Embed tours as an iframe in your email
* Download as a GIF and insert in your email
* Download as an MP4 and insert in your email
## 📞 Customer success and enablement
### 1. Instant Tutorials for Customer Onboarding and Help Center
* Guide new users through features and functionality
* Accelerate time-to-value, increase product adoption, and reduce churn
* Analyze completion rates to identify areas where customers struggle and optimize tutorials
### 2. Engaging Onboarding Emails
* Introduce new customers to the product with interactive elements and personalized content
* Improve customer engagement, drive product usage, and foster long-term relationships
* Track email metrics and product tour engagement to refine content and optimize the onboarding journey
### 3. Easily Updatable Help Center Articles
* Ensure customers have access to current and accurate information
* Enhance self-service, reduce support tickets, and improve customer satisfaction
* Monitor viewer data to identify popular articles and prioritize content updates
### 4. Interactive Training Materials
* Develop engaging videos and articles that facilitate learning and knowledge retention
* Streamline employee onboarding, enable continuous learning, and improve team productivity
* Analyze completion rates to identify areas where employees struggle and optimize training materials
## 🤝 Sales
You can use Hexus interactive product tours for buyer evaluation and discovery automation.
### 1. SDR: Personalized Product Tours for Prospecting
* Create personalized product tours at scale using custom variables to engage potential customers effectively. More on that [here](/advanced-editing/personalization).
* Book more meetings, shorten sales cycles, and close more deals.
* Utilize [analytics](/collaboration/analytics-and-reporting) to optimize tours and identify the most effective content.
### 2. SE: Personalized Product Tours for Leave-Behinds
* Reinforce key points and allow prospects to explore the product at their own pace.
* Accelerate the sales process and improve the chances of closing deals.
* Analyze viewer data to identify which features resonate most with prospects.
# Google Analytics
Source: https://support.hexus.ai/integrations/analytics
Integrate Google Analytics with Hexus to gain deep insights into user behavior and campaign performance.
## Google Analytics
Hexus provides tracking for the following critical events across all Hexus flows:
1. **Page Views:** Capturing when users view specific flows and product videos hosted by Hexus.
2. **Steps Viewed:** Tracking when users navigate to and view individual steps within a Hexus flow.
3. **Steps Clicked:** Recording user interactions such as clicks in a Hexus flow.
These events will be structured to provide meaningful data within your Google Analytics 4 property, allowing for detailed analysis of user engagement and progression through your product.
### **Integration Setup: Enabling Your Google Analytics Tracking**
To activate this integration, Hexus requires specific configuration details from your Google Analytics 4 property.
#### **1. Providing Your Google Analytics Measurement ID (Basic Tracking)**
For fundamental client-side tracking of Page Views, Steps Viewed, and Steps Clicked, you will need to provide your Google Analytics 4 Measurement ID. This ID directs all client-side events from Hexus to your specific GA4 property.
**Action Required:** Please provide your Google Analytics 4 Measurement ID on the Integrations page within the Hexus app at the following link: [https://app.usehexus.com/integrations](https://app.usehexus.com/integrations)
**How it Works:** Once your Measurement ID is configured, the Hexus application will dynamically initialize its client-side analytics to send these events directly to your designated Google Analytics 4 property. This ensures that all browser-based interactions are captured and attributed to your GA4 (Google Analytics) account.
#### **2. Providing Your Google Analytics Measurement Protocol API Secret (Advanced Tracking)**
For advanced analytics tracking, such as precise conversion rate measurement and reliable capture of initial page views from server-side rendered pages, we will utilize the Google Analytics 4 Measurement Protocol. This server-to-server communication method offers enhanced accuracy and resilience against client-side limitations like ad-blockers. To enable this, you must provide an API Secret from your Google Analytics 4 property.
**Action Required:** Please generate an API Secret within your Google Analytics 4 property and provide it to us.
**Instructions to Obtain Your API Secret:**
1. Log in to your Google Analytics 4 account.
2. Navigate to the Admin section (usually found in the bottom-left corner).
3. In the "Property" column, click on Data Streams.
4. Select the relevant Web data stream for your Hexus integration.
5. Under the "Google tag" section, find and click on Measurement Protocol API secrets.
6. Click the "Create" button to generate a new API secret.
7. Copy the generated API Secret string.
8. Enter this API Secret in the Hexus integrations page. Your dedicated Hexus account manager can enable the integration for you.
**How it Works:** With your Measurement ID and API Secret, the Hexus backend will be able to send server-side events (e.g., initial page views for server-rendered pages, or conversion events completed on the server) directly to your Google Analytics 4 property. This ensures that your analytics data is comprehensive and accurately reflects user activity, even for events that originate outside the client's browser. We will ensure that these server-sent events are correctly attributed to user sessions by including necessary identifiers like client\_id and session\_id from user cookies.
### Event Details
Here’s a breakdown of the event names and parameters we plan to send.
* **Page Views:**
* **Event Name:** page\_view
* **Parameters:** page\_location (full URL), page\_title (page title), client\_id, session\_id, engagement\_time\_msec (for server-side).
* **Mechanism:** Initial page views on server-rendered pages will be sent via GA4 Measurement Protocol. Subsequent client-side navigations will be tracked via [getanalytics.io](http://getanalytics.io).
* **Sample Payload:**
```
{
"event": "page_view",
"anonymize_ip": false,
"page_hash": "",
"event_timing_ms": 2,
"page_path": "/flow/unique-hexus-flow-id",
"enhanced_event": true
}
```
* **Steps Viewed:**
* **Event Name:** step\_viewed
* **Parameters:** flow\_name, step\_number, page\_location.
* **Mechanism**: Client-side tracking of events in browser, directly sent to your GA4 account
* **Sample Payload:**
```
{
"event": "stepViewed",
"anonymize_ip": false,
"flow_id": "unique-hexus-flow-id",
"flow_type": "FLOW",
"subflow_id": "",
"os": "Operating System name",
"browser": "Web browser",
"device_type": "Mobile, Desktop, etc.",
"location": "Browsing location",
"creator_id": "unique id of the creator of flow",
"title": "Title of your Hexus flow",
"workspace": "workspace where the flow is hosted",
"stepNumber": 1,
"category": "DEMO",
"totalSteps": 12,
"wl_href": "referrer link",
"event_timing_ms": 108,
"enhanced_event": true
}
```
* **Steps Clicked:**
* **Event Name:** step\_clicked
* **Parameters:** flow\_name, step\_number, page\_location.
* **Mechanism:** Client-side tracking of events in browser, directly sent to your GA4 account
* **Sample Payload:**
```
{
"event": "stepClicked",
"anonymize_ip": false,
"flow_id": "unique-hexus-flow-id",
"flow_type": "FLOW",
"subflow_id": "",
"os": "Operating System name",
"browser": "Web browser",
"device_type": "Mobile, Desktop, etc.",
"location": "Browsing location",
"creator_id": "unique id of the creator of flow",
"title": "Title of your Hexus flow",
"workspace": "workspace where the flow is hosted",
"stepNumber": 1,
"category": "DEMO",
"totalSteps": 12,
"wl_href": "referrer link",
"event_timing_ms": 108,
"enhanced_event": true
}
```
# How to Integrate Hexus with Apollo.io
Source: https://support.hexus.ai/integrations/apollo
Supercharge your lead management by connecting Hexus with Apollo.io for automated enrichment and outreach
Want to automatically sync your Hexus leads to [Apollo.io](http://Apollo.io) for powerful enrichment and outreach capabilities? This integration makes it super simple to connect both platforms in just two clicks. Let's walk through the quick setup process that'll have you syncing leads in under a minute.
1. First, you'll need to access your integrations hub where all available connections live. Open your Hexus dashboard and look for the **Integrations** section in your main navigation menu. You can also navigate directly to [https://app.usehexus.com/integrations](https://app.usehexus.com/integrations) to save a click.
2. On the [**Apollo.io**](http://Apollo.io) integrations card, click on the **Connect Now** option - you'll be redirected to Apollo's login and permissions page.
3. If prompted, log in to [**Apollo.io**](http://Apollo.io) with your credentials and grant permissions for **Hexus** by clicking on the **Authorize** button
4. And that's it! You are now ready to sync your [**Hexus Form Leads**](https://support.hexus.ai/advanced-editing/lead-capture-form#adding-a-lead-capture-form) with [Apollo.io](http://Apollo.io) contacts
# GitBook
Source: https://support.hexus.ai/integrations/gitbook
On-brand interactive product demos, tutorials created in minutes.
Supercharge your documentation with on-brand interactive product demos, tutorials created in minutes.
![Screenshot2025 01 22at7 33 00PM Pn]()
Here's how you can do it -
* Just paste a Hexus Flow or Multiflow URL into your GitBook documentation and the integration will automatically render it as an interactive product demo
* To configure, navigate to [https://app.gitbook.com/integrations/hexusai](https://app.gitbook.com/integrations/hexusai) and click the install button to get started. Choose the appropriate options in the installation flow to install Hexus in one or more spaces across your GitBook organization
# Google Drive
Source: https://support.hexus.ai/integrations/google-drive
Export your text-based stories and all your Hexus AI Studio chats to your Google Drive
***
![Unnamed Pn]()
You can now export your text-based stories and all your Hexus AI Studio chats to your Google Drive now!
This will help you easily organize all your stories and chats in one place and you share it with team members who are not on the platform.
Here’s how you can do it -
* Go to the integrations button on the left panel and click on ‘Connect Now’ on the Google Drive page
* Login with your primary email - this account is where all your documents will be stored
* You can now export your Hexus stories on this account!
# Google Workspace
Source: https://support.hexus.ai/integrations/google-workspace
Integrate your Google Workspace with Hexus
![Image 2025 06 14T014624 991 Pn]( "Image 2025 06 14T014624 991 Pn")
Hexus is your all-in-one collaborative platform to create demos, videos, guides, and more.
With our Google Workspace integration, you can now supercharge collaboration directly within Docs, Sheets, and Slides.
**How it works:**
1. Simply paste any existing Hexus Flow, Multiflow, or Showcase link into your Google Docs, Sheets, or Slides.
2. Hexus will automatically convert the link into a smart chip — making your documents more interactive and contextual.
**What you can do with it:**
1. Hover over the smart chip to see a rich preview of the Hexus content without leaving your document.
2. Collaborate seamlessly by sharing and discussing product demos directly inside your Google Workspace.
Make your documents actionable and visually richer for internal teams and external stakeholders.
This integration ensures that your Hexus content stays embedded naturally into your workflow — boosting efficiency, context, and collaboration.
# HubSpot
Source: https://support.hexus.ai/integrations/hubspot
Optimize lead capture and management from interactive product tours
Hexus enables seamless integration with HubSpot to optimize lead capture and management from interactive product tours. By connecting your Hexus account with your HubSpot portal, you can automatically capture and manage leads generated from Hexus tours.
### **a. How to integrate**
Connect to HubSpot through the integrations page and grant the required permissions. Once integration is complete, check if new Hexus property (Hexus URL) is created.
Contact us at [team@hexus.ai](mailto:team@hexus.ai) for any other properties.
### **b. Workflows**
1. **Lead Capture:** Hexus automatically creates a contact in HubSpot whenever a lead fills a Hexus form. Remove any filters from your contacts table to view the newly created contacts. Learn more on how to add a form [here](https://support.hexus.ai/advanced-editing/lead-capture-form).
![Hexus Hubspot Lead Capture Pn]( "Hexus Hubspot Lead Capture Pn")
2. Custom forms: Embed custom HubSpot forms within Hexus tours to collect lead information seamlessly. Learn more here.
![Hexus Hubspot Custom Forms Pn]()
3. **Landing pages:** Embed iframe on to HubSpot landing pages directly. You can also create and run an A/B test on your landing page, and embed variants of a product tour. Hexus collects key metrics such as the number of viewers, completion rate, and click-through rate for each product tour. Analyze this data in conjunction with your HubSpot A/B test results to maximize conversion rates and customer engagement.
4. **Email sequences:** Embed Hexus tours into your email sequences for new feature announcements, onboarding, lead nurture, and more. You can personalize your tour using name and email variables in Hexus & HubSpot. Learn more about personalization [here](https://www.notion.so/ea3d7951ecca49a1935b49cdda25066c?pvs=21). More on how to use Hexus tours in email sequences [here](https://www.notion.so/2708f2461c104dd0a806e43a21f14678?pvs=21).
![Hexus Hubspot Email Sequences Pn]()
Contact us at [team@hexus.ai](mailto:team@hexus.ai) to enable any other workflows. e.g: Activity tracking.
# Intercom
Source: https://support.hexus.ai/integrations/intercom
Integrate Hexus with your Intercom workflow
Hexus videos can be downloaded as MP4 and added to your Intercom articles. However, you can embed Hexus videos as iframes into Intercom’s custom answers.
To get started, follow these steps:
1. **Create a Messenger App**:
* Log in to the Intercom Developer Hub.
* Set up a new Messenger app in the Canvas Kit using the Sheets mode. This allows you to embed iframes within the Messenger.
2. **Configure the App**:
* Use the provided documentation for Canvas Kit to configure your iframe settings. This will involve specifying how your Hexus videos are loaded within the Messenger window.
3. **Publish and Install the App**:
* Publish the Messenger app and install it into your customer's Intercom workspace.
4. **Add to Workflow**:
* In the Intercom workspace, go to the custom answers section.
* Add the Messenger app to the workflow using the “Send an app” action.
* Users will interact with Hexus videos directly within the Messenger window via the iframe.
5. **Test and Refine**:
* Ensure everything works seamlessly by testing the integration in different scenarios and refine as needed.
For detailed implementation, refer to the Intercom Developer Hub and [Canvas Kit documentation](https://developers.intercom.com/docs/build-an-integration/getting-started/build-an-app-for-your-messenger/sheets-app).
# Marketo
Source: https://support.hexus.ai/integrations/marketo
Hexus provides seamless lead data integration with Marketo
Hexus provides seamless lead data integration with Marketo Engage using its REST APIs. It securely transfers new or updated lead information, leveraging the Sync Leads API for efficient, batch "upsert" operations that prevent duplicates. The integration is designed to respect Marketo's API limits and ensure reliable data delivery through robust error handling.
### **How to integrate?**
To enable this integration, your Marketo administrator will need to perform a few one-time setup steps within your Marketo Engage account. These steps will grant Hexus the necessary permissions to interact with your Marketo Lead Database.
Please follow these instructions carefully:
**Step 1: Create an API-Only Role in Marketo**
1. Log in to your Marketo Engage account as an Administrator.
2. Navigate to Admin > Users & Roles > Roles.
3. Click New Role.
4. Give the role a descriptive name, such as "Hexus Integration Role".
5. Under Permissions, expand Access API and ensure the "Access API" checkbox is selected.
6. Crucially, under Lead Database, select at least the "Read-Write Lead" (or "Read-Write Person") permission. This grants Hexus the ability to create and update lead records.
7. Click Create.
**Step 2: Create an API-Only User in Marketo**
1. Still in the Admin area, navigate to Users & Roles > Users.
2. Click Invite New User.
3. Enter a descriptive Email Address, First Name (e.g., "Hexus"), and Last Name (e.g., "API User").
4. Click Next.
5. On the next screen, ensure the "API Only" checkbox is selected.
6. From the list of roles, select the "Hexus Integration Role" you created in Step 1.
7. Click Next, then Send to complete the user creation.
**Step 3: Create a LaunchPoint Custom Service for Hexus**
1. In the Admin area, navigate to Integration > LaunchPoint.
2. Click the New dropdown menu and select New Service.
3. Provide a Display Name for the service (e.g., "Hexus Integration Service").
4. For Service, select "Custom".
5. Add a brief Description (e.g., "Integration for Hexus SaaS application").
6. From the API Only User dropdown, select the "Hexus API User" you created in Step 2.
7. Click Create.
**Step 4: Obtain and Provide Credentials to Hexus**
Once the custom service is created:
1. In the LaunchPoint list, find your newly created "Hexus Integration Service" and click View Details.
2. Copy the Client ID and Client Secret displayed on this screen.
3. Next, navigate to Admin > Integration > Web Services.
4. Under the REST API section, locate and copy the Endpoint URL (this is your Marketo Identity URL).
5. Enter the Client ID, Client Secret and Endpoint URL on the Hexus integrations page. Your dedicated Hexus account manager can enable the integration for you.
# Salesforce
Source: https://support.hexus.ai/integrations/salesforce
Connect Salesforce to Hexus using the following steps
Follow these simple steps to get started:
1. Click on **Integrations** in the left-side panel.
2. On the Salesforce tile, click the **Connect now** button.
3. On the Salesforce authentication page, click **Allow** to grant Hexus AI permission to sync leads data with your account.
Once complete, Salesforce will be listed as a connected integration and your data will begin syncing.
# Slack
Source: https://support.hexus.ai/integrations/slack
Get notified everytime someone submits a form on Hexus tour
Connecting to Slack sends a notification every time someone submits a form on a Hexus product tour. To set up the notifications:
Contact us at [team@hexus.ai](mailto:team@hexus.ai) to enable any other notifications. e.g:
1. Notify when your team member creates a new flow
2. Get a daily summary of the most popular flows
# Wistia
Source: https://support.hexus.ai/integrations/wistia
Follow these steps to integrate Wistia
You can seamlessly publish your Hexus videos to Wistia. View the tour below to learn how to connect to Wistia:
# Youtube
Source: https://support.hexus.ai/integrations/youtube
Publish on Youtube instantly!
Publish all your demos and videos created on Hexus directly on Youtube. This will help you to get -
* **Streamlined workflow**: Save time by uploading content directly to YouTube without needing to download and upload separately.
* **Wider audience**: Reach a broader audience by sharing your demos and videos on YouTube.
* **Increased visibility**: Improve your content’s visibility through YouTube's search and recommendation algorithms.
* **Content sharing**: Easily share your demos and videos through YouTube links across various platforms and social media.
Here’s how you can do it -
* Go the integrations button on your left panel
* Click on ‘Connect now’
* Log in with the Google Account that has the primary access to your YouTube account
* You can now export your content on YouTube directly!
# Zapier
Source: https://support.hexus.ai/integrations/zapier
Integrate your workflows with Hexus
Hexus directly integrates with Zapier, allowing leads captured from your demo to be sent to any third-party app.
### a. How to integrate
1. Click on "Integrations" in the left-hand menu of your Hexus account.
2. Choose the Zapier integration and click on the "Connect" button.
3. You will be provided with an API key, which is only displayed once. Make sure to copy this key, as you will need it to connect the Hexus app within Zapier.
4. In your Zapier account, create a new Zap and select Hexus as the trigger app. When prompted, paste the API key you copied from Hexus to establish the connection.
### b. Additional Workflows
* Notify your team members when a new flow is created
* Receive a daily summary of the most popular flows
* Pass additional data from Hexus to Zapier
If you would like to enable any of these optional workflows or have any further questions, please contact our support team for assistance.
### c. Sample response
| Form Details Email | Form Details Description | Hexus URL | Email | Creation Timestamp |
| :------------------------------------ | :----------------------- | :--------------------------------------------------------------------------------------------- | :------------------------------------ | :----------------------- |
| [test@test.com](mailto:test@test.com) | John Doe | [https://app.usehexus.com/flow/rich-hexus-tour](https://app.usehexus.com/flow/rich-hexus-tour) | [test@test.com](mailto:test@test.com) | 2024-03-17T23:40:17.664Z |
# Release Notes
Source: https://support.hexus.ai/roadmap/release-notes
Follow our progress and see what's new in Hexus!
## December, 2025
### New Features
**Microphone Recording for Video-to-Flow (🎤)**\
Record audio directly from your microphone when converting videos into flows.
* Better narration control
* No extra recording tools needed
**Real-Time Collaboration with Liveblocks (🤝)**\
Chat and collaborate live inside workflows.
* Faster reviews
* Fewer screenshots and Slack threads
**Advanced HTML Editing with GrapeJS (🧱)**\
A more powerful HTML editor is now available.
* Deeper customization
* Faster load times
* Cleaner editing experience
**Brandkit (🎨)**\
Manage logos, colors, fonts, and brand rules from a dedicated Brandkit section.
* Apply brand consistency everywhere
* Reduce repetitive styling work
**Resizable Workflow Nodes (📐)**\
Resize nodes in the workflow editor for better readability and organization.
**New Workflow Nodes (🧩)**
* Image Node
* Markdown support in Prototype nodes
**Workflow Execution API (⚙️)**\
Frontend is now fully integrated with the workflow execution API.
* Faster runs
* More reliable outputs
### Improvements
**Performance & Stability (⚡)**
* Faster data fetching using SWR
* Optimized DOM snapshot performance
* Reduced AI token usage via smarter HTML processing
**Video & Audio Enhancements (🎬)**
* Higher quality video recording (12Mbps)
* MP4 fallback playback
* Improved TTS pause handling
* Better encoding with Media Bunny
**Workflow Editor Enhancements (🛠️)**
* Sidebar improvements and handle highlighting
* Prototype nodes can be re-run
* Clone nodes now support `htmlUrl`
* Race conditions handled more safely
**General Improvements**
* Cleaner UI with Lucide icons
* Improved responsiveness across start and build pages
* Profile-level settings now applied consistently across video-to-flow records
### Bug Fixes
* Fixed Liveblocks compilation and scaling issues
* Resolved workflow sorting and cloning bugs
* Fixed Chrome Extension polling and modal issues
* Fixed mobile demo player padding and form issues
* Fixed multiple AI, TTS, and prototype edge cases
## November, 2025
### New Features
**Calendly Workflow Controls (📅)**\
Hide or show steps dynamically in product tours when using Calendly.
**Image Uploads for Title Pages & Forms (🖼️)**\
Upload images directly to title pages and forms.
* No external hosting required
**Workflow Image Prompt (🧠)**\
Use image prompts directly inside workflows to guide AI output.
**Chatbox & Workflow Templates (💬)**\
A new chatbox and templates are now available on the workflow page.
* Faster iteration
* Better collaboration
**Demo Player Persistence Improvements (🔁)**\
Improved reliability for saved demo steps and URLs.
**TTS & AI Avatar Enhancements (🎭)**\
Smoother playback and better speaker handling across flows.
**AI Image Editor Expansion (🎨)**\
The AI Image Editor is now available inside How-To guides.
**Showcase Pagination & Filtering (📂)**\
Better control when managing large showcase libraries.
**Upgrade Modals for Advanced Features (⬆️)**\
Clear upgrade prompts for translation and intro/outro features.
### Improvements
**Workflow Editor (🧩)**
* Markdown prompt editor added
* AI messages now visible inside prototype nodes
* Debounced updates for smoother editing
* Improved GrapeJS theme and asset loading
**Onboarding Improvements (🚀)**\
Cleaner onboarding forms and better template guidance.
**General Improvements**
* Cleaner UI for text stories
* Better application of profile-level settings
* Reduced AI token usage across HTML processing
* Improved landing page redirection logic
### Bug Fixes
* Fixed Calendly workflow edge cases
* Resolved duplicate workflow creation issues
* Fixed mobile demo player padding and layout
* Fixed video recording and trimming bugs
* Resolved pricing update and subscription edge cases
## October, 2025
### New Features
**AI Image Editor for How-To Guides (🎨)**\
Generate, edit, and replace images directly inside your How-To guides without leaving Hexus.
* Create visual variations instantly
* Match branding and context automatically
* Perfect for quick updates and persona-specific content
**Demo Player Persistence (🔁)**\
Your demo player step and URL now persist across sessions.
* No more broken links
* Consistent sharing and tracking
**Video Trimmer for Image Containers (✂️)**\
Trim videos directly inside selected image containers.
* Fine-tune visuals without re-uploading
* Faster editing loops
**AI & Language Settings (🌍)**\
Translation Settings are now unified under AI & Language Settings.
* One place to manage languages, AI behavior, and voice settings
**Pause Controls for TTS & AI Avatar (⏸️)**\
Pause and resume Text-to-Speech and AI avatar playback.
* Better pacing
* More control during reviews and demos
**Template Selection During Onboarding (✨)**\
Choose a starting template as part of onboarding.
* Get to value faster
* Skip the blank canvas
**Showcase Folders Improvements (🗂️)**\
Better organization and management of showcases.
**Speaker Precedence for TTS (🎙️)**\
Control which speaker takes priority when generating voiceovers.
**Profile Default Font (📝)**\
Set a default font at the profile level to keep all content consistent.
**Pagination & Filtering on Showcase Page (📑)**\
Navigate large demo libraries with ease.
**Apply to All on CTA Tab (⚡)**\
Apply CTA changes across all relevant steps in one click.
### Improvements
**Video & Audio Enhancements (🎬)**
* Higher quality video recording (12Mbps)
* Improved MP4 encoding for better playback
* Longer, more natural pauses in TTS using break tags
**Workflow & Editor Improvements (🛠️)**
* Complex HTML nodes broken into simpler, editable chunks
* Improved Chrome Extension HTML text replacement API
* Faster build process using Turbo
* Reduced AI token usage via optimized HTML stripping
**General Improvements**
* Faster load times for flow and embed pages using ISR
* Profile-level defaults now apply automatically to video-to-flow records
* Pricing table logic updated for returning paid or trial users
### Bug Fixes
* Fixed TTS duration and avatar playback issues
* Resolved hydration crashes in the demo player
* Fixed guide count race conditions
* Fixed showcase category and filtering issues
* Fixed multiple workflow and CTA edge cases
## September, 2025
**New Features:**
* **HTML Demos (🌍)** - Record your web applications for most realistic demos with Hexus Chrome Extension.
* Record any web page and adapt it for your viewers with our powerful HTML editor.
* Replace text and images or hide any section of your web page by simply clicking on the section in our editor.
* Use **Hexus AI** for bulk editing PII or even editing your images! No downloads, no uploads - just a prompt.
* **AI-Powered Text Editing (✍️)** - You can now highlight any text within your flows and instantly rewrite, shorten, expand, or edit with Hexus AI, making content refinement faster and more intuitive than ever.
* Perfect for polishing your message on the fly without switching tools
* Match your brand voice and guidelines
* Works seamlessly across all text elements in your flows
* **AI Image Editor (🎨)** - Edit and replace images directly on the build page with our new AI-powered image editor, enabling you to generate variations or create entirely new visuals without leaving your workflow.
* Generate multiple variations from a single image
* Create custom visuals that perfectly match your content needs and branding
* Personalize demos for different personas
* **Professional Intros & Outros (🎬)** - Add polished title and end slides to your flows with ease, giving your demos and guides a more structured, presentation-ready appearance. Enable the settings from your Hexus profile and let us handle the rest!
* **Enhanced Rich Text Editor (📝)** - Upload images and videos directly into text blocks with expanded font and styling options for complete creative control over your content presentation.
* Drag-and-drop media uploads for faster content creation
* Extended typography controls including custom fonts and sizes
* Advanced formatting options for better visual hierarchy
**Improvements:**
* **Apply to All Functionality (⚡)** - Save time by applying style changes and AI-driven text replacements across all relevant steps with a single click.
* Batch update text alignment, font sizes, and colors instantly
* Apply AI rewrites to multiple similar text elements simultaneously
* Maintain consistency across your entire flow effortlessly
* **Automatic Speech Transcription (🎤)** - AI Speech steps now automatically transcribe audio content, simplifying voiceover editing and management. Enable this feature in profile settings
* **Showcase Page Enhancements (🖼️)**
* Improved metadata editor customizing Showcase display tiles
* Customize settings and theme colors to match your branding
* **Undo/Redo Support (↩️)** - Navigate your Text edits confidently with robust undo and redo functionality in the text editor.
* Experiment freely knowing you can always revert changes
* Complete edit history for the current session
## August 2025
**New Features:**
* **Custom AI Writing Guidelines (✨)** - You can now customize AI guidelines in your profile settings for *How-to-Guides, Newsletters, Product Updates, Social Media* and more, ensuring all generated content matches your preferred writing style perfectly.
* **Universal Image Search & Replace (🔍)** - Search for images across all your Hexus flows directly from the dashboard and replace them at once to keep your flows always up to date with the latest visuals.
* **Marketo Lead Integration (🔗)** - Sync leads data from your Hexus flows directly to your Marketo instance with our newest integration, streamlining your lead management workflow.
* **Google Analytics Integration for Enterprise (📊)** - Enterprise customers can now get Hexus analytics delivered straight to their Google Analytics dashboard for comprehensive performance tracking.
* **One-Click Text Guide Translation (🌍)** - Text Guides can now be instantly translated with a single click under *AI and Language Settings*, making global content distribution easier than ever.
* **German Accent AI Voices (🎙️)** - Expand your reach with new German accent AI voices, perfect for creating localized content for German-speaking audiences.
**Improvements:**
* **Enhanced Smart Captions (💡)** - Hexus-AI has been updated to write improved captions for your recorded flows that focuses on viewer outcomes, making your content more compelling and action-oriented.
* **Advanced AI Voice Search (🎵)** - Search through AI voices easily to find the perfect voice for your flows with enhanced filtering options by language, accent, speaker name, gender, and more.
## **July, 2025**
**Video Recording Mode on Hexus Chrome Extension (📹)**
* Customers on Starter plans and above can now record their screens as video steps directly using the Hexus Chrome Extension.
**Text-Guides: New Workflow for Creating Text Guides (✍️)**
* Launch your stories faster with the new text-based story workflow.
* Choose from multiple formats like blog posts, product launch updates, newsletters, and social media posts.
**Auto Zoom for Flows (🔍)**
* Apply zoom across all steps in your flow with a single click using the new Auto Zoom button in Step Settings.
**Interactive Text Input for Flows (⌨️)**
* Add interactive text inputs to your flows, allowing viewers to type in responses and proceed to the next step.
**Ukrainian and German Language Support (🌍)**
* Translate your flows to Ukrainian and German languages for wider reach, and enhance with our AI voices with improved language support.
## **May, 2025**
Content Editor Management in App (📝)
* Manage multiple HTML replacement rule sets directly in the app.
* Previously limited to the Chrome extension, you can now create, manage, and share multiple configurations natively.
Loom Video Imports to Hexus (📹)
* Import your Loom videos to the **Scratch Page** and seamlessly convert them into Hexus flows.
* Use Loom videos as-is or enhance them with Hexus AI to create interactive flows.
Coming up: Enhanced Video Recording Mode on Chrome Extension (🖥️)
* Record your browser tab, window, or full screen as a single video using the updated Chrome extension.
* Simply click “Record a video” to choose your recording mode and start capturing instantly.
## **April 2025**
Hexus Flow Creation from Scratch (🚀)
* You can now create complete Hexus flows without using the Chrome extension.
* Upload videos, images, or import videos directly from scratch page for a flexible and extension-free setup.
## **March 2025**
AI Avatar Enhancements (🤖)
* Add or replace steps in your demo with AI avatars for a more human, personalized guide experience.
* Perfect for scaling presentations without being on camera.
## February 2025
**New Features:**
**Playlist View for Demos (🪟)**
* Guide prospects through a structured, step-by-step demo experience.
* Seamless navigation ensures a curated demo journey.
* Integrate Hexus interactive demos along with your own content for an all-in-one showcase.
**Enhanced CTAs & Hotspots (👀)**
* Customize width, height, and styling for a tailored experience.
* New directional arrows help guide viewers effortlessly through your demos.
**New Analytics Overview (📊)**
* Get a consolidated view of visitor engagement and conversions in one place.
**Improvements**:
**Undo Functionality (◀️)**
* Instantly revert edits and recover previous versions for better control and flexibility.
**Password Protection for Showcase Pages (🔑)**
* Keep your content secure with enhanced access control.
**AI Studio & Onboarding Enhancements (🎙️)**
* Smoother workflows and improved guidance for a better user experience.
**Expanded Language Support (📝)**
* Now available in two additional languages.
**New Integrations (🧩)**
* Seamlessly export demos to YouTube or embed them in GitBook.
## December 2024
### December 16, 2024
New Features:
1. AI Studio (🤖)
* Seamlessly share and track your chat history
* Access our curated Prompts Library
* Create and save Custom Prompts for your specific needs
* Set additional context that applies across all prompts for more accurate responses
2. Enhanced Settings Stories (📖✒️)
* Use the "/" command to access AI assistance directly within your stories
3. Simplified Demo Creation (🤝)
* Create comprehensive demos with single video recording in Demo Video Template
* Reduce editing time and maintain consistent narrative flow
## November 2024
### November 28, 2024
New Features:
1. Early access to AI Studio
* Explore and ask about anything within the Hexus app or any of your connected apps.
* Hexus AI is here to assist you with writing summaries, updates, and much more.
2. Improved text-based stories
* Find more templates available for your stories.
* You can generate outlines for any template, rearrange them, and create different content types like blogs, newsletters, social media posts, and more. This gives you more flexibility to craft engaging content in no time!
Improvements:
1. Chrome extension updates - You can now adjust your screen size while recording, and use shortcuts to pause or easily capture screenshots.
2. Analytics enhancements - You can now choose the specific date range for viewing your demo analytics. Get more granular insights and track your demo performance more effectively.
3. UI refresh - A more intuitive and visually appealing interface that helps you get to work faster and more efficiently.
### November 8, 2024
New Features:
1. Settings-based Stories (📖✒️)
* Our text-based stories workflow got a new UI change and features.
* When you select a text-based story, our AI now generates a set of titles which you can change and rearrange. The rest of the information is filled based on the title. This makes your How-to Guides even more customizable and comprehensive.
2. Embed files into your flow (⚓)
* You can now embed multiple types of files in your flows using the CTA slide option.
* If you want your customers to download a PDF, go to a webpage, view a Figma file, or go to your Google drive, you can easily embed these files to your Hexus flow
* Hubspot users can also tie any leads they get from Hexus demos to their CRM by embedding Hubspot Forms here
3. Embed tracking (⚓📍)
* With our new Reference Link option in the Embed sharing option, Hexus can now keep a track of all the pages which have the flow embedded in them.
* Your updated Hexus flows will now automatically refresh and load. No need to add them manually anymore.
## October 2024
### October 25, 2024
New Features:
1. Hexus AI Studio (🤖)
* Introducing the new Hexus AI Studio. Now you can turn text based prompts into demos, reducing even more time in asset creation for your next GTM campaign!
* Write your prompt and generate Product demos, Newsletters, Guides and more marketing collateral so you can respond within minutes of a customer asking you for specific demos or guides
* You can even generate follow up emails to customers or prospects based on the demo you shared with them, improving customer satisfaction and reducing time to value!
2. Improved Collaboration (🤝)
* Leave feedback directly on your teammate's flows and collaborate in real time with our new comments and reviews features
* Approve or suggest changes within Hexus itself so your entire team can work on all product collaterals in one platform
3. Applying Themes (🎨)
* Create consistent, branded themes with preset styles and voiceovers. Apply them from the 3 dot menu in your Edit flow page.
4. Analytics Reporting (📈)
* If you're into pivot tables and getting granular with analytics, you can now download your Hexus analytics in CSV format for deeper insights.
### October 4, 2024
New Features:
1. Auto Merge Steps (🔀)
* Our new auto-merge feature combines similar steps into one.
* Eliminate deleting redundant steps and publish flows faster
2. Watermark updates (💧)
* Leverage your watermark as a branding and engagement opportunity
* Add your watermark with a URL and custom Alt text from Settings > Customization
3. UI updates (🎨)
* Add steps without needing to reorder them
* Edit hotspots, annotate images, blur images from the top toolbar
* You can now uplevel your demo analytics game with Hexus. In the new analytics UI, you can now:
* Select custom date ranges
* View analytics for multi-flow and showcase pages
* Explore new visualizations and data types including country and referrer info
## September 2024
### September 27, 2024
Improvements:
1. Multi-select Flows ✅: Bulk actions made easy! Select multiple flows to move them to workspaces, folders, or delete them in one go.
2. Image State Management 🖼️: Your edits are safe with us! Reopen the image editor anytime to pick up right where you left off.
New Features:
1. New Cursor Styles (🖱️)
* Introducing three new cursor styles and various other customizations!
* Based on your brand guidelines and preferences, you can choose from a hotspot, pointer, or hand cursor
* You can also choose from a cursor that is filled with color or just an outline
* All of our cursors blink and you can now adjust the speed at which they do so
* You can also change the size of all the cursors. This means, based on the size of the element you're trying to point at, the cursor is now customizable!
2. SDK for Showcase Pages (🔗)
* Embed your awesome showcase pages directly into your help center or website!
3. Folders (📁)
* Experience improved organization and collaboration with our new folder feature
* Create folders in your dashboard to keep everything tidy and easy to find. For enterprise users only.
## June 2024
### June 12, 2024
Improvements:
1. Improved export quality for videos
### June 7, 2024
New Features:
1. AI-Powered Personalized Showcase Pages (✨)
* Introducing our latest feature: AI-powered personalized showcase pages.
* Host your product tours and guides on a showcase that dynamically personalizes titles, captions, and format based on each unique customer segment.
* Our AI-powered search feature allows customers to ask questions about your product, and the most relevant video or step-by-step guide will be generated on the fly.
Bug fixes:
1. Fixed a UI bug where users couldn’t access a new flow from the dashboard
## May 2024
### May 14, 2024
Bug fixes:
1. Fixed an issue where some users were having issues with form submissions on embedded iframes.
### May 8, 2024
New Features:
1. Enhanced Chrome Extension (🖥️)
* Our Chrome extension has been updated with new capabilities.
* Capture not only static screens but also screen interactions such as scrolling and typing.
* Watch an example to see the enhanced extension in action.
2. Branched Tours (🌿)
* Create an index of tours and link them within the same iframe.
* Guide users through different paths based on their preferences.
* View an example tour to see how branched tours work.
3. Record Through Step (🖥️🎥)
* Record your entire desktop screen or camera and add it as a step in your tours.
* Capture comprehensive and informative content to enhance your tours.
4. Advanced Analytics (📊)
* View engagement data for each step and track performance over time.
* Contact us to enable these powerful analytics features and gain deeper insights.
5. More Customization (🎨)
* Further customize your tours by changing the color of the browser frame.
* Call out specific focus areas of the screen to draw attention to key elements.
* Make your tours truly unique and engaging.
6. Optimized for Mobile (📱)
* The Hexus experience has been optimized for mobile devices.
* Your tours will look and work great on any screen size.
## April 2024
### April 22, 2024
New Features:
1. Wistia Integration (🚀)
* Seamlessly publish your product tours and demo videos to Wistia.
* Add your Wistia API key in the Integrations tab to enable this feature.
* Learn more about the integration process in our documentation.
2. Background Music (🎶)
* Enhance the user experience by adding background music to your product tours and demo videos.
* Create a more engaging and immersive environment for your audience.
* Choose from a variety of music options to match your content and brand.
3. Tags (🏷️)
* Organize your workspace by adding tags to your flows.
* Keep everything well-structured and easily accessible.
* Find your flows faster than ever with the improved organization system.
4. Custom Background (🖼️)
* Upload a custom background that can be added to your steps or forms.
* Personalize your product tours and demo videos to align with your brand.
* Contact us to learn more about plans that enable custom assets.
Improvements:
* Export as PDF and HTML (📄): Your exported content is now available in PDF and HTML formats, providing more versatility and flexibility.
Bug Fixes:
* Hotspot UI Issue (🎯): We have resolved an issue with the hotspot user interface to ensure a smooth and intuitive experience.
### April 15, 2024
New Features:
1. Custom Branding (🎨)
* Customize your product tours to align with your brand guidelines.
* Incorporate custom fonts, watermarks, and other assets to make your tours truly your own.
* Contact us to learn about plans that enable this feature.
2. Closed Captions (📝)
* Generate transcripts for your videos with just one click.
* Make your content accessible to a wider audience, including those with hearing impairments.
* Contact us to learn about plans that enable this feature.
3. New Language Support: Brazilian Portuguese (🌎)
* We've expanded our language support to include Brazilian Portuguese (PT-BR).
* Reach even more users around the world and cater to a broader audience.
4. New Cursor Type (🖱️)
* We've introduced a new cursor type to provide more options for creating engaging product tours.
* Enhance the interactivity and visual appeal of your tours with this new addition.
Improvements:
* Auto-refresh (Beta) (🔄): Save time and effort with our auto-refresh feature. It automatically recaptures a video when any UI changes are detected.
* Settings-to-speech (🗣️): Explore a variety of 40 AI voices to find the perfect narrator for your tours. Preview different styles to match your content.
### April 5, 2024
New Features:
1. Stale Content Notifications (📅)
* Set email reminders to review your Hexus flows and keep them up to date.
* Never let your content go stale again!
2. Drafts (📝)
* Any edits made to your flows are now automatically saved as drafts.
* Work on your flows without worrying about losing progress.
* Simply hit the publish button to sync your changes with the live share link.
3. Flow Search (🔍)
* Find your flows quickly and easily with our enhanced search functionality.
* Search by title, captions, element names, or even URLs of screens you have recorded.
* Looking for a flow with a specific CTA? Just search for it!
4. Hide Hotspot (🙈)
* Let your screens speak for themselves by hiding hotspots in individual steps or for all steps at once.
5. Background Music (🎶)
* Elevate your demo videos with our selection of background music options.
* Choose the perfect track to complement your content.
Improvements:
* GIF & Video Export (🎥): The quality of your exported content has been further enhanced for an even better user experience.
* Form Leads (📈): Find your form leads conveniently located under the analytics tab for easy access and analysis.
## March 2024
### March 29, 2024
**New Features:**
1. Upload Media (📹)
* Users can now upload their own MP4, MOV, JPG, PNG, GIF, and WEBM files (up to 5MB) as steps in product tours.
2. Enhanced Step Settings (🕰️)
* Configure the duration of each step and set how long it should play before transitioning to the next one.
* Enable autoplay to loop product tours continuously.
3. Improved Settings-to-Speech (🎙️)
* Adding voiceovers to steps is now more intuitive and user-friendly with a single click.
4. Duplicate Flows (📋)
* Easily duplicate flows and create versions for efficient tour management.
5. Aspect Ratio Modification (📏)
* Modify the aspect ratio for all screens within a product tour to optimize for different devices.
**Enhancements:**
* Improved user interface for a smoother tour creation experience.
* Optimized performance for faster loading times.
**Bug Fixes:**
* Resolved an issue where certain file types were not uploading correctly.
* Fixed a bug that caused inconsistent step durations in some cases.
# How-To Guides on Hexus
Source: https://support.hexus.ai/templates/how-to-guides
Step-by-step instructions on how to turn any screen recording into a how-to guide
**Get Started**
How-to guides help break down complex tasks into clear, actionable steps. With Hexus, you can easily create engaging and interactive how-to guides tailored to your audience.
Hexus allows you to combine clear instructions with interactive elements, making each step easy to follow.
> **💡 Hexus Tip:** Always preview your guide to ensure each step feels natural and achievable. Add notes for your team on tone, clarity, and visuals before publishing.
***
### **Creating Your First How-To Guide**
1. Log in to [app.usehexus.com](http://app.usehexus.com) and navigate to ‘Create Settings Guide.’
2. Click on any of the Hexus demos.
3. Click on Switch Template.
4. Select **How-to Guide**.
5. Click on **Done.**
6. Your How-To Guide is ready! This is how it should look 👇
7. Make any further edits, leave comments for the team.
8. Don’t forget to publish your guide before sharing!
***
### **How-To Guide Features and Elements**
* **Step-based outline generation:** Automatically get a structured breakdown of steps and sub-steps.
* **Multiple templates:** Convert guides into checklists, tutorials, or quick-reference formats.
* **Content customization:** Fine-tune each step with examples, tips, and brand tone.
***
### **Building Your How-To Guide**
Your how-to guides will follow this structure:
1. Select **How-to Guide** as the format
2. Generate and arrange steps
3. Customize each step with visuals or additional notes
4. Preview, edit, and refine the sequence
5. Publish when complete
***
### **How-To Guide Applications**
* Step-by-step product setup
* Troubleshooting walkthroughs
* Training guides
* Internal process documentation
* Feature adoption tutorials
### FAQs
Yes! Once you’ve generated your outline, you can switch between formats (such as blog post or product update) without losing your progress. Simply use the 'Switch Template' button near your editor to preview and adapt content.
After generating your guide, click on the ‘Add Step’ option. You can upload diagrams, screenshots, or visual instructions or even copy steps from other Hexus flows to enhance clarity.
# Create an Interactive Demo Video
Source: https://support.hexus.ai/templates/interactive-demo
Create hands-on, user-driven demo videos that boost engagement and understanding with Hexus
**Get Started**
Interactive demo videos allow your audience to engage with your product as they watch, providing a guided yet flexible learning experience. With **Hexus**, you can build **interactive and immersive demos** that adapt to your users’ pace and preferences.
Hexus enables you to integrate clickable elements, tooltips, and guided decision paths, turning a simple video into an interactive product journey.
**Hexus Tip**
Incorporate checkpoints and clickable options to keep users engaged. Preview your demo from a user’s perspective to ensure smooth interaction and clear instruction.
## Creating Your First Interactive Demo Video
* On the Hexus Chrome Extension, select the 'Record Interactive Demo' option and start recording
![Image(17) Pn]( "Image(17) Pn")
* Once you are done recording, go to [app.usehexus.com](http://app.usehexus.com) to edit your tour
* Your video is now split into different screens, you can now edit your tour, add CTAs, voiceovers, avatars and much more
![Image(18) Pn]()
* You can now **add interactive layers**, adjust sequence, and **collaborate with your team**. Read more about editing your tour [here](https://support.hexus.ai/getting-started/editing-your-tour).
* Don’t forget to **publish** before sharing with your audience.
You can also turn any product video into an interactive video by following these steps:
1. **Log in** to [app.usehexus.com](http://app.usehexus.com) and go to **‘Create Video Demo.’**
2. Choose a sample or start from scratch.
3. Click **Switch Template.**
4. Select **Interactive Demo Video.**
5. Hit **Done.**
Your interactive video structure is now ready!
## **Interactive Demo Video Applications**
* Self-guided product tours
* Feature exploration experiences
* Interactive onboarding journeys
* Scenario-based training
* Personalized customer education
While a standard demo video is linear and passive, interactive demo videos allow users to make choices, explore features at their own pace, and interact directly with elements in the video (like buttons, tabs, or hotspots).
Not at all. Hexus provides a **drag-and-drop interface** with pre-built interactive components, making it easy to build without coding.
# Create a Product Demo Video
Source: https://support.hexus.ai/templates/product-demo-video
Create an engaging and interactive product demo video to showcase your product's key features and benefits using Hexus
**Get Started**
Product demo videos help showcase your product in action, guiding your audience through its key features and benefits. With Hexus, you can easily create engaging and interactive demo videos that make each step clear and visually appealing.
Hexus allows you to combine clear instructions with interactive elements, making your demo video both informative and engaging.
***
> 💡 **Hexus Tip:**\
> Always preview your video to ensure each step feels natural and achievable. Add notes for your team on tone, clarity, and visuals before publishing.
***
### **Creating Your First Product Demo Video**
1. Log in to [app.usehexus.com](http://app.usehexus.com) and navigate to ‘Create Video Demo.’
2. Click on any of the Hexus demos.
3. Click on **Switch Template.**
4. Select **Product Demo Video.**
5. Click on **Done.**
6. Your Product Demo Video is ready!
7. Make any further edits and leave comments for the team.
8. Don’t forget to publish your video before sharing!
***
### **Product Demo Video Features and Elements**
* **Step-based outline generation:** Automatically get a structured breakdown of steps and sub-steps for each feature demonstration.
* **Multiple templates:** Convert demos into tutorials, feature showcases, or quick-reference formats.
* **Content customization:** Fine-tune each step with visuals, tips, and brand tone.
***
### **Building Your Product Demo Video**
Your product demo video will follow this structure:
1. Select **Product Demo Video** as the format.
2. Generate and arrange the steps you want to showcase.
3. Customize each step with visuals or additional notes.
4. Preview, edit, and refine the sequence.
5. Publish when complete.
***
### **Product Demo Video Applications**
* Step-by-step product walkthroughs
* Feature demonstration videos
* Onboarding tutorials
* Customer success videos
* Product training sessions
Absolutely\\! You can customize each step with visuals, tips, and branding elements to enhance your video.
You can create various types of product demos, including onboarding tutorials, feature demos, customer success stories, and more\\!
# Text-Based Stories on Hexus
Source: https://support.hexus.ai/templates/text-based-stories
Combine written content with interactive elements in minutes
**Overview**
Text-based stories simplify product storytelling, helping you create engaging, interactive content tailored to each segment of your audience.
On Hexus, text-based stories combine written content with interactive elements to deliver a dynamic experience.
**Hexus Tip:** Use the preview feature to view your story from the user’s perspective before publishing. Add notes on brand guidelines, formatting, messaging, and other key details to ensure your content flows naturally and delivers the intended impact.
**Creating Your First Story**
## **Creating Your First Story**
1. **Log in to Hexus**\
Go to [app.usehexus.com](http://app.usehexus.com) and log in with your account credentials.
2. **Navigate to “Create Text Guide”**\
From the dashboard, select the **Create Text Guide** option.
3. **Enter Prompt and Context**\
Provide a clear prompt along with any relevant background information to improve content accuracy.
4. **Select a Content Format**\
Choose the desired format for your story, such as:
* Blog post
* Product launch update
* Newsletter
* Social media post
5. **Add References to Existing Hexus Flows**\
Link multiple Hexus flows to enrich the story with relevant information from existing guides.
6. **Create an Outline**\
Click **Create Outline** to generate a structured overview of your content. Use the format switcher to preview different layout styles.
7. **Describe Your Audience**\
Select relevant audience segments such as:
* Business
* Sales Leaders
* Marketing
* Customer Success
8. **Customize the Tone**\
Choose a tone based on your target audience. Available options include:
* Professional
* Conversational
* Data-driven
* Informative
* Educational
9. **Edit the Content Flow**\
Rearrange or modify the content structure as needed.
10. **Create the Full Story**\
Once the flow is finalized, click **Create Document** to generate the full draft.
11. **Review and Collaborate**\
Edit the generated content as needed. Use the commenting feature to collaborate with team members.
12. **Save and Publish**\
Drafts are saved automatically. To finalize your story, click **Publish** before sharing externally.
### **Text-Based Story Elements and Features**
Hexus offers various features for creating interactive content that resonates with your audience:
1. **Outline generation**: Create quick outlines for multiple formats and edit them easily while keeping your team in the loop
2. **Switch between multiple templates**: Create a step-by-step guide, a product update or a blog as per your customer's needs
3. **Generate content**: Get the final content designed as per the prompts, additional context and your previous Hexus guides
4. **Reference multiple Hexus flows**: Leverage past stories to maintain consistency and improve relevance.
5. **Customize tone**: Set a unique voice or tone per article, ensuring brand consistency across use cases.
6. **Custom interactions**: Add specific number selections (cards or order of the outline) or add your brand guidelines to enhance the content
7. **Image uploads**: Add any supporting image that might further add to the story
**Text-Based Story Applications**
Text-based stories work effectively for:
* Product tutorials
* User guides
* Complex information delivery
* Interactive experiences
* Training materials
* Onboarding sequences
**Upcoming updates:**
* Native embeds for external links
**FAQs**
You can create various content types including product tutorials, user guides, interactive experiences, and training materials. The platform is flexible enough to accommodate both simple guides and complex interactive narratives.
Use the built-in preview feature to experience your story from the user's perspective. This allows you to test the flow and interaction points before sharing with your audience.
Yes, you can make changes to published stories. All edits will be saved as drafts until you choose to publish them again.
# How to Create a Video Guide with Detailed Steps
Source: https://support.hexus.ai/templates/video-guide
Video guides are engaging, interactive, and can provide a visual step-by-step breakdown of your instructions.
Creating a video guide is an excellent way to walk your audience through a complex process, product setup, or troubleshooting task. Video guides are engaging, interactive, and can provide a visual step-by-step breakdown of your instructions. With Hexus, creating a video guide that includes a detailed description of each step is easy and efficient.
Follow this guide to create your own detailed video guide and enhance your user experience\\!
## **Getting Started with Hexus Video Guides**
To create a video guide, you'll first need to log in to Hexus and select the appropriate format. Here's a quick walkthrough:
### **Step 1: Log in and Turn Any Hexus Flow Into Video Guide**
1. **Log in** to [app.usehexus.com](http://app.usehexus.com).
2. Click on any Hexus Flow.
3. Select a '**Switch Template**' and then '**video guide'** that best suits your needs.
### **Step 2: Customize Your Guide Structure**
1. Once you select a template, Hexus will automatically break down your content into steps and sub-steps. This structure will guide the flow of your video.
2. You can then **arrange the steps** in the order that makes the most sense for your audience.
3. For each step, you can add **descriptions**, **visuals**, and **interactive elements** to make the instructions as clear as possible. Read more about how to edit your tour [here](https://support.hexus.ai/getting-started/editing-your-tour).
## **Key Features of a Video Guide**
When creating a detailed video guide, you have access to several powerful features that enhance the learning experience:
* **Step-by-Step Breakdown**\
Hexus automatically generates a step-based outline, helping you organize your video into digestible chunks of information.
* **Interactive Elements**\
Add annotations, clickable links, or hotspots to make your video more interactive. These elements help viewers engage with the content and follow along seamlessly.
* **Customizable Descriptions**\
Each step in your video guide can be customized with detailed text, tips, and examples to make instructions even clearer for your audience.
* **Multiple Templates**\
Choose from a variety of templates designed for different types of guides. You can use formats like tutorials, quick reference, checklists, and more.
## **Best Practices for Creating Detailed Video Guides**
* **Be Clear and Concise**: While it’s important to be thorough, make sure your instructions are clear and easy to understand. Avoid overloading the video with unnecessary details.
* **Use Visuals Effectively**: Incorporating screenshots, screen recordings, or images can make your video more engaging and helpful for the viewer.
* **Engage Your Audience**: Add interactive elements such as clickable links or call-to-action buttons, making the video guide more engaging.
* **Check for Accessibility**: Consider adding captions or subtitles to your video to make it accessible to a wider audience.
***
## **Applications of Video Guides**
Video guides can be used in a wide variety of contexts:
* **Product Setup**: Walk users through the process of setting up your product, from installation to usage.
* **Troubleshooting**: Create a video guide that walks users through common issues and how to resolve them.
* **Training Guides**: Use video guides to train employees, customers, or users on new software or processes.
* **Onboarding**: Create engaging onboarding tutorials for new users to help them get started with your product or service.
* **Feature Demonstrations**: Show how to use specific features of your product through a detailed video walkthrough.
Yes\\! Hexus allows you to add annotations and other interactive elements to enhance your video guide.
You can switch between different templates and adjust your video guide as needed. Hexus gives you the flexibility to customize each step for your content.