Card Types

Card Types

Cards Overview

Content Designers are strongly encouraged to include visuals on the card front whenever possible.

Fronts: Each card should have a title describing the content on the back of the card. It is strongly suggested that you not exceed 140 characters (including spaces) for the card title.

Backs: Allow the designer to add text describing the item identified on the Card front. While the text copy on the back of the card is scrollable, it is not recommended to exceed 4,000 characters including spaces. For best practice, we recommended to keep copy under 2,000 characters including spaces.

Card Image Types


Different Card Type Templates

Displayed are available Card types with their descriptions. It is important to know that card types have some built in formatting features and a WYSIWYG that help in the creation of content.


These Card templates are designed with a singular action feature in mind, e.g., video, question, etc.
Card Type Templates

  1. Content
  2. Video
  3. Embedded File
  4. Checklist
  5. Question
  6. This or That
  7. Feedback
  8. Discussion
  9. Order Up
  10. Likert
  11. WebView






All of the templates have the same features for the front of the cards.


Card Front Features:

Card Editor

  1. Upload image. You can choose between golden image or full-bleed. You can opt to show the image on the back at the top.
  2. Title input with WYSIWYG. You can choose to show the title on the back at the top.
  3. Exclude the Card from the index Card.
  4. Prevent the Card from flipping.
  5. Dark mode
  6. Mark as new

Content Card

Provides simple, straightforward information and answers to specific questions or statements of fact.


Content Card


Card Back Features:
  1. Content input with WYSIWYG.
  2. Add a Resource. *Launches a modal.
  3. Input small footer text to be displayed at the bottom of the Card.

Video Card

Insert full-screen video as well as add content on the back.

Video Card

Card Back Features:
  1. Link or Upload a video.
  2. Description input with WYSIWYG.
  3. Add a Resource. *Launches a modal.
  4. Input small footer text to be displayed at the bottom of the Card.

Embedded File Card

Insert a file of any type that can be downloaded and viewed by the user.

Embedded File Card

Card Back Features:
  1. Upload a file.
  2. Content input with WYSIWYG.
  3. Add a Resource. *Launches a modal.
  4. Input small footer text to be displayed at the bottom of the Card.
  5. Insert a file of any type that can be downloaded and viewed by the user.


Card Back Features:
  1. Content input with WYSIWYG. You can decide to display this above or below the checklist.
  2. Add a checklist option.
  3. Input small footer text to be displayed at the bottom of the Card.

Question Card

Provide valuable data or integrate into an individual's certification track.

Question Card

Card Back Features:
  1. Content input with WYSIWYG.
  2. Add an answer. Add as many as you would like.
  3. Add an answer variant.
  4. Add answer remediation.
  5. Choose different options. Knowledge check is checked by default.

Nothing checked

Question Card - Nothing Checked
  1. When answered correctly, show question again after XX amount of time.
  2. When answered incorrectly, show question again after XX amount of time.
  3. Show question again until answered correctly options.

Survey checked

Question Card - Survey Checked

  1. When answered, show question again after XX amount of time.

This or That Card

A fun way to quiz learners.

This or That Card

Card Back Features:
  1. Choose pre-determined answer buckets.
  2. Create custom answer buckets.
  3. Choose survey mode.
  4. Add a question. Questions will display randomly in app.

Feedback Card

Collect information from users.

Feedback Card

Card Back Features:
  1. Content input with WYSIWYG.
  2. Add as many custom input fields as you need.
  3. Add a Resource. *Launches a modal.
  4. Input small footer text to be displayed at the bottom of the Card.

Discussion Card

Collect comments and questions from users in a discussion field.

Discussion Card

Card Back Features:
  1. Set a date range to allow responses.
  2. Make participants anonymous.
  3. Add a Moderator connection to a user of your choice.

Order Up Card

Have users put a set of choices in a certain order.

Order Up Card
Card Back Features:
  1. Content input with WYSIWYG.
  2. Add answer options. Answers can be re-arranged.
  3. Choose survey mode for no wrong order.

Likert Card

Create a scale for your learners' opinions.

Likert Card

Card Back Features:
  1. Choose number of ticks, min, and max value
  2. Label the ticks
  3. Choose show labels or numbers
  4. Add a Resource. *Launches a modal.

Webview Card

Embed a website via URL on the back of a card.


Webview Card

Card Back Features:
  1. Add URL
  2. Choose to display the website at full-bleed.


    • Related Articles

    • Content Organization & Workflow

      Our platform provides a multitude of organizational “buckets” you can structure your content in. Once you understand the hierarchy, the sky is the limit! Channel All Channels that a user has access to are displayed in the Library. Channels are the ...

    • Deck Types

      Decks are the container or repository for a specified number of Cards and typically addresses one topic or module of learning. ​ All decks can be created by either choosing your new deck's location in the Library Builder or by clicking Decks first ...

    • Canons of Content Design

      Design Considerations FLIP recommends using a TELL, SHOW, DO design methodology when developing content to engage the learner with the topic or information you're trying to relay. Identify Your Goal Identify the organizational, learning, or ...

    • Deck Aesthetics & Admin Features

      Deck Overview Decks are the container or repository for a specified number of Cards. A Deck typically addresses one topic or module of learning. A FLIP deck is uniquely designed with micro-learning in mind. A best practice for deck development is to ...

    • Naming Conventions & Best Practices

      The goal of having a proper naming convention is so that everything is organized and transparently labeled. This will ensure that the structure and content is straightforward and obvious to anyone wanting to work within the admin. A proper naming ...