Webinars are all the rage, often preferred by both companies and viewers because of its ease of access and staying power. Why travel to a physical workshop when you could watch a 30 minute webinar from your work or home office?
That brings us to today’s topic: How to turn your webinars into interactive on-demand experiences.
Turning your live webinar into an interactive experience gives your on-demand viewers a premium experience where they can skip to the sections they’re more interested in, or sections they missed during the live. You can also include links to presentation material and other pages/content that you want to highlight.
So, how do you turn your webinar into an interactive video?
How to turn your webinar into an interactive video in the Qbrick video platform
Here is a quick video tutorial on how to 1) divide your video into chapters, 2) create an interactive menu, 3) create an interactive end screen in the Qbrick video platform.
Here is a summary of what we go through in the video:
Step 1: Sectioning off your webinar into chapters
To cut up our webinar video into several chapters, you can use Adobe Express from within the Qbrick video platform. Click on “Edit with AE” under the settings of the video.
Depending on the length of your video, the process of loading your video into Adobe Express might take a bit of time. So if your project looks empty, give it 30 seconds or so, and your video should show up.
Now you can trim your video into your first chapter. Hopefully you already know what chapters you want to include. It also helps to note down the time codes, so you can go through this process quicker.
When you’re done with your first chapter you can click on “Export to Qbrick” and see your new clip show up in the library.
Repeat this process for each chapter. It doesn’t matter if you click on “Edit with AE” on your new clip or the full webinar video, as it’s connected to the same Adobe Express project.
Step 2: Adding our scenes to an interactive project
Now that you have your clips, you can create your interactive project and load in your scenes/clips. Give your project a name, click “Create video” and then “Edit video”.
Add your clips as scenes in this project. Click “New scene” and choose your first chapter from the Media library.
Repeat this process for all your clips.
You can also add the full webinar video as one of your scenes, so that you can include an option to view the whole video.
When you have all your scenes placed in your project, you can move on to creating a navigational menu scene. This navigational menu scene will be the first scene your viewers see, and will include buttons leading to all your different scenes and other material.
Step 3: Creating a navigational menu
You can create your navigational menu in Adobe Express. If you already have a fitting video in your media library, you can use that and add buttons to it without any further creative editing. If you don’t have something like that, click on “New scene” and “Edit” to create something from scratch.
Creating something from scratch in Adobe Express gives you a lot of creative freedom. You can use one of their many templates to save time. You can also search their stock library for a fitting video background. Just make sure that the video size is the same as the rest of your video. Most likely it’s going to be 1920×1080. That means it’s a standard HD video.
Watch the video to see a sped-up example of what this creation process can look like.
Step 4: Making your video interactive in Qbrick Interact
You should now have all your scenes ready in your project. All you have to do now is add interactivity – to make the actual navigation possible.
First, make sure that your navigational menu is your “Home scene” by checking that the “House” icon in the upper left corner is blue.
The “Home scene” is the first scene a viewer sees when they click on your video.
Click on the “Edit” button, or double-click on the scene to edit it.
Inside the scene editor you can see the library of interactive widgets you have to choose from. In this example, we’re going to be using the button widget exclusively, but you can play around with different widgets in your own project.
Drag and drop the button widget onto your scene. Shape it to fit your design. Edit the text on your button, the colors, as well as the roundness of the corners. All of these settings can be found in the menu on the left.
Add an “Event on click” to make this button interactive. Choose “Go to scene”, and then choose the scene you want that button to go to.
When you’re done with one button, you can copy that button under “Edit” and “Layer navigation”. This will speed up your work process. Simply change the text, placement and which scene it should go to.
Repeat this process until you have all your buttons placed and ready.
You can also add buttons that go to external links, like social media channels, web pages and downloadable material.
Step 5: Finishing up
You now have an interactive navigational menu that leads to all of your chapter scenes individually.
You can also add “Go back” buttons on your chapter scenes, so that viewers can go back to the navigational menu if they want to.
Just like how you copied buttons to speed things up in your navigational menu, you can copy over buttons from other scenes to make these “Go back” buttons faster. You can find all the buttons you’ve created under the “Widget” tab.
The last thing you need to do before you’re done is to decide what happens after a scene ends. We have a few choices here.
You might want your navigational menu to loop endlessly, to give people time to choose. Click on that scene and go to the left-hand menu to choose “Loop scene”.
Maybe you don’t want your chapters to loop, though. An idea is to send viewers back to the Home screen when a chapter ends. You can use the pick whip on the side of each clip and drag it to the first scene to do this. Or you can change it on the left-hand menu just like last time.
And then you’re done!
That was the tutorial on how to make your webinar interactive using Qbrick and our implementation of Adobe Express. Reach out to us if you have any questions. If not, we hope you’ll have fun creating your own interactive webinars.
