Thrive Knowledge Base

How to Add Video Questions to a Quiz

When you are building a quiz with Thrive Quiz Builder, besides adding the standard “Text Questions”, you also have the possibility to add multimedia questions, such as “Video Questions” to your quiz.

This way, you can make your quiz even more interesting/interactive for your users, because they will see a video and not just read the question of the quiz.

Here are the steps you need to follow, in order to add “Video Questions” to your quiz:

Naturally, first you will need to create a quiz (or edit an already existing one) in your Quiz Builder Dashboard. If you require detailed information on how to do that, please check out this article.

Add Question

You can add questions to a quiz at the “Quiz Structure” section. The first part of setting up the "Quiz Structure" consists of defining the questions and answers for your quiz.

When you have reached this part, click on either the “Manage” button, or on the indication that appeared above the "Questions" option:

The questions editor will open, where you can add the questions and answers to your quiz.

In order to add a question, click on the “Add Question” button from the upper-left corner of the questions editor:

This will open a pop up window with the three available question types you can choose from:

  • Multiple Choice with Buttons
  • Multiple Choice with Images
  • Open Ended Questions

Choose whichever type you want from here. In our case, since we will add the question in the form of a video, the type you select here will refer to the way users can answer the “Video Question”.

So, for example, if you choose “Multiple Choice with Buttons”, users will be able to answer the “Video Question”, by clicking on one of the multiple possible answers you will provide them with.

Once you’ve selected the question type, click on the “Continue” button to go on:

Make the question a Video Question

The next step consists of actually adding the question. In the “Add Question” pop-up, you will see that by default the “Text Question” is selected. Click on the down arrow next to the “Text Question” option:

This will open a drop down where you can change the type of the question. Click on the “Video Question” to select it:

The interface of the pop-up will change, allowing you to upload your “Video Question” using the options from its first section:

First and foremost, in order to upload the question in the form of a video, you will have to select the "Source" of the video. This will also determine the rest of the options that you will have for the uploaded video.

By default, YouTube will be selected as the source for the video. Click on the down arrow from the “Source” section:

This will open the drop down with every available source option that you have for your video question. There are a few different platforms you can choose from here, or you can upload a video from your PC, using the “Custom” option:

To select one of the platforms, or the “Custom” option, all you have to do is click on them. Depending on which “Source” option you have selected, you will have various options for inserting and customizing the “Video Question”, as follows:

Youtube

Add URL

If you have chosen YouTube as the “Source” of your “Video Question”, you will have to start by inserting the URL of the YouTube video in the “URL” field:

After you have inserted the URL, press “Enter”, or click anywhere outside the field and the video will be automatically added as the “Video Question”. You will see a preview of it appear in the right part of the pop-up.

Video Style

Next, you can start customizing the video. By default, there is no style added to your video. If you want to add a style to it, click on the down arrow from the “Video Style” section:

This will open a drop down with the styles that you can choose from:

Scroll down to see all of the available styles. If you have found the style that you would like to use, simply click on it and it will be applied to your video.

Whenever you want to change the style of the video, you can simply open the “Video Style” drop down again and select the different style that you want to use.

Display Options

After you have added the video’s URL, the “Display Options” will become available. Click on the down arrow next to the “Display Options”, from the “Advanced” section to see them:

A drop down will open with the available “Display Options” that you can apply to your YouTube video:

To use/apply any of these options, all you have to do is to check the checkbox on their left. Here is what each of these options represent:

  • Autoplay - with this option, the “Video question” will start playing automatically when somebody views the page it is on
  • Hide logo - if this option is selected, the “YouTube” logo will not be displayed on the video 
  • Optimize related - if you want to show related videos from YouTube at the end of your video, then check this option
  • Hide controls - if this option is checked, the play controls (such as volume, play/pause) will not be displayed on the video
  • Hide full screen - this option hides the “Full screen” button from the video, so the viewers will not be able to make the “Video Question” full screen.

Vimeo

Add URL

If you want to add a Vimeo video, choose Vimeo as the “Source” of your “Video Question” and then insert the URL of the Vimeo video in the “URL” field:

