--- title: "Hotspots" slug: "hotspots" description: "Enhance your videos with interactive hotspots to guide viewers, highlight features, and improve training with AI voiceovers for a seamless experience." updated: 2026-10-26T07:52:37Z published: 2026-10-26T07:52:37Z canonical: "docs.document360.com/hotspots" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Hotspots Hotspots are interactive markers that you can place on a video at specific timestamps in an interactive video. They are designed to highlight key moments, guide viewers through important actions, and provide contextual information exactly when it is most relevant. --- ## Use cases - **Product walkthroughs** - Draw attention to a specific button, field, or UI element as it appears on screen, so viewers understand what to click and why. - **Training and onboarding** - Guide new users step-by-step through a workflow, adding explanatory text at each stage without requiring a live presenter. - **Feature highlights** - Showcase new or underused features by annotating exactly when they appear in the demo, ensuring they are not missed. - **Accessibility** - Pair hotspots with AI voiceover narration to create audio-guided demos for users who benefit from spoken instructions. --- ## Adding a Hotspot 1. Navigate to **Add elements** in the right pane. 2. Click **Hotspot**. In the Hotspots dialog, review the list of existing hotspots (if any). 3. Click **Add new** to add a hotspot. 4. Drag the hotspot to the desired position. 5. Use the **eye icon** in the top-right to show or hide the hotspot. Hidden hotspots won't appear to readers but aren't deleted. 6. Enable **Hide other elements** to hide all other elements while you configure the hotspot. 7. In the **Time** field, enter the desired time. Use the **Select exact frame** option for precise adjustments. 8. Enter a title in the **Title** field. 9. Enter the description in the **Description** field. ![Edit hotspot settings with time, title, and description fields visible.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Edit-hotspot-1.png) Note Select the content in the Description field to access basic formatting tools: Bold (), Italics(), Underline , Ordered list (), Unordered list (), and Hyperlink(). 1. Under **Bubble settings**, adjust the hotspot position by choosing the exact grid point from the given options. 2. In the **Effect** section, turn on the **Enable zoom** toggle if required. 3. To add voice narration, turn on the **AI voice over** toggle. - Select the desired voice and enter the content in the text field. - Click the **Play** button in the text field to preview it in the selected voice. 4. Click **Apply** to save the hotspot. ![Settings interface for bubble effects, including options for zoom and voiceover features.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Edit-Hotspot-2.png) --- ## Managing hotspots Once hotspots have been created, you can manage them directly from the **Hotspots panel**. Hover over any hotspot entry in the list to reveal the following options: - **Edit** - Click the **Edit** icon to reopen the hotspot configuration panel and modify any settings, including the time, title, description, bubble position, or effects. - **Delete** - Click the **More** icon and select **Delete** to remove. ![Hotspots panel listing added hotspots with Edit and More options](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Manage-Hotspot.png) --- ## Hotspots in other languages If you translate the interactive video into other languages, each language version has its own hotspot content. The following can differ by language: - Title - Description - AI voiceover script and voice The hotspot position, time, bubble settings, and effects stay the same in every language. To create the language versions, translate the demo from [Document360 Engage](/help/docs/document360-engage#translate-content). To adjust a translated hotspot, open that language version in the Interactive video editor and edit the hotspot as usual. When you translate, the AI voiceover script is translated and the voice changes to match the new language automatically. --- ## Best practices - **Place hotspots at the moment of action** - Align each hotspot with the exact frame where the click, input, or transition occurs so the annotation feels natural and timely. - **Keep titles concise** - Aim for five words or fewer. Use the Description field for any additional context. - **Avoid clustering** - Space hotspots far enough apart so viewers have time to read each one before the next appears. - **Preview voiceover before saving** - Use the Play button to listen before clicking Apply. Adjust phrasing or punctuation to improve cadence. - **Match bubble position to content** - Anchor the bubble to a corner or edge so it does not obscure the UI element it describes. - **Check translated hotspots** - Translated titles and descriptions are often longer than the original. Review each language version to make sure the bubble text fits and doesn't cover the UI element it describes.