How to create a Match Up Game


Anton
Last Updated: 1 month ago

Match Up is an excellent learning tool in the form of a game. In this game students have to match up the image with the correct word, a word and its meaning, or a math problem with the correct answer using a simple drag and drop.

Learn to create a Match Up Game with this video tutorial:

Beginning of work

First of all, sign in to your profile on interacty.me to start:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/1bdkHncyARbQxQrKBGcwhm6hZQajUSc2tHQPUAai-Auth%20%20Interacty%20-%20Google%20Chrome%201.png

To create a Match Up Game, click Template Gallery button at the top of the screen:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/Ub51xO2ufnHvck2u2f2FzrAnVUT18zbf0ULofPP9-My%20projects%20%20Interacty%20-%20Google%20Chrome2.png

Select Match Up:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/LnKNdBDa4kX1i8RfLAqY1HettQ9KdHFtUkjSeNle-Template%20gallery%20%20Interacty%20-%20Google%20Chrome3.png

You will see different templates. The Preview (2) button allows you to preview the template. Then, select the template you like by clicking the Edit (1) button:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/CNoK58Uf2dg90NIZirUkKCjSBvF0hOtV9Uh6PtHo-Match%20Up%20%20Interacty%20-%20Google%20Chrome4.png

Template editing

Click Edit button, to start edit your quiz:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/ortHEsFkZjSZ9kzXcqf1El1TmnNRFvdd3QgT0aYq-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chrome5.png

You will see a Pairs tab. Let's keep just six of them. To do this, we have to delete some pairs by clicking Remove button:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/lZUnBpEUrKDrjiRuV5TXfr6diqtoNRQOKym3XPwF-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chrome6.png

Good! For each card you can upload a Text (1), Image (2) or even Audio (3) option:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/m0ogP4Qx0vdKrEi7kYxx15kzWEO3bY9ncnkObhlc-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chrome8.png

Adding audio is an amazing feature which can be used to creating games with matching the audio messages to the pictures.

Let’s choose a text and write “orange”, for example. You can also switch (1) background color to another one. Then, just click Save (2):

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/KVeHn3ofVCf504ru6SSEHjYCaDrTmvq34hdnAeHL-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chrome9.png

It's done! For the second card of this pair, let’s pick Add Image option:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/tA3pJznwc2jiEghOdckfr5tcJKLmlWTzHqePJL5a-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chrome90.png

There are 2 ways to upload a new image. Directly from your computer or using the Unsplash Library.

Unsplash Library is direct access to the Unsplash stock photo service:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/mYYwyjfRvtWK8XfjqFt5TIkVU2mofZxh3M06HQwt-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chrome112.png

To add an image from your device, click Upload Media:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/5ERkSXvs9R27zKe91Y8yFYmNLf78C1mt5ortTN0h-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chrome43r.png

First pair of cards is ready:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/XqMPWGulYu83tnPhoUQoFLME00b1uPy6rPyncjih-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chrome87.png

Same with the next pair. Let's choose a text option to the first card and write "apple" this time:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/ZSYqTsmwtXz2NgsSBHJeoWzE7YKkt2Gn8MBk9YNq-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chrome675.png

Then, add an image to the second card and choose a picture of apple on my computer:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/IPNEs3u6OZq0zCRvLQlhtlZIaisIjCHqxCEuhKjT-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chrome65y56.png

That’s it. All we have to do is just repeat these steps to the next pairs:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/iKpuzEXNsB95oIHGaK621P3GeEWSyhV9DYz4hEl3-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chromegrghr.png

Perfect! We are done with the Pairs and can switch to the Final screen tab:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/W0Q6G6V9bX868QYPs7DgAqierTGw1bl3kETCXLg9-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chromefin.png

This is what user will see right after he finish your game. Let’s fill header with “Perfectly done” and description with ”You have found all the pairs”:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/q2vNU7aPfKy2rSJOKtCLm2mpHDgrQQFNppN40jMB-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chromeht6.png

You can also add another picture to your final screen by clicking Change:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/lKYscf5m6bvLh74jsLR7CJoRe5sCb4GsxbIdkf8s-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chromevr4.png

It’s done. Let’s click Save button:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/QWljU0TX2MhINOIFl9MBbBytRm7vzFEuyjWWmW0c-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chrome6y6h5.png

After that, you can also add gamification features to your project, if needed:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/d9bdSgo5f2uuJTqEBqigw4itgcSs3M3R8DevsNoy-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chrometr4g4r.png

Save and Share

Click the Preview and evaluate the current state of your project:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/Gf4V0CuESbmA57VcngPoD9HCduVHcc6CtgX9aD3M-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chromegt4gt.png

Try your matching game and don't forget to rate how it looks on different devices. To do this, switch between the phone and personal computer (1) icons. If you notice an error or decide to fix anything, return to the Editor (2) by selecting the appropriate menu item:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/6FUOvYuoV768z43QJXfbFPM9wOOE9brkqsFO0J6s-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chromefrefer.png

Don't forget to select a Title (1) for your project. This will make it easier to find it. After that, you can safely click the Publish (2) button:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/77aXJGk94FcYCHBg5X3D3ZtX3amU0DCikoNL1k3I-Create%20interactive%20content%20in%20minutes.%20Free%20-%20Google%20Chromeg6g6g.png

Your project is ready! You can share with your audience by sending a link, or choosing any other convenient way:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/nCqpm7xulD3sXM3whLpmZgaZV9wVdbVXAVT7EtPp-My%20projects%20%20Interacty%20-%20Google%20Chromeh6.png

You can always return to editing your template again by clicking the Edit (1) button in the list of profile projects. You can also check Statistics/leads (2), if needed:

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/FjdpEmxpULO8e8I2GxneS6v8Coh93kj7Q61zyDqy-My%20projects%20%20Interacty%20-%20Google%20Chromegy5.png

Was this article helpful?