After you insert the URL, press “Enter”, or click anywhere outside the field, and the video will be added to the pop-up. You will see a preview of it on the right part of the pop-up.

Player Color

In the case of Vimeo videos, you can also choose the player color. By default this is blue, you can see it in the “Player Color” section, next to the “Source” option:

In order to change the color you can either enter a different color code in the field next to the color box, or use the color picker to select a different color. To do the latter, click on the box with the current color:

This will open the color picker. Select the color you would like the player to be and then click on the “Choose” button to apply it to your video:

Video Style

Just as in the case of YouTube videos, when you add a Vimeo video, you can also apply a style to it. Simply open the drop down from the “Video Style” section and choose the style you want to give to your video, just as described above:

Display Options

There are a few “Display Options” that you can use for Vimeo videos. These can help you customize how this “Video Question” will look like for the quiz takers. Click on the down arrow from the “Advanced” section to see the available “Display Options”:

Then, select the options you want to use for your video, by simply clicking on the checkbox next to them. Here are what these options can be used for:

  • Autoplay - selecting this option will mean that the video will start playing automatically, when someone reaches the “Video Question” of your quiz
  • Disable playbar - if you choose this option, the playbar will not be visible on the video anymore
  • Hide full screen button - you should choose this option, if you do not want the full screen button displayed on the video.

Wistia

Add URL

If you want to add a Wistia video as the “Video Question”, then select “Wistia” from the “Source” drop down and then add the URL of the Wistia video in the “URL” field, below the “Source” section:

Once the URL is added either press “Enter”, or click outside the “URL” field and you will see that the video will be automatically inserted in the pop-up. A preview of it will also be displayed in the pop-up.

Player Color

Just as in the case of Vimeo videos, you can also choose a player color for Wistia videos here. By default the player color is blue, as you can see in the “Player Color” section:

There are two ways in which you can change this color and replace it with another color.

Just as described above, you can either insert another color code, in the field from the “Player Color” section, or click on the color box from the same section and use the color picker that opens to apply a new color for the player of your video. 

Video Style

Just as in the case of the other video sources, you can also apply different styles for your Wistia video here. Open the drop down from the “Video Style” section and choose the style you want to apply to your video, as explained above as well.

Display Options

In order to see the other available options for the Wistia video, click on the down arrow next to the “Display Options” from the “Advanced” section:

This will open a drop down and you can select which one you would like to use from the “Display Options”. Simply check the checkbox next to the option(s) you want to use:

  • Autoplay - this option will make the video start playing automatically, when someone will reach page this “Video Question” will be displayed on
  • Disable playbar - checking this option will not display the playbar on the video anymore
  • Hide full screen button - if this option is selected, the full screen button will not be shown for the video.

Custom

Besides selecting one of the above mentioned platforms, as the source of your video, you also have the option to upload a video from your PC, or add an externally hosted video as the “Video Question”.

To do any of the two, first select “Custom” from the “Source” drop down:

Then, depending on your goal, do one of the following things to upload the video:

  1. To add an externally hosted video:

Simply, complete the “URL” field with the link of the video:

Then, either press “Enter” or click outside the field and the video will be added. You will be able to see its preview in the pop-up.

  1. Upload a video

Click on the “Select file” button. This will open the Media Library, from where you can add the custom video as the question:

If you have previously uploaded the video you want to use, to your Media Library, then, simply look for it from the media items. When you have found it click on it, and then click on the “Select” button to add it to your quiz as the “Video Question”.

If you have not uploaded the video yet, then first upload it, using the options from the “Upload Files” tab:

After you have uploaded the video to the Media Library, click on it and then, click on the “Select” button to add it to the quiz:

Video Style

After you have added the custom video or the externally hosted video, you can choose from various video styles to apply to it. In order to do this, click on the down arrow from the “Video Style” section. This will open the drop down with the available styles:

Just click on the style you want to use and you will see it automatically applied on the preview of the video, in the pop-up. 

Display Options

If you click on the down arrow which is next to the “Display Options” in the “Advanced” section, a drop down will open with the available “Display Options”:

