How to create a quiz popup?

Jacques Cazin -

 

Select ‘quiz’ in the popup provider.

In  the General tab:

In the Gameplay part:

  1. Select the type of quiz you want to create. It can either be ‘Good answer is necessary’ or ‘Good answer is NOT necessary’.

NOTE: if you select the quiz ‘Good answer is necessary’, the viewer will have to pick the right answer to switch to the next question. The viewer can try all the possible answers before finding the right one. If you select the quiz ‘Good answer is NOT necessary’, the viewer has only one chance to find the good answer. If he picks a wrong answer, he will switch directly to the next question.

 

  1. Select the number of questions you want in your quiz (minimum: 1).
  2. Select the delay before the next question (minutes: seconds: milliseconds).
  3. Reset quiz after closing activated: if the viewer closes the quiz pop-up and opens it again later, the quiz will start again with the first question. If this option is not activated, the viewer who closes the quiz and opens it again will resume where he stopped.

 

In the question part:

For each question:

  1. Enter the text of the question.
  2. Select the number of answers (from 1 to 5).
  3. Specify which answer is the right one.
  4. Add the answers.
  5. Display image activated: you can add an image to illustrate the question. You can either copy and paste the image URL or upload your own image.

 

In the results part:

A text is displayed at the end of each question. If the viewer gave the right answer, the ‘Title Good’ and ‘Text good’ will be displayed. If the viewer gave the wrong answer, the ‘Title Bad’ and ‘Text bad’ will be displayed.

Note: if you choose the quiz ‘Good answer is necessary’, the viewer has to pick the right answer so only the ‘Title good’ and ‘text good’ can be set up. 

Note: the ‘Title good’ and the ‘text good’ are common to all the good answers of the quiz. The ‘Title bad’ and the ‘text bad’ are common to all the bad answers of the quiz. 

A final text is displayed at the end of the quiz.

If you pick the quiz ‘Good answer is necessary’, you set up a ‘Final title’ and a ‘Final text’.

If you pick the quiz ‘Good answer is NOT necessary’, you set up a ‘Final title’, a ‘Final text’ and a ‘Final summary of the quiz’ to indicated to the viewer how many good answers he get. Be sure to keep the writing with {{good}} and{{total}}.

Example -> Congratulations! You get {{good}} good answer(s) out of {{total}}.

  • ‘Good answer is NOT necessary’:

In the Call To Action part:

You can activate a Call To Action:

  1. Specify the minimum number of good answers the viewer has to get to display the Call To Action button
  2. Add the text of the Call To Action
  3. Select the type of CTA. It can either open a link in a new tab or jump at a specific time code (minutes: seconds: milliseconds).

 

In Design tab you can set up:

  1. Question: you can change the font color and the font size.
  2. Answer: you can change the font size and the font color for the following options:
  • Default: color of the answers by default (+ mouse hover color).
  • Right: the good answer color once it has been clicked (+ mouse hover color).
  • Wrong: the bad answer color once it has been clicked (+ mouse hover color). Stroke Bad Answers activated: it will stroke the bad answer once it has been clicked.
  1. Radio Button (border):
  • Border: color of the button radio by default (+ mouse hover color).
  • Bad Border: the color of the radio button once this bad answer has been clicked (+ mouse hover color).
  • Good Border: the color of the radio button once this good answer has been clicked (+ mouse hover color).
  1. Radio Button (chip):
  • Inside Button: color of the inside button by default (+ mouse hover color)
  • Inside bad button: the color of the inside button once this bad answer has been clicked (+ mouse hover color).
  • Inside good button: the color of the inside button once this good answer has been clicked.
  1. Results:
  • Background: you can change the color and the opacity.
  • Text: you can change the text color by default, ‘title good’, ‘title bad’ and ‘text result’.
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk