Home
Interactive Video
Add Interactivity
Present additional information

Present additional information

Contents

You can watch our tutorial video on presenting additional information here, or read the article below.

In this article, you’ll learn about several ways to present additional information to your viewers. Interactive video is all about enabling the viewer to choose what content is relevant to them. With the interactive studio we can easily give the viewer the option to get more information if they need it.

A good example would be to show a popup or hover message to provide little snippets of information once viewers interact with specific widgets. In other instances, there might be too much extra information to put in a popup or hover message. In those cases, it might be more appropriate to share a PDF file with the viewer.

In the following sections we’ll teach you how to add a:

Downloadable file
Pop-up message
Hover message

1.0 | Add a downloadable file

Regularly, additional content is not optimized for a video format (e.g. references of a study in a pharmaceutical instruction video). In those cases you can add a button to your video to let viewers download a PDF file.

- Upload a PDD file to the Media Library

Also upload a button image
When uploading is complete, drag the button image to the canvas.

Select the button and expand the “onClick” section
Click the “navigate to” option.
Here we will select the last icon and pick the PDF file we just uploaded to the Media Library.

When viewers click the button, the PDF file will automatically start downloading to their device.

2.0 | Pop-up message

Drag both elements onto the canvas.

We only want the pop-up to show up when the viewer clicks the button. Therefore: hide the pop-up in the timeline by unchecking the checkboxes at the start- and endpoint of the widget in the timeline.

Next, we’ll change the settings of the button so that we can toggle the pop-up on and off like a switch. We’d like the button to have a different look when it’s clicked:

Set an alternative image in the “Toggled” menu

Expand the OnClickToggledOff menu and click the “change widget” option.

Select the pop-up element and determine what it should do when the button is toggled. Select the “show” option.

When the viewer starts the video, the pop-up message is hidden. After clicking the button, the pop-up element is shown. However, clicking the button again won’t hide the pop-up message yet. To be able to hide it with a button click:

Expand the OnClickToggledOn menu.
Set the pop-up element to ‘hide’.

Another way to provide extra information in our video is by displaying a message (tooltip) as soon as the cursor hovers over an element. We can use this message, for example, to inform the viewer what happens when they click a button.

Adding a hover message is similar to adding a pop-up message. However, instead of using the two OnClickToggle actions from the previous section, the OnMouse actions are used.