LearnWorlds provides an Interactive Video Editor that allows you to enhance your videos with interactive elements. You can easily add buttons, offer banners, questions, and embedded content, making your videos more engaging and interactive.
In this article, we will learn how to add interactions, like buttons, offers, questions, and embed elements to your videos using LearnWorlds’ Interactive Video Editor.
To add interactions to your videos:
1. Select a course and navigate to its Course outline tab.
2. Hover over the video learning activity and click on Edit video.
3. Click on the plus icon to add a new element.
Choose one of the following interaction types:
- Buttons – Direct learners to a specific link, display a message or take them to a certain point in the video.
- Offers – Encourage purchases by displaying promotions, discounts, or special offers.
- Questions – Insert questions to engage viewers, test their knowledge, and help them focus on key concepts.
- Embed – Paste an embed code to include additional content like external media or widgets.
Once you select your desired element, resize it, drag and drop it anywhere you want in your video, and customize its timing, actions, format, and entrance animation effects. You can also duplicate or delete the added element.
Timing & Actions
Click on the Timing & Actions tab, to adjust the following settings:
- Keep always visible.
- Duration: Set how long the element stays visible (e.g., 5 seconds).
- Start & End Time: Define when the element appears and disappears.
- Visibility: Choose which users will see the element (all users, tagged, nobody)
- Behavior on Appearance: Choose actions like "on show" or "on click."
- Interactivity: Set actions when clicked, such as:
- Opening a link
- Showing a message
- Redirecting to a specific video point
With the tagged option, you can also hide an element from specific tagged users.
Format
Customize text elements by adjusting the text, text style (spacing, height, transparency), and images where offered. For embed elements, add the embed code in the relevant field and click on Update. 