The Overlays are completely reworked and they are now more user-friendly!

You can apply any of our default templates and customize it according to your preferences.

Conversion Oriented Templates

Within the initial release we are providing you with 8 different categories of overlays and total 18 templates among those categories.. They are categorized and named in such a way as to easily find the one you need.

  • 3 Hotspot

  • 2 Text Link

  • 2 Image Link

  • 2 Button CTA

  • 2 Opt-in

  • 2 Coupon

  • 2 Annotation

  • 3 Custom Code

To access these templates simply navigate to Interactions & Gates >> Overlays & Annotations menu.

Then simply click on the New Overlay button and you are presented with the Template Categories and templates underneath. Just choose a category that suits your needs:

Now we'll take a look at each of the 8 categories and the templates available for each one.


Hotspots

Hotspots are a great marketing tool to point out certain parts or even products of your videos, provide a clear visual indicator, and then make it clickable. They can move and flow in your video through the use of keyframes as well, drawing alot of attention and thus increasing clicks.

The default hotspot is a yellow circle with glowing animation. The color can be changed on that or you can upload your own image to use as well.

Here are the different hotspot templates:

Hotspot link - This will allow you to add a URL destination to the hotspot. Viewers who click the hotspot will go that to URL. Please note that the video will pause when the hotspot is clicked

Here's a quick look at what that looks like:

Here's a live example:

>> https://spotlightrteam.cdn.spotlightr.com/watch/MTE0ODE3NA==

Hotspot HTML panel - This will allow you add HTML which will appear when the hotspot is clicked. Anything from forms, surveys, quizzes, and even full web pages can be added here. Please note that the video will pause when the hotspot is clicked.

Hotspot change video - This will allow you to add a video as a destination for the hotspot. Viewers who click on the hotspot will be taken to that video that you choose.


Text Link

This category allows you to add text to your video and include a link which can be clicked by the viewer. The focus on these is text, without any images or buttons.

We currently have 2 different templates you can use for Text Links:

Full Screen Overlay - Here you can add text and a link that will show in the middle of the screen, with the rest of the screen greyed out to highlight the text and link.

Here's a quick look at the Full Screen Overlay:

And here's a live example:

>> https://spotlightrteam.cdn.spotlightr.com/watch/MTE0ODUxNA==

Simple Annotation - This adds a simple piece of text which is clickable. It can be placed in a variety of spots on your video.

Here's a quick example of the Simple Annotation template:

Here's a live example:

>> https://spotlightrteam.cdn.spotlightr.com/watch/MTE0ODQ3Mg==


Image Link

This category allows you to add similar overlays as the Text Link, but with an image included. The focus here is text as well as an an added image

Image Link - Similar to the "Simple Annotation" in that you are creating a simple piece of text. But here you are also adding an image next to it. It can be placed in a variety of spots on your video.

Here's a quick look at the Image Link:

Here's a live example:

>> https://spotlightrteam.cdn.spotlightr.com/watch/MTE0ODY1MQ==

Image Card - This will add a large sized card to your video, placed on the left, center, or right side of the video with an image on top and text underneath. Text includes a headline, sub-headline, description, and then a button which clicks through to a URL.

Here's a quick look at the Image Card:

And here's a live example:

>> https://spotlightrteam.cdn.spotlightr.com/watch/MTE0ODY1Nw==


Button CTA

This category allows you to add a call to action that includes text and highlights the button included.

Button Full Screen - Includes a headline, sub-headline, and button that is placed in the middle of the screen. The rest of the video greyed out while this overlay displays.

Here's quick look:

Here's a live example:

>> https://spotlightrteam.cdn.spotlightr.com/watch/MTE0ODY3Ng==

Button Bar - This will add a bar that runs the width of your video, at the bottom, middle, or top. Includes an image, text and a button call to action.

Here's a quick look:

Here's a live example:

>> https://spotlightrteam.cdn.spotlightr.com/watch/MTE0ODY3OQ==


Optin-in Box

This category is specifically for collecting email leads. You can create forms for collecting first name, last name, and email address. You can integrate with your email service provider and store your leads there as well.

Opt-in Full Screen - Displays your form in the middle of the screen with the rest of the area around it greyed out.

Here's a quick look:

Here's a live example:

>> https://spotlightrteam.cdn.spotlightr.com/watch/MTE0ODgyMg==

Opt-in Bar - Displays your form as a bar that is placed at the bottom, middle, or top of your video.

Here's a quick look:

Here's a live example:

>> https://spotlightrteam.cdn.spotlightr.com/watch/MTE0ODgyNA==


Coupon Box

These are similar to the Button CTA category except they are formatted to display a coupon and have the look and feel of a coupon, as opposed to a button.

Coupon Full Screen - Displays your headline, sub-headline, and coupon in the middle of the screen with the rest of the area around it greyed out.

Here's a quick look:

Here's a live example:

>> https://spotlightrteam.cdn.spotlightr.com/watch/MTE0ODgzNg==

Coupon Bar - Displayed as a bar that is placed at the bottom, middle, or top of your video. Includes an image, text, and the coupon.

Here's a quick look:

Here's a live example:

>> https://spotlightrteam.cdn.spotlightr.com/watch/MTE0ODg3MQ==


Note Box

These are simple overlays with text only. No headlines, sub-headlines, buttons, etc. They can be used to give additional information to the viewer. Also can be used to introduce the speaker on video or to introduce part of the video. They are clickable but that is optional of course.

Note Box - Text only with a color highlight. Can be clicked through to a URL, but it's optional.

Here's a quick look:

Here's a live example:

>> https://spotlightrteam.cdn.spotlightr.com/watch/MTE0ODg3OA==

Chat Box - Similar to note box but with added image. Intended use-case is to be used as a "chat" notification from the video presenter, but of course can be used for anything at all.


Custom HTML

For scenarios in which our templates don't exactly do what you need them to do, you can add your own HTML code in the form of an overlay;

Full Screen Custom - Add HTML to fill up entire video player.

You can add absolutely anything you want. Here's a quick look at how it looks with a contact form embedded into the video:

Here you can check it out live:

>> https://spotlightrteam.cdn.spotlightr.com/watch/MTE0OTM4MA==

Box Custom - Add HTML configured to appear in a variety of spots on the video.

Again you can add absolutely anything you want. Here I just added a simple HTML table and put it in the top left corner:

Check that out live here:

>> https://spotlightrteam.cdn.spotlightr.com/watch/MTE0OTM4Mg==

Identify Contact - Here we also include a form that can be added to the beginning of your video to identify who is watching. The intended use-case here is for people who want to know the name and/or email address of the person watching, which will also appear in the video analytics. You can track them across all videos watched.

Here's quick look:

Here's a live look at that:

>> https://spotlightrteam.cdn.spotlightr.com/watch/MTE0OTM4Mw==

Did this answer your question?