Interactivity Guide

Modified on Wed, 11 Jun at 4:10 PM

Video tutorial: here.


Interactivity is an instrument in our video editor that allows you to create more engaging videos by giving the viewer the possibility to interact with the material. 

You can find the Interactivity menu on the right bar in the video editor. Click on the Interactivity button to start working with it:


Slide settings


In the Interactivity menu, you can manage Slide settings and Interactive elements.

Slide settings can be used to change the order of the slides. 

Use Next slide setting in your project to create branching scenarios. This is often used together with Interactive elements. To get more detailed information about the Next slide tool and how it is different from the Correct/Incorrect Interactions from Questions tool please check this article: Interactivity Branching Scenarios.

Next slide setting will appear only if you have 2 or more slides in your project.

Slide chapter setting is created for easy navigation in the final video for the user and the viewers.

Once the video is rendered, the viewer will be able to see the name of the Chapter by hovering on the video timeline. Also, the viewer can click on the Chapters icon to browse the list of chapters.

You can create a chapter for every slide if needed. Creating chapters in your project is optional.



Interactive Elements


Interactive elements allow you to add multiple-choice questions (Questions), links to external resources, or links to other slides in your video (Buttons)  to your video with the possibility for the user/viewer to answer them after the video is rendered. The menu offers such instruments as Questions and Buttons.

Questions are quizzes with answer options that viewers can choose and submit inside the video. The quiz will appear at the end of the slide. You can customize which slide will be shown next based on whether the user's answer was correct or incorrect. There are two types of Questions: Text-based and Image-based:




Text-based questions



To add a Text-based Question to the slide follow these steps:

- go to Interactivity --> Text-based

- select the question design you prefer

- type the question you want to ask in the Question field

- type the answer variants in the Answers fields. You can have 2-6 answer options per question.

- select the correct answer or answers (multiple answers can be set correct). The correct answer has to be marked with a green check:

- set the slide navigation for correct and incorrect answers. 

For example, the settings on the screenshot below send the viewer to slide 3 if they provide the correct answer; or send the viewer to the start of the video if they provide the incorrect answer. A video viewer’s answers will be marked as correct only if the selected options correspond to the checkboxes you have chosen. Otherwise, the answer will be considered incorrect. 

 


- set Feedback for correct and incorrect answers. Feedback will appear instantly once the viewer submits an answer. A Feedback setting is optional.

The Feedback will create a pop-up with a green check if the correct answer was provided. Alternatively, if the answer is incorrect the pop-up will have a red X.


Image-based Questions


Image-based Questions are available only for Enterprise users.

With Image-based Question you should follow all the same steps that were described in the block above (Text-based Questions). Change only step #1:

- Go to Interactivity --> Image-based;

This feature allows you to have three different sources of images: Uploaded images, Stock images, AI-generated images. To add the image to the answer, click on the answer and select the source of the image:



Upload allows you to use the image available in your Assest (already uploaded).

Stock allows you to browse our royalty-free library of stock images. You can use the search bar to find the most suitable images for your quiz.

AI generation allows you to create an authentic image with a prompt. This option allows you to have the additional parameters, such as Style, Color, Framing, and Lighting. Settings parameter contains options to choose Size and add Negative prompt (describe the things that you do not want to have in the picture). The AI generated image will be saved in your assets. If you want to use it again, you can access the image in Upload source, as well as in My Assets menu.



You can combine the answers with different source images. Similarly to Text-based Questions, you can have from 2 to 6 answers.




You can switch between Image-based and Text-based questions. The system will ask you whether you want to replace the type of quiz or add a new one to the slide. If you replace the type, the typed question and answer descriptions will be saved.




Buttons


Clicking on a Button will redirect viewers to another slide in the video or open a link to the external resource in a new tab. 

At the end of the slide, the video pauses until the viewer interacts with the button. You can customize the button's name and color by ungrouping the button element, making adjustments, and regrouping it. Once customized, please ensure to add interactivity to the button.

Any media or text can be turned into an interactive button. Follow these steps to complete the action:

  • Click on your media or text.

  • Enable Interactivity in the Elements menu.

  • Select a needed option: Go to the slide (transfers the viewer to a specified slide in your video) or Open a link (for external resources).

  • Depending on the previous action, select the slide that should open upon clicking on the interactive element or paste a link to the resource.




QuestionsButtons & clickable interactive elements will be highlighted on the video progress bar by lightning symbols:

Once you have completed all the edits and are ready to render the video you will notice a new option added along with the interactivity feature: Disable slide navigation. If the setting is active - the viewer will be able to navigate the video only by using the interactive elements (Questions, Buttons & clickable elements), however, they will not be able to jump to another chapter or fast-forward the video.


Once you have completed the work on content you can preview the video before rendering it. Please be informed that the system will ask you to emulate clicks to proceed to the next slides. The interactive elements will be clickable only after render. 

Also you will notice that the Music (if soundrack enabled) will not pause at teh end of the slide in the Preview mode. Be informed that in the rendered video the music pauses along with the video.


You may consider disabling the slide navigation for cases when you do not want your viewers to skip some parts of the videos, and encourage them to travel through the video only by using the interactive elements.


 


To become more familiar with the Interactivity feature feel free to check on this example video created by our team: link!


You may also use Elai Interactivity templates to speed up your video creation process. Find more information about the templates in this article.



Interactivity limitations:

  1. Autotranslation currently does not work with interactive elements.
  2. Only one Quiz per slide is allowed.
  3. Buttons and Quizes can not be combined on the same slide.
  4. Interactive elements can be supported only in Elai player. This means that the buttons and links will not work if you download the video and play it on your computer. The video with interactive elements will be fully operational if you:
  • Play it in our video editor.

  • Make the video public and share the link with your viewers. 

  • Embed a video on your website.



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article