HD Quiz. The easiest way to create fun quizzes for your site
HD Quiz. The easiest way to create fun quizzes for your site 🙋
HD Quiz is an easy and intuitive quiz builder for WordPress. With HD Quiz, you can create an unlimited amount of quizzes and embed them anywhere on your site. We use both shortcodes as well as a custom Gutenberg block to make this as easy as possible for you.
The quizzes are fun, beautiful, highly customizable, accessible (visually impaired, screen readers etc), and automatically responsive. HD Quiz was designed so that quizzes automatically inherit the fonts and styling of your theme – but you can still customize the styles yourself or purchase the HD Quiz Styler addon to really make the quizzes your own.
▶️ VIEW VIDEO DEMO / TUTORIAL ▶️
✨ Features ✨
HD Quiz has so many cool features, settings, and options, that I cannot possibly list them all. So here are some of the highlights of what I think are some of the coolest and most important features of HD Quiz. Everything you see listed here is included by default and 100% FREE!
- Unlimited amount of quizzes and questions
- Each quiz has its own options/settings
- Social sharing – share quiz results on Twitter or Facebook
- Mobile and touch friendly
- Quizzes are accessible (screen readers)
- Each question can have a featured image and or tooltip
- Each question can have “extra” text, that by default will appear if the user gets the question wrong
- Multiple question types
- text based multiple choice
- image based multiple choice
- select all that apply
- text input (type the answer)
- heading (not a question; is used to separate questions into “categories”)
- Timer per quiz (example: 60 seconds to complete the quiz)
- Timer per question (example: you have 10 seconds to answer each question)
- Animated GIF support
- Translation options – you can translate words like “question”, “next”, “finish” etc into your own language
- Randomization options
- Randomize question order
- Randomize answer order
- Pool of Questions – randomly grab
nquestions from the quiz to make a unique quiz on each page load
- Result position (results shown above or below quiz)
- Marking options
- Show the correct and incorrect questions
- If user got the question wrong, show what the correct answer was
- immediately mark the question on selection
- custom pass percent
- custom result text (based on if the user passed or failed the quiz)
- automatically hide the questions on quiz completion
- allow “authors” to create quizzes
- free addon to save results of quizzes
- and i’m sure a ton of other things that I can;t even remember
Have any questions or want additional information? view the Harmonic Design HD Quiz plugin page here.
🤓 HOW TO USE | TUTORIAL 🤓
ADDING A NEW QUIZ
- Select Quizzes under HD Quiz on the left menu
- Enter the name of the quiz, then ENTER on your keyboard to create the quiz
- Click the name of the newly added quiz to set the quiz options such as the needed pass percentage
ADDING NEW QUESTIONS
- Once a quiz has been created, select the quiz open it up, then Add New Question
- Enter in the question
- You can have up to ten (10) answers per question. Make sure to select which answer is the correct one!
- You can also select the “extra” tab to see more advanced features such as adding in custom text, enabling pagination, or setting a featured image
- Select Save Question once done
USING A QUIZ
- HD Quiz uses shortcodes to render a quiz, so you can place a quiz almost anywhere on your site!
- To find the shortcode for a quiz, select Quizzes in the left menu.
- You will now see a list of all of your quizzes in a table, with the shortcode listed.
- Copy and paste the shortcode into any page or post you want to render that quiz!
- If using Gutenberg, then you can add the HD Quiz block instead.
🗓️ UPCOMING FEATURES 🗓️
I have already taken this plugin farther than I intended, but I’m overwhelmed with joy at how much you are all using and loving HD Quiz! Because of this, I have no intentions of stopping or slowing down development!
If you have any feature requests, then please let me know via the support tab or by leaving a comment on the HD Quiz plugin page.
TODO List – please note that there are no timelines for completion of any of the following features and this list is not in any particular order.
- Fully translation ready (not just the quizzes, but the entire admin area)
- Featured image / media upgrade. Ability to use embedded media (youtube video, vimeo etc)
- Dynamic results – instead of just pass/fail results, we can create as many results as needed. Example, a 0% result and a 100% perfect score result.
- “hookable” question types – ability for any developer to add custom question types
- better author mode integration
- Gamify compatibility? (let me know if this is something you are interested in)
This plugin provides 1 block.
- HD Quiz
The plugin can be installed like any other.
- Log into WordPress
- Select Plugins, then Add New
- Select Upload Plugin
- Choose the zip file, then Install and activate
Once installed, you will need to create your first quiz by going to HD Quiz, then Quizzes.
Using an image already in my library
WordPress will NOT create the new thumbnail size for images that existed before the installation of HD Quiz, only new ones. This is likely because on larger sites, this would take up vast amounts of server resources.
If you do not wish to simply re-upload any desired image from your library, then I would recommend using the Regenerate Thumbnails plugin (over 1 Million active installs). It will go through and recreate thumbnails for every single image in your library, ensuring that all images in your library can be used with HD Quiz.
With that said, I do, however, have plans to integrate a solution that will work with images uploaded before the installation of HD Quiz.
What’s the difference between WP Pagination and jQuery Pagination? Which should I use?
Unless you are a unique situation, I’d almost always recommend using jQuery Pagination as it provides more control for you and a better experience for your users. WP Pagination should only be used if you are trying to increase your overall page views for ad revenue or something similar.
More information can be found on the HD Quiz About / Options page.
I have a feature request!
Fantastic! I’m one of those coders who loves a good challenge. Please submit your feature request here by using the support tab or leave a request of the official HD Quiz plugin page.
Quiz, quizzes, create a quiz, add a quiz, quiz plugin, hdq, harmonic design
Contributors and Developers
“HD Quiz” is open source software. The following people have contributed to this plugin.Contributors
- Better accessability (keyboard navigation)
- Better support for timer per-question and select all that apply question type
- New hook to better add custom data attributes to questions
- Minor bug fixes
- New Trivia Company page
- Minor updates
- Security Update
- Various bug fixes, enhancements, optimizations
- Better admin interface for users with LOTS of questions
- New feature – hide questions on quiz completion
- Introduction to the Save Results Pro addon
- Various bug fixes, enhancements, optimizations, and overall more polished UX
- New question type: Select All That Apply
- Quizzes are almost fully WCAG compliant (keyboard navigation work still needed)
- More easily rename a quiz from “Advanced” tab
- New on init filter
- Better settings page
- More translation options
- New “auto scroll” functionalty (enable Legacy Scroll if you want to use the old system)
- Various bug fixes and enhancments related to 1.8.0
- Too many changes to list, but here are some of the major
- New question type – text / input based answers (user types answer)
- New timer feature – per question
- Quizzes hidden behind a “start” button if a timer is set
- Quiz and question meta now hookable (for developers)
- Significantly faster
- Basic AMP detection to direct users to non AMP version
- Basic loop detection if more than one quiz is on a page at a time to improve compatability
- Ability to add basic formatting such as
supto questions and answers
- various bug fixes and enhancements
- a whole lot more
- minor bug fixes and updates
- [feature] only allow answers to be selected once
- [enhancments] custom actions for developers
- [addon] Release of HD Quiz Save Results Light (view addons page)
- minor big fixes and updates
- ability to add score percent
- ability to allow authors access to edit or add quizzes / questions
- complete admin UI overhaul
- additional bug fixes and enhancments
- integrated custom question ordering
- too many updates to remember
Massive rewrite of almost the entire plugin. Please do not hesitate to ask for support if needed, but upgrading should not be an issue.
* much cleaner admin area
* improved quiz design
* significantly optimized quiz code
* increased security and efficiency
* removal of results.php – all calculation done client side now
- various bug fixes and compatability increases
- Quiz option to grab from a pool of questions
- Quiz option to allow the custom question text to appear even if the user selected the correct answer
- various bug fixes and compatability increases
- the word ‘question’ (that’s prefixed before every question) is now translatable in the HD Quiz options page along with ‘Next’ and ‘Finish’.
- More power over the quiz results pass/fail text. You can now embolded, italicize, and linkify the text.
- Each question can have a small write up explaining what the right answer is. This would only show if entered and if the user get’s the question wrong. You can also add links to this sections if you wish.
- Added in the more powerful jQuery pagination feature
- Added ability to use a question as a title or heading
- added option to randomize the question answer order
- revamped quiz options page to make features more clear and even more accessible.
- added FAQ to readme.txt
- Added two new global options to About / Options page
- Next Button Text
- Finish Button Text
- NEW: Added quiz option to randomize the order of the questions
- NEW: Added quiz option to highlight the correct answers on completion
- in addition to the default that only shows if your selected answers are right or wrong
- Speed and compatibility improvements
- HD Quiz jQuery and CSS files will now only load if the page actually has a quiz on it
- improvements to quiz pagination
- General code cleanup and optimization
- Added new Timer option
- Added Pagination (experimental)
- Massive rewrite of the results function. Much more optimized and stable
- Added Quiz filter to the Questions list admin page
- New reskinning of Quiz options page
- Updated about / options page
- bug fixes to admin area.
- advancements to featured images for questions
- images will upscale if you upload a small image
- each answer can have it’s own featured image.
- code cosmetics, minor bug fixes, and code optimizations
- New option to share via twitter.
- You can set up your twitter handle to have each share mention you.
- Extended Facebook share.
- If you create a Facebook App (don’t worry, it’s easy to do!), then HD Quiz can actual share a users score and results instead of Facebook grabbing content from your page as if the content were static.
- If you do not wish to create an app, then HD Quiz will revert to the old facebook share.
- These options are global options and can be found under HD Quiz -> About / Options