Vidy

How to create a video quiz widget

Follow these instructions to create and publish a Video Quiz widget.

How to create and add a Quiz to your video?

Step 1. Navigate to the Widgets tab β†’ Click on New widget β†’ Interactive video widget category β†’ Select the widget -> "Use this widget"

Notion image
Notion image

Quiz parts

Step 2. Add videos to your quiz

Notion image

Step 3. The Quiz part includes the Questions section and the Answers section for each video.

  • In the Quiz text section, you can add up to 2 questions.
  • In the Answers section, you can add up to 5 answers, each one with its own action.
Notion image

Choose a destination for each answer:

Notion image
  • Go to part: redirects to another video from your quiz. 〇 Select a video β†’ Click Done
Notion image
  • Page URL: for a new answer, you can redirect visitors to a URL page. Click Save.
Notion image
  • Redirect to a Product Page of your store. 〇 Select Product Page β†’ Click Done
Notion image
You can reorder the answers or delete πŸ—‘οΈ any answer.
Notion image

Don't forget to click "Save" after you've applied your changes.

Notion image

Display rules

Step 4. Before publishing your video quiz, you have to set up rules for it. If no rules set up the widget will appear on all pages.

Learn how to set up different rules to determine where to show or hide your widget on your website.

Notion image
Notion image

Step 6: Customize the widget design πŸ‘‡

Learn how to customize the widget design for video pop-up widgets.

Notion image

Step 7. It's time to customize your Quiz design.

You have 2 options:

  • Use global store style settings
Notion image

If you want to enable global styles, it’s going to reset the styling settings to the actual store styles. Click on Use Global Styles.

Notion image

If you disable global store style settings, you will manually add the style for each Question line, Answers, and Background gradient.

Notion image
  • Style: Simple or Advanced
    • Simple: Manually add text size, text align, text style, text color for every question and answer.
    • Advanced: You can style the text with an advanced mode ( put a CSS class from your own site and the text it’s going match that CSS class.)
Notion image
  • Background gradient. If enabled, you can add a gradient color that helps in drawing the user's attention to the quiz’s elements.
Notion image

Don't forget to click "Done" after you've applied your changes.

Step 8. Install the popup quiz on your websiteπŸ‘‡

Notion image

No embedding is necessary for this type of widget. All you need to do is click on "Publish widget".

Report

Click on Quiz parts β†’ Quiz results

Notion image

You can track the performance of the quiz with a dedicated report that focuses on:

  • Click through rate = the percentage of users who click on a specific call-to-action within the quiz compared to the total number of users who engaged with the quiz.
  • Impressions = the total number of times the quiz has been viewed or displayed to viewers, regardless of whether they actually interacted with it or not.
  • Total clicks = the total number of times users have actively clicked on the interactive elements within the quiz.
  • Answers = the total number of clicks each answer received.
Notion image
Didn't find what you were looking for? Talk to our support team via email at support@videowise.com
Did this answer your question?
😞
😐
🀩

Last updated on December 8, 2025