Quizzer is a Rapidweaver stack that allows you to add an engaging and interactive quiz to any web page. Quizzes such as this are great for driving traffic to your website and for linking to via your social media networks
Until now the best alternative to add questions into RapidWeaver has been to try and use a form stack or to embed a quiz from an online generator. Using a form stack is a reasonable option for adding single questions but if you want to create a proper quiz then it is very hard (if not impossible) to achieve via most form stacks - certainly if you are wanting to provide things like per question feedback or to calculate scores etc.
Most online quiz generators offer a very limited free service. Even the paid versions are not particularly impressive. The options for styling your quiz are often limited and it can be hard to match your content to the rest of your site. Additionally, this approach also means that your quiz content is hosted on their servers.
Neither of these are particularly attractive options and so Quizzer stack was born.
Add beautiful, fully-configurable quizzes to your web pages. Use for fun or to allow user to test their knowledge.
Engage your audience
Interactive elements within your content helps people to engage with and retain your content.
You can use single or multi-choice questions and give constructive feedback based on whether the response was correct or incorrect.
Scores and ranking
You can (optionally) score and rank how well the user has done.
Your quizzes can be used just for fun or can be used as a 'knowledge check' within any educational content.
Additionally, quizzes are great for using to stimulate interest in your website / brand. Set up your quiz in your RapidWeaver site and then send out links to it via your social networks with appealing text such as: 'See how much you know about…' or 'Test your knowledge on…' or 'How well do you know…..?'
5 questions demonstrating different question types and also use of images.
10 questions using a novel approach to question and answer delivery. Also made use of third party stacks to provide a background and other images.
This example includes:
- Questions retained on screen whilst feedback is shown. This is achieved by selecting the option for 'Retain Questions'. Note: You also need to have 'Show feedback' selected. With these options, the correct answer(s) are tinted in the colour chosen for correct responses to visually show which were correct/incorrect.
- Option to re-take the quiz. This is achieved by adding text into the 'Try Again' text field.
- Not randomised. Questions and answers are both shown in the same order as in the JSON file. This is achieved by unselecting 'Randomise questions' and 'Randomise answers'.
- Indents removed. The answer options and the feedback are aligned left with question and button.
- Score as percentage. The users score is displayed as a percentage. e.g. 80% instead of 4/5.
This example includes:
- Questions count hidden. This hides the (e.g.) 'Question 1 of 5' text. This is achieved by unselecting the option for 'Show question count'.
- Question number hidden. No number is shown before the question.
- No start page. The quiz goes straight to the first question if you unselect the option for 'Include start button'.
- Allows unanswered questions. Users are allowed to skip a question by hitting the Next button. This is achieved by unselecting 'Prevent unanswered'.
This example includes:
- Colours changed. The colour of the buttons and feedback text have been changed (from the above examples)
- Feedback hidden. Per question feedback has been disabled by unchecking 'Show feedback'
- End of quiz review. Instead of per question feedback (disabled above) this quiz shows the user their feedback for each question at the end of the quiz (by enabling the 'Review questions' option).
- Incorporating images. Images can be added by using the
imgtag and linking to the image location.
- Embedding video. Videos can be embedded by (for example) using the embed code generated by YouTube. Simply paste this into the question string.
Quizzer Quiz File
The actual content for the quiz (questions, answers, feedback etc) is not created within RapidWeaver. Instead, a separate file (in JSON format) is used and you link the stack to that. The file can sit in your RapidWeaver Resources folder or you can add it to an online folder somewhere and then link to it there. The latter option means that you are effectively 'warehousing' your quiz file and allows you (or others) to edit and update the content outside of RapidWeaver.
You can either create the required file by creating (or editing) your quiz file in a code editor or use our quiz code generator.
To find out more about the quiz file and its structure creation (and to download some examples) please visit the Quizzer Support portal.