How do I create a Drag and Drop Quiz?

Learn how to create a Drag and Drop Quiz.

This article will take you through the necessary steps to create a Drag & Drop Quiz.

What is the use of a Drag & Drop Quiz?

The Drag & Drop Quiz allows your Quiz to be more interactive.
You can create ‘drag Items’ and ‘drop Targets’.
This is particularly useful if you want to have a Quiz Question which contains images.

Example of a Drag & Drop Quiz

Here's an example of a Drag & Drop Quiz. This is the example we'll work towards creating, though of course you can replace these images with anything you like.

The idea is that the user drags the correct company values into the Company Values Box, and the incorrect company values into the 'Not Company Values' Box.

Here's a short GIF of how it works:

How to create the Drag & Drop Quiz Question

Step 1: Upload your background image

Your background image will be this: [In this example, the purple background]

Step 2: Add your 'Drop Zone'

The Drop Zone is the space that you will drag your images into.

In this example, these are the Drop Zones:

Adding your Drop Zone:

Provide a name to your Drop Zone.
Capacity = the maximum number of images that can be dragged and dropped on this Drop Zone.

In our example here, you can see that we've created two different Drop Zones:

Step 3: Add draggable elements

The draggable elements are the images that should be dragged into the relevant Drop Zones.

In our example, these are the draggable elements that must be dragged into the correct box:

To add these draggable elements in, please upload them as images:

After filling in these details, hopefully your draft Quiz Question should appear similar to this:

Step 4: Set Feedback for correct/incorrect answers

Finally, you have the option to choose which Feedback pops up to users who answer this either correctly or incorrectly. E.g.:

Knowledge Base