Elearning Screen types

The Text and Image screen is great for presenting a paragraph or short section of text alongside a centrally placed image. This is useful for explaining key concepts, displaying product images with descriptions, or highlighting essential information in a visually engaging way.

Steps to Use:

1. Click ‘Add screen’ and select ‘Text and Image’.
2. Add a title and replace the placeholder text with your content.
3. Hover over the image, click ‘Edit image’, delete the placeholder, and upload a new image or search via Unsplash/GIPHY.
4. Adjust the layout by repositioning the text or image.

The Video screen allows you to add video content to your course, whether it's an uploaded video or an embedded link from an external source. Videos can help explain complex topics, demonstrate processes, or engage learners with multimedia content.

Steps to Use:

1. Click ‘Add screen’ and select ‘Video’.
2. Click ‘Edit video’, delete the placeholder, and paste your video URL.
3. (Optional) Enable the description field by clicking the eye icon and ticking the box to add supporting text alongside your video.

Please note: Uploaded videos have a maximum file size of approximately 1 GB.

To improve performance and user experience:

• Convert videos to a lower resolution to reduce file size.
• Use embedded video links, where possible, as they load faster, reduce storage usage, and make future updates easier.

The Slideshow screen is designed for displaying multiple images in a sequence, making it ideal for storytelling, presenting visual case studies, or showcasing product variations.

Steps to Use:

1. Click ‘Add screen’ and select ‘Slideshow’.
2. Add a title to introduce your slideshow.
3. Delete the placeholder image, then upload or search for new images.
4. Add descriptions below each image if needed.
5. Use the toolbar’s ‘Reorder’ option to change the sequence of images.

The Document screen allows you to upload and display various document formats, making it easier to share policies, reference materials, or training manuals.

Steps to Use:

1. Click ‘Add screen’ and select ‘Document’.
2. Drag and drop a file or browse your device to upload.
3. Add a title for the document.
4. (Optional) Enable the ‘Download document’ option in the toolbar to allow learners to download the file.

The Embed screen enables you to integrate third-party content such as forms, surveys, maps, or calendars into your course, enhancing interactivity and engagement.

Steps to Use:

1. Click ‘Add screen’ and select ‘Embed’.
2. Paste the embed link of the external content and click ‘Add embed link’.
3. Add a title and enable the description field if additional context is needed.

The Accordion screen is perfect for presenting large amounts of information in a structured, collapsible format. This helps learners focus on key points without feeling overwhelmed by text-heavy screens.

Steps to Use:

1. Click ‘Add screen’ and select ‘Accordion’.
2. Edit placeholder items by adding content.
3. Click ‘Add item’ to create additional collapsible sections.
4. Choose different icon styles, such as arrows, numbers, or letters, to match the content.

The Process screen is designed to break down workflows or step-by-step instructions into manageable sections. This makes it easier for learners to follow structured guidance.

Steps to Use:

1. Click ‘Add screen’ and select ‘Process’.
2. Add a title to describe the process.
3. Edit the first step by replacing placeholder text and images.
4. Click the ‘+’ button to add more steps.

Flashcards create an engaging learning experience by allowing learners to test their knowledge through interactive prompts.

Steps to Use:

1. Click ‘Add screen’ and select ‘Flashcards’.
2. Add a title to introduce the topic.
3. Enter content for the front and back of each card (e.g., a question on one side and the answer on the other).
4. Click the ‘+’ button to add more flashcards.

The Checklist screen is a great way to guide learners through key points, a simple process, or important reminders. Learners can tick off items as they progress, making it an interactive experience.

Steps to Use:

1. Click ‘Add screen’ and select ‘Checklist’.
2. Add a title.
3. Replace the placeholder items with your own checklist points.
4. Click the ‘+’ button to add more items.

The Hotspot screen allows you to create an interactive image where learners can click designated areas to reveal more information. This is useful for labelling diagrams, maps, or product features.

Steps to Use:

1. Click ‘Edit image’ to replace the placeholder with your own.
2. Add labels for each interactive hotspot.
3. Click and drag to reposition hotspots as needed.