How to customize hotspots in an interactive demo?

1. Open the Edit panel and click the Hotspots element.

2. Click the Edit icon next to the hotspot you want to customize.

3. Turn on Hide other elements toggle for a distraction-free editing experience.

4. In the Time field, set the time frame to control when the hotspot appears in the demo.

5. Add a Title and Description to give users more context.

6. To reposition the hotspot, simply drag it to the desired area on the screen.

7. Under Bubble settings, choose where the description appears around the hotspot.

8. Enable the zoom effect by turning on the Enable zoom toggle.

9. Add an AI voiceover to enhance the user experience.

    a. Turn on the AI voiceover toggle.

    b. Select the preferred AI voice from the available voices.

    c. Provide the script for the AI voiceover in the text box.

10. Click the eye icon beside the Edit hotspot, to show/hide the hotspot.

11. Click Apply to save your changes.

12. To delete a hotspot, click the Delete icon and confirm by selecting Delete in the pop-up.