How to make clickable videos hotspots, videos, hotspots

Jul 21, 2022

Videos can help convey a message, promote products, and provide more immersive experiences. Brands and creators of videos clicking links are a great way to add an important layer of interactivity for a deeper the engagement.

A video-in-video hyperlink differs from a typical in-description link used on the majority of video platforms. Clickable links in video exists inside the video, and can take the form of a conventional text hyperlink, hotspot overlay or chapter titles as well.

The clickable link can increase the content's value for the viewer and, consequently the value for your business.

In this article

1. Add a contact form

The name of the form suggests that a contact form helps capture the details of viewers. According to what you have specified it can surface before, during, or after the video has ended.

It is possible to display the form during any point in the video. It is possible to block content in the form in order to collect user info to help with a lead generation strategy.

Bonus tip: You can consider making it possible for viewers to avoid the contact form -- after all, there's no point making them share the details of their contacts unless you've gated the information.

For adding contact forms to your video:

  1. Head to the Tools for interaction tab within the settings for your video and then scroll to the bottom of the page, selecting Contact Form..
  2. Select the time you wish to enable the contact form.
  3. Connect the form directly to any of your email marketing partner platforms using your connect button in the Email providers section.
  4. Agree to the conditions and terms that show up the next time. Now log in to your email application to sign in it to .
  5. Pick at least one mailer list that you want to sync your collected information with and hit Apply to save any changes.
 contact form example

2. Card Addition

A different type of in-video link is the cards. They are notifications-like links which are displayed for a brief duration, usually six seconds. They can be kept basic by simply adding the headline, or make them more elaborate by adding a description, link, and thumbnail as in this example.

 video with cards example

To add card to the video:

  1. Visit the Interaction tools tab in the settings for your video and scroll down to choose Card on the Video during drop-down menu.
  2. Fill in the fields to flesh out the card. The card must have a title and datestamp to determine when to display your card. This is a must at least.
  3. Hit Add button after you're finished and then press "Save".

Keep in mind that You can stack more than one card per second.

3. Add-end screens

End screens show up towards the end of the video. You can choose from several choices to personalize these links within your video.

  • Use clickable backgrounds to add images
  • Include social share icons
  • Present a contact form
  • Slip in an CTA button
  • Direct viewers to a different video
 end screens

For adding a screen at the end to your video:

  1. Click on the Interaction tools tab within your video settings and scroll down to select after video
  2. Click from the Screen End dropdown menu and then.
  3. Pick the screen you want to end on and select Add, followed by Save.

4. Add chapters

Chapters are ideal for lengthy videos. They allow you to segment the video, making it easier to navigate and skip sections, skip content and rewatch important moments.

  1. Visit the Interaction tools tab in your video settings, scroll down until you reach the chapter section and then click "+New" to start a new chapter.
  2. Input the title of the chapter (up to 50 characters) with the timestamp for when it'll show on the screen.
  3. Press Save when you've finished creating or editing chapters.
 advanced editing tools UI - add chapters to videos

Like with cards, you may add one chapter per second of the video. Every video has the ability to have more than 100 chapters.

5. Add video hotspots

Create static hotspots, which are located in a determined position in the video or sticky hotspots that move along with individuals or objects within the video.

To add a hotspot to your video:

  1. Watch your video and select the object or person you want to add the hotspot.
  2. In the Hotspot section, click the (+) icon in the upper right-hand corner of the screen, once you've found where you can add the hotspot.
  3. Pick your design for your hotspot from  the template gallery that is ready to use or create your custom design.
  4. Set the hotspot's positioning in relation to the person or object that you are adding it to.
  5. Switch on the option to turn the Stick-to-Object option to off or on depending on whether or not you need a sticky or static hotspot.
 Interactive example of how to create video hotspots

6. Add interactive overlays

You can add anything from text, image, audio, videos, calls to action and animations in your overlay.

For overlays to your video:

  1. Upload your video and pick the timestamp to include an overlay.
  2. Position and style the style of the.
  1. Select from the overlay options such as buttons, information panels and more.
  2. Review and then hit save.

Let's discuss linking to video clips on YouTube. Here are your options:

The most popular location to place an e-mail link is within the description of your YouTube video. By adding a hyperlink to the description of your video makes it simpler for viewers to discover your items such as your website, subscription link, or affiliate links.

A description for your YouTube video will show just below the video's title.

Image example of Youtube video descriptions with clickable links.

To make sure viewers aren't missing the link, insert it into the start of the description text so that people can view it without having to click "see further."

example of a link at the beginning of a video description

For adding a hyperlink to the YouTube description of your video:

  1. Head to YouTube Studio by clicking on the top right corner of your dashboard.
  2. From the new page which opens, choose Videos from the left-hand sidebar and choose the one you want to edit.
  3. Make edits to the video's description within the box that describes the video, then paste in the URL you want to add.
  4. Click Save. YouTube converts the URL into an actionable URL.

2. Card Addition

Another way to create a clickable video on YouTube is to make use of information cards.

These pop up at predetermined time intervals within your video- turning into an lowercase "i" after showing up on the right side of the computer's screen. In this way, the viewer can hover their cursor over the "i" and click on it whenever they like.

It is possible to add at least five information cards to your video that connect viewers with related content, (public) playlists, YouTube channels, or even links.

Screenshot of a youtube video and card with link

Remember that you're only able to use clickable cards if you're a participant in the YouTube Partner Program. You can't also include cards in videos made for kids.

To add cards to YouTube videos:

  1. Connect to YouTube Studio. YouTube Studio and select Content from the left menu.
  2. Choose the video you want to edit, then click Editor from the left side.
  3. Select the Info card here and start adding cards.
  4. You can change the beginning time under the video on each card that you add. If you are adding cards that lead to a channel (aka channel cards) it is also necessary to include teaser texts and a personal message explaining what it is that the link will lead to. Adding teaser text is optional for other cards.
  5. Click Save.

When sharing links in a card, it's essential that you adhere to YouTube's Community Guidelines as well as the Conditions of Service. If you're not, the video search engine will take the link off the video, or even deactivate your account completely.

3. Create to the screen at the end

End screen, also known as an end card or slates, are similar to info cards. They are displayed in the last 5-20 seconds of videos on YouTube.

With an end-screen, you can direct viewers to a playlist or video and also add a link to an external site , such as your store.

Image of Youtube end screen

For adding end screens in your video:

  1. Sign in to YouTube Studio and select Content from the left menu.
  2. Pick the video that you want to edit and select editor from the drop-down menu.
  3. Select End screens and choose the element you want to add.
  4. Save. Click to save.

You'll have the option to include elements (content you want to include on your final screen) use templates, videos, playlists Subscribe, channel, merchandise and link.

When adding links, be sure to select ones that comply with YouTube's policy to prevent yourself from end screen removal or account cancellation.

You can't also add end screens to videos set as content made for kids, 360 videos, mobile web, and on the YouTube music app. Additionally, only videos of at least 25 seconds long are eligible to have an end card.

You've got it! If you're up for it, try experimenting with the upload of your videos to make engaging, immersive, and clickable videos that grab your viewers' attention.