You can choose any of these options by checking the checkbox next to them.

  • Autoplay - selecting this option means that the video will start playing right after it is displayed in the quiz
  • Hide Controls - checking this option will hide the controls (like the play, pause or the volume control) from your video
  • Loop - if you check this option, the video will play over and over again (in a loop), until it is stopped.

After you have added the video, using any of the “Source” options and customized it using the specific options for the various sources; you can also use some additional options to customize the video even further.

Add a Video Thumbnail

If you want to add a thumbnail for the “Video Question”, click on the “Add Video Thumbnail” section from the pop-up:

This will open the Media Gallery from where you can select the image you want as the thumbnail for the video.

If you have previously uploaded the image, simply click on it and then on the “Select” button to add it as the thumbnail.

If you have not uploaded the image yet, then first use the options from the “Upload Files” tab to upload the preferred image. Then, once the image is uploaded, click on it and then on the “Select” button.

Add question text and description

You also have to add a text and a description for the “Video Question”. To do this, simply complete the “Question text” field with the text of this “Video Question”, and the “Add Description” field with the description you want to display for this question:

Set up the Answer

After you have finished setting up the “Video Question”, all you have left to do is to define one or more answers for it, depending on what quiz type you are building.

Answer

In order to add an answer to the question, complete the “Answer” field with it:

Category - for Category quiz

In case of a "Category" quiz, you also have to assign the answer to a specific category using the “Category” section next to the "Answer" field. Just click on the down arrow and then, select a category from the drop down that opens:

Points - for Numeric and Percentage quizzes

In the case of "Numeric" and "Percentage" quizzes you have to define how many points should the answer be worth, by entering a value in the "Points" field, next to the "Answer" field:

Right or wrong answer - for Right/Wrong quiz

In the case of the "Right/Wrong" quiz type, instead of points, you have to choose whether or not the answer you have just added is the correct one. If it is, leave the checkbox next to the "Correct answer" option (which is next to the answer you have just entered) selected:

If the answer you have entered is the wrong one, uncheck the checkbox.

Weight, Tags & Feedback

Furthermore, if you wish, you can also assign a weight, as well as attach tags and set up feedback to the answers. These options can be found below the preview of the “Video Question”, they are available based on your quiz type, as follows:

  • "Category" quiz - all three options are available
  • "Numeric" and "Percentage" - only the "Tags" and the "Feedback" options are available
  • "Right/Wrong" quiz type - only the "Tags" option is available

The "Feedback" option will be activated by default, but in order to be able to use the other two options as well, first you need to activate them by clicking on the switch next to them:

Weight

After this option is activated, you will see the "Weight" section appear next to the “Answer” field:

In the "Weight" section you can enter a number, in accordance with how important this specific answer is for the “Video Question”.

Tags

After the "Tags" option is activated, you will see the "Tags" section appear under the “Answer” field:

I this section, you can enter tags separated by commas, which will be attached to that specific answer. These tags can be sent to your mailing list, if your API connection supports tagging. This way you will be able to categorize users more easily, based on the received answers from them.

Feedback

This option allows you to display some feedback with each answer that you set up for the "Audio Question". All you have to do is to complete the field from the "Feedback" section with the feedback that you want for the respective answer:

This way, if someone will choose the respective answer, the related feedback will also be displayed for them.

In order to add more answers for this “Video Question”, click on the “New Answer” option and repeat the above mentioned steps to add the new answer:

Once you are done setting up the “Video Question” and the answers for it as well, you can click on the “Save” button from the pop-up and the question will be added to your quiz:

In order to add more questions to the quiz, simply repeat the steps described in this article. After you add more questions, you can drag and connect the questions to each other to create the flow of your quiz in the questions editor.

After you have added every question you want to your quiz, click on the “Save & Exit” button, from the bottom right corner of the questions editor:

Then, continue setting up your quiz, just as described in this article.

If you want to find out more about Thrive Quiz Builder options and features, check out our knowledge base section here.

Hopefully, this article was useful for you. If so, please reward our efforts with a smile below :)

>