Available on: Business, Business trial, and Enterprise plans.
Capture Your Workflow
1. In the Guidde browser extension, select the Interactive Demo template.
2. Capture your workflow by going through the process as you normally would, then click Done when you're finished. Guidde automatically creates hotspots based on your actions and clicks, which you can edit or add to manually.
Add and Customize Hotspots
1. Open the Guidde you want to edit and click Edit.
2. In the video editor, open Interactions from the left panel.
3. Add a new hotspot (or click an existing hotspot to edit it).
4. Click and drag the hotspot to position it where you want viewers to click.
5. Use the options in the left panel to customize the hotspot.
6. You can edit the tooltip text. It will appear alongside the hotspot.
7. Select behaviour: Open by default on to keep the tooltip visible from the start, or turn it off to show the tooltip only when viewers hover over the hotspot.
8. Choose what happens when viewers click the hotspot. You can have them continue to the next step or jump directly to a specific step in the guidde.
9. If you choose a specific step, open the destination dropdown.
10. Select the step where you want viewers to land after clicking the hotspot.
Using multiple hotspots with different destinations lets you create branching experiences and give viewers different paths through the workflow.
11. Adjust the tooltip position around the hotspot so it fits naturally within the layout and doesn't block important content.
12. Set the primary color for your hotspots and tooltips to match your visual style.
13. Choose a color from the available options, or use the eyedropper to match a color on screen.
14. Select a text color that works well with your chosen style and background. Use clear styling and titles to make interactive areas easy for viewers to identify and click.
15. Click Apply style to all interactive elements at the bottom of the settings panel to quickly apply the same style across your hotspots.
16. Use the floating menu above a hotspot to duplicate or delete it.
17. Look for the interaction icon in the video editor to identify steps that contain interactive elements.
18. When you're ready, click Done to complete your Interactive Demo.
What Viewers See
Unlike a regular video, an Interactive Demo does not play automatically. It opens with a Get Started button on the cover screen. Clicking it launches the experience, and the video pauses at each step until the viewer clicks a hotspot to continue.
Note:
Hotspots are not included in MP4 exports.
In document or PDF exports, hotspots appear as static markers without a tooltip.
On iOS, full screen mode is disabled for guiddes that contain hotspots. Hotspots work normally outside of full screen.
That's it! Your Guidde is now a hands-on, self-guided experience. Viewers can follow the intended flow or explore different paths, making it easy to create engaging demos and effective learning experiences.