Adding interactive hotspots to your video
Before we start tagging our video with hotspots, a couple of terms you should know:
Hotspot: The hotspot is the area of the video that acts as a ‘hitbox’ – clicking on the hotspot will lead to the content or action of your choice.
Overlay – An Overlay is a pop up in which you’ll be adding your content, whether it be an iFrame, a video or photo, a PDF or lots more.
Hotspots are the key to opening up a world of interactivity for your video. Let’s explore two types:
Static: These are anchored to a fixed position in the video frame and don’t move. You decide when you want them to appear.
Static hotspots can last as long as you want onscreen. You can specify their duration using in and out points. Check out this example of static hotspots.
Sticky: These stick to people or objects as they move. Typically you’ll see 9x higher viewer activity compared to static hotspots.
Sticky hotspots are great for attaching a clickable point to people or objects. Here’s a great example.
We’re now ready to add our hotspots! Open the editor on any video you’ve uploaded, and top choose ‘Add Hotspot’. With your cursor, draw a box around the area you’d like your hotspot to appear.
After you’ve drawn your bounding box, a menu of options will appear for this hotspot on the right-hand side. This is your hotspot manager, from here you can edit, remove, and organize all the objects and faces you want to tag. We’ve even given you a head start and made some hotspot suggestions!
The hotspot manager is also where you’ll determine what action to attach to your hotspots.
You can get creative with an Overlay – whether you’re showcasing a product, providing additional information on a topic, displaying another video – the possibilities are endless. Check out some examples here of what you can achieve with a blank overlay canvas. Let your imagination run wild! 🎨
You can also choose to have the hotspot click out directly to any URL, bypassing any overlay. Our research suggests that using overlays is a far better way of retaining viewers in a multi-hotspot environment. Try engaging the viewer with an overlay before directing them to an external website!
Lastly, you can choose to have your hotspot redirect the viewer to another point in the video. This is the first step to creating a branching video. More on creating branching videos here.
Your hotspot can take many forms – peruse our library of designs to find one that makes your video pop or enjoy the freedom to upload your own bespoke hotspot designs.
Smart Tip ⚠️
Use the Invisible Hotspot design if you’ve got buttons or other kinds of graphic elements already baked into your video. There won’t be any visible indication of the hotspot on screen, and your video graphics will be the star of the show.
Go wild tagging your video with hotspots that will keep your viewers engaged. Just remember, you CAN have too much of a good thing – try not to overwhelm your viewers with too much choice. Keep hotspots to 3 at a maximum at any given point in your video.
Ready for more? In the next section, we’ll dive deeper into the Jump-point action mentioned above – what we call Branching.