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.
Recording voice, camera and AI 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:
<break time="1.5s" />
Adding a page
You can add a page anywhere in a tour with custom fields, for example to create a cover slide or an end slide. Below are some ideas on how to create pages to enhance customer engagement:
Here, you can import steps from other Hexus flows, upload your media, record your desktop, or record from our Chrome extension.
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.
Player and step settings
Additionally, we support adjusting the iframe under “Player Settings” toolbar for accessibility, responsiveness and other settings such as:
-
Closed Captions: This is available on the Growth & Enterprise plan. You can generate a transcript if your flow has audio.
-
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.
-
Background Music: You can select one of our preset background music options. Enterprise plans support adding your own background music.
-
Aspect ratio: You can update the aspect ratio for your flows by adjusting the width and height, and clicking Update.
-
Watermark: Hiding watermark is only available on our paid plans. Enterprise plan holders can add your own watermark.
-
Step settings: You can control the duration of the step or playback speed under Step settings toolbar.
-
Product Demo Video Animation: You can customize how your product video animates in the Step Settings by changing the animation type.
- 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.
- 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 a zoom-in feature helps highlight the features in the spotlight clearly. This ensures a smooth, clean and aesthetic demo for your customers. Here’s how you can do it:
-
Go to your desired video, click on the ‘Edit’ button to begin making changes.
-
On the right hand side, you will find ‘Step Settings’. Click on it to proceed.
-
Once the window opens, switch the toggle to ‘on’ to enable the zoom
-
Click on the zoom in button to enable zoom on this slide
-
Click on the zoom out button to change back to default screen
-
Finally, click on save to complete the process
Here’s a video 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:
-
Go to your desired video, click on the ‘Edit’ button to begin making changes.
-
On the right hand side, you will find ‘Step Settings’. Click on it to proceed.
-
Once the window opens, switch the toggle to ‘on’ to enable the Focus Window
-
You can now place the focus window anywhere on the screen
-
Complete this by clicking on the save button
Here’s a video demo 👇