1. Home
  2. Docs
  3. GoDAM
  4. LAYERS
  5. Hotspots

Hotspots

This layer allows you to add multiple CTAs within a single timestamp. It allows you to add clickable links at different coordinates within a single layer. 

You could drag the hotspot to the correct coordinates as well as customize them by adding icons instead of the default hotspot.

Furthermore you could customize the CTA by toggling if you want to pause the video when the user hovers over any hotspot or not.

STEPS:

Step 1: Go to Video Editor under GoDAM menu

GoDAM Video Editor option

Step 2: Choose a video

image-30-1024x619

Step 3: Go to the timestamp where you want to add the layer

Shows button to trigger placement of cta

Step 4: Select Hotspots from the popup

Layers popup

Step 5: Select the duration you want to display the hotspots for, by default the value is 5 seconds.

Step 6: If you want the video to pause when the user hovers over the hotspot, you can toggle the “Pause Video on hover” on.

Step 7: You could further customize the hotspot using the options mentioned in below screenshot: 

image-11-1024x537

Upon clicking show style, you can select the background color from the color selector for individual hotspot:

Add background color to hotspot

Step 8: To add icons as a hotspot, select show show icon from the menu

Add icon to hotspot

Step 9: You can select an icon from the popup that appears after clicking on select icon button.

HOW TO DELETE A HOTSPOT?
Select “Delete hotspot” from the menu

Delete hotspot

HOW TO CHANGE HOTSPOT POSITION?

To change the position of a hotspot, hover over it, then click and drag it to the desired coordinates on the screen.

change-hotspot-position

HOW TO CHANGE HOTSPOT SIZE?

To change the size of a hotspot, hover over it, then go to the edge of the hotspot  and drag it to the desired coordinates on the screen.

hotspot-size