Flip Cards Overview

Relevant to: faculty and staff

This article contains information considered accurate at the time of publishing. Technology updates, changes in University security practices, and/or policies and procedures may affect the information in this article; updates to articles are scheduled on a periodic basis and will address any required changes.

Introduction

Flip cards are an effective way to present related concepts or examples on course web pages in a way that encourages active exploration. Because they don’t require a strict order, they’re ideal for helping learners make their own connections between ideas. Incorporating images or brief descriptions can deepen understanding and make the activity more engaging, especially when introducing new topics or reviewing key concepts.

Insert Flip Cards

1. Create a new webpage.
   


2. Select the Creator+ Authoring Tools, then select Insert Element.
   


3. Select Flip Cards.
   


4. Enter Learner Instructions to ensure that the learners know there is a dynamic element. For example, “Select each item to learn more.”
   


5. On the Front tab, enter the Title.
6. If you want to include an image on the front of your flip card, click Add Image.
   


7. Select an image file and add alternative text or indicate that the image is decorative.
8. Select Save.
   


9. Enter the Content you want to include on the Front of the image.
10. Repeat the process on the Back tab to configure the back of your flip card.
    


11. If you want to add another flip card on the same row, to the right of the current flip card, click Add Flip Card Item.
    


12. If you want to add a flip card on a different row, select Add Row. Once you've completed adding the Flip Cards, select Preview at the bottom of the screen.
    


13. After previewing the Flip Card, select Insert to add the Flip Card element to your webpage.
    


14. The Flip Card element is added to your content. Select Save and Close.
    

Edit Flip Cards

1. Navigate to the webpage that has Flip Cards and select Edit HTML (Web Page) from the drop-down menu on right of the title.
   


2. Once the editing window opens, click on the Flip Card itself to open the Edit Panel, then select the pencil icon.
   


3. Make your changes to the Front, Back or Content in the Flip Card, then select Preview to review your changes.
   


4. In the Preview window, select Insert once you have confirmed your revisions are correct.
   


5. Back in the editing window, select Save and Close at the bottom of the screen to complete your revisions.