You can watch our tutorial video on interactive templates here, or read the article below.
In this article you will learn how to use templates in the Interactive Studio. Using templates will let you work more efficiently when your interactive project contains recurring interactivity.
For example: you want your interactive project to promote 5 products. The introduction clip contains 5 buttons, where each button brings the viewer to the corresponding product video. Most likely you’d like each of those videos to have a button that brings the viewer back to the introduction clip.
To avoid repetition, you can easily create a template to add the same interactive elements to multiple videos. Editing an element in a template will automatically update that element in all videos where the template has been added.
1.0 | Create a template
To create a new template:
- Navigate to the “Template” section in the Online Video Platform
- Click “Create New Template”.
- Fill in the title, description (optional) and the size of the template
- Click “save” to get started.
The Interactive Studio opens where we can add the interactive elements we’d like to apply to multiple clips. Read more about adding actions to buttons:
- Give more information
Notice that there are no time codes in the timeline section of the studio. This is because templates are not time-based since they’re not part of a clip.
2.0 | Add a template to a video
After publishing the template you are ready to apply it to a video. To do this:
- Open the video in the Interactive Studio
- In the left panel, click the “template” tab
- Drag the newly created template onto the canvas to add it to the clip.
Simply apply these steps in multiple videos to avoid having to add the same buttons and actions.
3.0 | Editable properties
When you’re working on a video that contains a template, by default you won’t be able to change the template widgets. However, in some cases you might want to edit a template widget.
Let’s imagine one of the product videos needs to navigate to a different contact page. For this you would need to edit the OnClick action. To make this possible:
- Go to the template and click the pencil icon.
- Select which properties should be editable in individual videos.
- Publish the template
- Go back to the specific video and note it’s now possible to edit the selected action even though it’s part of a template.