company logo

Help center

Go to CreateUponLogin
CreateUponTerms of servicePrivacy policy
All collectionsDesign & EditEditor elements

Editor elements

This guide provides an overview of all interactive components available in the CreateUpon editor, along with examples of how they can be used to enhance your courses.

Assessment Components

Quiz

Create engaging multiple-choice questions to test knowledge retention.

Features:

  • Multiple choice with single or multiple correct answers

  • Customizable explanations for each answer

  • Works in both content and exam modes

  • Color customisation

Example Use Cases:

  • Knowledge checks after content sections

  • Course pre-assessments

  • Certification preparation

True or False

Simple binary choice questions to reinforce key concepts.

Features:

  • Explanations for correct and incorrect answers

  • Simple implementation for quick knowledge checks

  • Color customisation

Example Use Cases:

  • Quick fact verification

  • Myth-busting exercises

  • Simple comprehension checks

Open Answer

Allow learners to respond with free-form text.

Features:

  • Text area for detailed responses

  • Submit button for response confirmation

  • Color customisation

Example Use Cases:

  • Reflection questions

  • Case study analysis

  • Problem-solving exercises

  • Feedback

Note: Answers can only be gathered in SCORM exports


Media Components

Image

Enhance your content with visual elements.

Features:

  • Upload your own images

  • Select from stock image library

  • Generate AI images from text prompts

  • Adjust size and display properties

  • Add alt text for accessibility

Example Use Cases:

  • Illustrating concepts

  • Step-by-step visual guides

  • Infographics and diagrams

Audio

Incorporate sound clips or narration into your lessons.

Features:

  • Upload audio files

  • Optional autoplay

  • Playback controls

Example Use Cases:

  • Spoken instructions or narration

  • Language pronunciation guides

  • Musical examples

Video

Embed video content directly in your lessons.

Features:

  • Generic video file embedding

  • Customizable dimensions

  • Playback controls

Example Use Cases:

  • Demonstrations

  • Recorded lectures

  • Process walk-throughs

YouTube

Easily embed YouTube videos with advanced control options.

Features:

  • Set specific start/end times

  • Control player options (autoplay, controls visibility)

  • Responsive sizing

  • Edit the URL after adding the element

Example Use Cases:

  • Supplementary learning material

  • Expert interviews

  • Tutorial videos

Vimeo

Similar to YouTube, embed Vimeo videos in your content.

Features:

  • Professional-quality video hosting

  • Configuration options similar to YouTube

  • Clean player interface

  • Edit the URL after adding the element

Example Use Cases:

  • High-quality product demonstrations

  • Professional training videos

  • Artistic content

Spotify

Integrate music, podcasts, or audio content from Spotify.

Features:

  • Embed tracks, albums, or playlists

  • Playback controls

  • Interactive player

Example Use Cases:

  • Music education

  • Podcast-based learning

  • Audio case studies


Interactive Layout Components

Columns

Create multi-column layouts for better content organization.

Features:

  • Add/remove/swap columns

  • Flexible content arrangement

  • Responsive design

Example Use Cases:

  • Comparison charts

  • Before/after scenarios

  • Parallel concept presentation

Carousel

Create slideshows within your lesson for sequential content.

Features:

  • Multiple slides with navigation controls

  • Support for text, headings, and images

  • Tagged slides for organization

  • Interactive navigation

Example Use Cases:

  • Step-by-step procedures

  • Image galleries

  • Progressive concept revelation

Flip Cards

Create interactive cards that reveal content when clicked.

Features:

  • Front and back sides with different content

  • Engaging flip animation

  • Multiple cards in a single component

  • Customizable labels

Example Use Cases:

  • Vocabulary learning

  • Question and answer pairs

  • Memory exercises

  • Concept/definition pairs


Interactive Elements

Button

Add clickable buttons that perform various actions.

Features:

  • Style options (rounded/rectangular)

  • Color customization

  • Multiple destination types:

    • External URLs

    • Email addresses

    • Next card/lesson navigation

    • File downloads

  • Alignment options

  • Place up to four buttons side-by-side in a row

  • Edit/Preview toggle to test the button's destination without leaving edit mode

Example Use Cases:

  • Navigation between sections

  • External resource links,

  • Email contact points

  • Downloadable resources

  • Attach a certificate

Iframe

Embed external web content directly in your lesson.

Features:

  • Embed any web page or application

  • Configurable dimensions

  • Interactive functionality

  • Edit the URL after adding the element

Example Use Cases:

  • Interactive web applications

  • Embedded calculators or tools

  • External form integration

Custom Code

Embed custom HTML/code snippets for advanced functionality.

Features:

  • Add any HTML or JavaScript code

  • Create custom interactions

  • Integrate advanced web elements

Example Use Cases:

  • Custom calculators

  • Specialized interactive elements

  • Third-party widgets

Tables

Organize data and information in structured rows and columns.

Features:

  • Table manipulation controls

Example Use Cases:

  • Data comparison charts

  • Pricing tables

  • Feature matrices

  • Schedule layouts

  • Specification sheets

Callouts

Highlight important information

Features:

  • Color customization

  • Optional icon to reinforce the message

Example Use Cases:

  • Highlight key points to remember

  • Quotes

  • Data points

Best Practices

  1. Mix Component Types: Combine different interactive elements to keep engagement high.

  2. Purpose-Driven Selection: Choose components based on learning objectives, not just visual appeal.

  3. Mobile Consideration: Remember that complex layouts may display differently on mobile devices.

  4. Progressive Complexity: Start with simpler interactions and gradually introduce more complex ones.

  5. Feedback Integration: Use assessment components strategically to provide learners with feedback.

  6. Accessibility: Always provide alternative text for images (automatically added by default) and consider accessibility in your component choices.

Remember that the most effective courses use interactivity purposefully to enhance learning, not simply as decorative elements. Select components that best support your learning objectives and engage your specific audience.

Did this answer your question?
😞
😐
😁