How to Create a Simple Flash Card Game in Google Slides

2020 might end up being the weirdest ‘back to school’ year ever because, for many, that will mean not going back to school at all. Fortunately, there are tons of online resources available to make going back to school a little more exciting, like playing a flash card game online. Here you will learn how to create a simple set of flash cards in Google Slides that can be used to introduce or reinforce learning concepts while also allowing you to hone some software skills.

Related: If you’re new to Google Slides, check out this list of Google Slides tips to save time.

Go to Google Slides

Since Google Slides is part of Google Docs, go to Google docs and sign in to your Google account.

Go to the side menu and select “Slides”. Click the “+” button in the lower right corner to create a new Google slide.

Edit master slides

To change the slide templates go to “View -> Template”. Select one of the masks and edit it as an individual slide in the presentation. Remember that anything you drop here – images, text, lines – is persistent, so it’s perfect if you need to brand your cards.

Screenshot of the interface to change the backgrounds in the master slides.

For this project, we will only need four different main designs to cover the title, questions, and answers (right and wrong). We started with the Momentum theme, then we removed the slide templates we didn’t need and adjusted the colors (right click on the background and select “Change Background”) . We keep it simple and just change the color to cover our different needs. Then we grabbed an icon from the Noun project and inserted it with a title among the different masters.

READ:   How to transcribe audio in Microsoft Word 365

Questions and answers

Interface in Google Slides to view the slides.Interface in Google Slides to view the slides.

Next, we will go back to the editing interface (“View -> Master”) and add a title and a subtitle to the first slide. Keep in mind that the formatting here is fully handled in the master slides, so if you need to make any styling changes, come back.

Three new slides, one question, one correct answer and one bad answer are now added. We’ll bring them together once we’ve added the content.

Start with the question slide. Click in the text that says “Click to add a title” and type your question. You can also add a chart to your slides if you want. We have added an additional text box above the question (“Insert -> Text”) and added a line to denote a category.

Under the “question” we are going to create two buttons for the right and wrong answers. We select a shape (“Insert -> Shape -> Shapes -> Rounded Corner Box”), use the toolbar’s line and fill options to make it look like a button, and then double-click on it. ‘object to add text.

All of the usual text options are available, so we’ve centered the text, increased its size, and changed it to white. Then we duplicate the object (Ctrl + Offset + click and drag to the new location). Finally, we’ve centered the two buttons on the page by selecting them both and using the guides to find the center – a guide will flash red when you are properly aligned.

Link responses

After asking the questions, we need to create the right and wrong answer pages. You can be as elaborate or as simple as you want, depending on what you’re trying to accomplish, as long as you are clear about which is which. Once this is done, click on the question page again and choose the “correct” button.

Google Slides dialog to define links in a slide.Google Slides dialog box to define links in a slide.

In the toolbar, select the Insert link option (or “Insert -> Link” from the menu), select Slides in this presentation and choose the correct answer slide. Do the same to link the wrong answer.

READ:   How to create a Gmail desktop app

You can test how it works by clicking on the Show button at the top right of the interface and going through the first question.

Put it all together

Now that the basic logic is set, you can create new pages or duplicate existing pages, adding new questions and linking to the correct right and wrong answers. When you reconnect your buttons, select the button and click on the “Edit” link option. You will need to remove the existing link with the X icon before adding a new one.

Finally, in each of the answers (good and bad), you must create a button that leads to the next question. You can copy any of the existing buttons, edit the text, and add the appropriate link.

Share to play

Once all your questions are complete, select “File -> Publish to Web” and you will have two options to share your creation.

Screenshot showing the embed code to publish your flash card game to the web.Screenshot showing the embed code to publish your flash card game to the web.

The first is a “Link”, and this option will always advance through the slides, so we recommend that you choose the longest time before auto-advance, which is currently one minute. You can organize your presentation to switch to a “time out” slide after each question. So make sure all the question and timeout slides are gathered and the answer slides are linked correctly. As your production gets more elaborate, consider testing often!

The embed option exposes a few things you can change in the actual embed code, including disabling auto-advance (make sure you see the text start=false in the code) and changing the delay time to what you want. (Look for the delayms=3000 line and change the number to something larger in milliseconds.)

READ:   6 cool features of Audacity that you may not know

Now that you know how to make a flash card game in Google Slides, you can also use Google Forms to create comprehensive quizzes with multiple choice options and scores. It can’t compete with the visual aspect of doing the same job in Google Slides, but offers more options for commenting and collecting stats. As such, it’s a great addition to your home classroom.


Andy Channelle

Andy Channelle is a writer and web developer who has written for Linux Format, Mac Format, 3D World, and others, and has also published bestselling books on Ubuntu Linux and He recently worked on web projects and campaigns for the International Red Cross and the UN. It produces – but hardly ever publishes – electronics under the name Collision Detector. Andy lives in Wales, UK.

Is this article useful?

s.parentNode.insertBefore(t,s)}(window, document,’script’,
fbq(‘init’, ‘400239050508508’);
fbq(‘track’, ‘PageView’);

Leave a Reply