Cinema8 Sticky Hotspot

Sticky Hotspot Element

What is Sticky Hotspot?

By marking an object in the video with a Sticky hotspot, you can follow the object you marked while the video continues to play. In this way, you can assign actions to moving objects in the video.

For example; Imagine a woman walking from the left to the right of the screen with a bag in her hand. If we want to make a shoppable video where we can put the woman's bag for sale, we can select this bag with the sticky hotspot feature and place a purchase button on the bag that will follow the bag during the woman's walk.

What is Clickable Area?

With the Clickable Area element, you can interact with the desired area of your video and turn that area into a button.

What is the difference between Clickable Area and Sticky Hotspot?

Both elements allow you to assign actions to areas you specify in the video. Clickable area lets you assign actions to a fixed area in the video, while sticky hotspot lets you assign actions to moving objects. In this way, you can add clickable actions to moving objects or people in the video.


First of all, we drag and drop our element from the Elements list to the layer.

Sticky Hotspot - 1

There are 2 different types of buttons that we can place in the area we choose. Choose one.

Sticky Hotspot - 2

Then we click on the element we added and place it on the object we want to select on the video.

Selected Sticky Hotspot

We scan the object we want to select by clicking the "Click to Run Motion Tracker" button.

Sticky Hotspot Properties - 1

We finalize the settings of the hotspot we scan by editing.

Sticky Hotspot Properties - 1

1. Change the button type you choose
2. Change the button image
3. Change button position
4. Choose which action will take place when the button is clicked

Cinema8 Sticky Hotspot
5. Change the button background color
6. Change the button image color
7. Change the size of the button image
8. Select button animation




    • Related Articles

    • What is Video Element in Cinema8

      With the Video element, you can add videos on your video in full screen. If you want, you can activate a button where you can allow them to pass the video you put when the time expires. First, we drag and drop our element from the Elements list to ...

    • Countdown Element

      With the Countdown element, you can add countdown anywhere on your video and trigger actions at the end of the countdown you add. First, we drag and drop our element from the Elements list to the layer. The screen below will meet us. 1. Name the ...

    • Drawing Element

      Drawing element allows you to draw on your video. There are 6 different types of drawing in the tool. There are also color options for the drawings you will make. First of all, we drag and drop our element from the Elements list to the layer. Here ...

    • HTML Element

      HTML is a system used in the preparation of websites. Browsers mirror the screen by processing HTML codes. So, what can we do in Cinema8 with the HTML element? With the HTML element, you can place all the elements that give embed code (such as ...

    • Widget Element

      Unleash the power of interactive video with the most extensive widget library on the market. Cinema8 creates the ultimate ecosystem for developing widgets for interactive videos. The Cinema8 library offers 1000+ widgets for interactive video, ...