image

image

Quizzer 2

Quiz stack

Add fun quizzes and knowledge checks to your RapidWeaver / Stacks projects

Quizzer introduction

Quizzer is a 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
Test out the quizzes on this page demonstrating the wide array of features!

Features

Quizzer offers a lot of options enabling you to set up your quizzes in a variety of interesting ways.

question-square
Add quizzes

Add beautiful, fully-configurable quizzes to your web pages. Use for fun or to allow user to test their knowledge.

cogs
Extensive options

You can use single or multi-choice questions and give constructive feedback based on whether the response was correct or incorrect.

clipboard-list-check
Scores and ranking

You can (optionally) score and rank how well the user has done.

thumbs-up
Engage your audience

Interactive elements within your content helps people to engage with and retain your content.

images
Incorporate media

Add images or video to your questions and / or answers to enhance the quiz

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 / Stacks 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…..?'

New in version 2

Let's take a look at the new features that we have added in v2 of Quizzer stack

image

Results capture

Option to save the quiz results (and per question breakdown) to CSV files on your server. Also with an option to include user details such as email and IP address.

image

Send to webhook

Option to send completion data (summary and detailed) to a webhook to then trigger additional processes (e.g. save to a database, send an email, save to Google sheets etc).

image

Tiled layout

Option to present the answer options in a more modern tiled / grid layout. Fully responsive solution that offers option of full width tiles for smaller devices.

Global color scheme

Not only can you now tap into color values (e.g. CSS variables) to more easily pick up a theme/framework's colors, you can now designate a global color scheme once and have other Quizzer instances pick that up.

And much more. Check out the full release notes!

Got v1? You'll find an upgrade discount code in the stack settings of v1.4.

Example quizzes

Test out the quizzes below to see Quizzer 2 stack in action!

You will also be able to see the Webhook option in action as it has been set up to pass the results of these 2 quizzes to a Google Sheet.

Score:

Ranking:

Please enter your details in the box below before completing the quiz.

Score:

Ranking:

Please enter your details in the box below before completing the quiz.

Using the Webhook option in Quizzer 2 we are sending the results and the details rom these 2 quizzes above to a Google Sheet. Note: this will not update in real-time so you would need to refresh the page to see your responses (it can take up to 5 minutes for Google Sheets to update).

No personal information is collected in these examples but Quizzer 2 does allow you to ask the user for a user name or email and/or to record the user's IP address.

Use the 'Summary' and 'Details' tabs above to view both sets of data that have been transferred. The 'Analysis' sheet is simply a pivot table in the Google Sheet that summarises the included quizzes.

Options demo

The following quizzes showcase some of the different features available.

Score:

Ranking:

Please enter your details in the box below before completing the quiz.

The new default for displaying the answer options is 'Tiled' but the option is still there to present them as a traditional list.

Score:

Ranking:

Please enter your details in the box below before completing the quiz.

Questions can have multiple correct answers. In addition you can set whether ALL correct answers are required or only one of them.

Score:

Ranking:

Please enter your details in the box below before completing the quiz.

In addition to differentiating between correct and incorrect responses with colors there is the option to add an icon too.

Score:

Ranking:

Please enter your details in the box below before completing the quiz.

You can add media (in this example images) to the question or the answer options.

There are many more options available in Quizzer 2.
Numerous quiz files are available with the demo project that demonstrate the range of options.

Quizzer Quiz File

The actual content for the quiz (questions, answers, feedback etc) is not created within RapidWeaver / Stacks. 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.

Get Index.php

You can get this stack on its own or as part of our hugely discounted stacks bundle.

Our stacks bundle includes Index.php and ALL of our other stacks that are currently available. Buying as a bundle offers huge savings compared to buying the stacks separately. Currently the bundle consists of the following stacks:

  • Easy Grid
  • Content Filter
  • Grid Enabler
  • Magic Mouse
  • Magic Mouse 2
  • Markdown Link
  • Parallaxer
  • Scroller Plus
  • Source Addons
  • Splider 2


Over 60% off!

image

Stacks bundle

Our stacks bundle includes ALL of our stacks in one incredible bundle dea (along with an exclusive project file)!

BOGOF: Add this and the Source projects bundle to the cart to get 1 of them for FREE!

Automatically applied during checkout


Buy for

usd

Buy for

eur

Buy for

gbp

FAQs

Below are some of the most common questions about this and our other stacks.

Stack FAQs

There are no specific FAQs for this stack at this time. See our general FAQs below. If you have a particular question about this stack then please get in touch.


General FAQs

Yes this stack has been designed to work in any framework. If you encounter any issues then please contact us with an example and we will do our best to resolve.

All our stacks use only local resources, collect no data and include no calls to remote servers or CDNs etc. As such the stacks are completely GDPR compliant.

We have a full supporting Knowledge Base including articles for all of our stacks and settings. If you can’t find what you need there then do not hesitate to reach out to us via your preferred channel.

The whole site has been built with Source micro framework. In addition, this page also uses (obviously). Finally, this FAQ section has been built with Toggle stack and the Bundle details section above uses Moreish stack.

Source Icon

Built with Source