Content Options for building Courses

This guide explains the content options in ComplyFlow's e-Learning authoring tool and how to use each one to build engaging online training courses.

All screen types share the following common elements:

Title
The heading that appears at the top of the screen. You can switch between two sizes — Heading 1 and Heading 2 — to demonstrate a hierarchy of information within your course.

Description
Where you add larger bodies of text, such as paragraphs or bullet points. On some screen types, the Description is hidden by default and must be toggled on.

Images
Depending on the screen type, you can add one or multiple images. Screens that support images will either display a placeholder image you can swap out, or an empty container for you to upload an image.

The toolbar options vary across screen types. Depending on the screen, you may have access to:

The Text and Image screen is ideal for presenting a paragraph or small chunk of text alongside a central image.

How to use the Text and Image screen:

1. Select Add screen > Text and Image

2. Select Start from scratch.

3. Add a title and replace the placeholder text with your content

4. Select Edit image and the trashcan icon to remove the placeholder. You can upload your own image or search for a photograph via Unsplash or a GIF via GIPHY.

5. Use the toolbar to adjust the layout of your text and image as needed.

The Video screen allows you to present a video to learners, using either existing video material or a link to an online resource.

How to use the Video screen:

1. Select Add screen > Video

2. Select Replace video.

3. Select Upload or paste your video URL to replace the placeholder with your content.

4. To add descriptive text alongside the video, select the eye icon and tick the box next to Description — a description field will appear above the video for you to type into.

The Slideshow screen presents learners with a gallery of images around a particular topic or theme. This screen is useful for:

How to use the Slideshow screen:

1. Select Add screen > Slideshow

2. Add a title for your Slideshow

3. Select Replace image. Add your own images by dragging and dropping from your desktop, browsing your device, or searching Unsplash or GIPHY.

4. Optionally add a description for each image in the description field below the image.

5. To reorder images, select Reorder in the toolbar

The Document screen allows you to upload existing training documents and make them available to learners directly within the course. This screen is useful when:

Supported file formats include:

How to use the Document screen:

1. Select Add screen > Document

2. Drag and drop your file into the container, or browse your device to select the file

3. Add a title for the screen

4. To allow learners to download the document rather than view it inline, toggle Display download and select the arrow down icon.

5. To add introductory context, select the eye icon and toggle on the Description field

The Embed screen allows you to embed third-party content directly into your course. Common uses include:

How to use the Embed screen:

1. Select Add screen > Embed

2. Paste the embed link for your third-party tool and select Add embed link — the tool will load inline

3. Add a title for the screen

4. To add additional context, select the eye icon and toggle on Description

The Accordion screen organises large amounts of information into expandable and collapsible sections, helping to reduce cognitive load and make content easier to navigate. Display options allow you to present content as ordered or unordered lists, or to explain acronyms.

How to use the Accordion screen:

1. Select Add screen > Accordion

2. Select Start from scratch.

3. Click on each placeholder item to expand the section and type your content into the description fields

4. To add a new collapsible section, select Add item

5. To change the expand icon style, select Icon style and choose from +, arrows, numbers, or letters (useful when explaining an acronym)

The Process screen displays a step-by-step process in small, manageable steps. You can supplement each step with an image or diagram to make the process easier to follow.

How to use the Process screen:

1. Select Add screen > Process

2. Select Start from scratch.

3. Add a title for the screen

4. Type your first step directly into the fields. To replace the placeholder image, select Edit image

5. To add additional steps, select the + symbol beneath the current slide.

The Flashcards screen prompts learners' memory using visual or verbal cues on the front and back of each card.

How to use the Flashcards screen:

1. Select Add screen > Flashcards

2. Select Start from scratch.

3. Add a title for the screen

4. Choose which fields to populate on each card — you may use a question, key concept, or image on the front. Hide the text field to display an image across the full card

5. To add a new flashcard, select the Add card

The Checklist screen presents a list of items that learners check off as they read through, creating an interactive experience with the material. This screen is suited to key points, simple processes, or important things to remember.

How to use the Checklist screen:

1. Select Add screen > Checklist

2. Select Start from scratch.

3. Add a title for the screen

4. Replace the placeholder items with your checklist points

5. To add additional items, select the + symbol

The Hotspot screen displays an image overlaid with one or more clickable areas. When a learner selects a hotspot, additional information is revealed. This screen creates an interactive, exploratory learning experience.

How to use the Hotspot screen:

1. Select Add screen > Hotspot

2. Select Replace image to remove the placeholder image. Upload your own image or search for one to use

3. Add labels for each hotspot. Select Add hotspot to add additional hotspots

4. Select and drag hotspots to reposition them on the image

The Quiz screen provides an opportunity for learners to check their understanding of the course content. Quizzes can be placed at the end of a course or throughout to maintain engagement.

Unscored quizzes act as formative assessments — a practice activity that reinforces knowledge as learners progress. Learners can attempt each question as many times as needed, and no formal grade is recorded.

Scored quizzes are summative assessments that evaluate learner understanding, provide a score, and determine whether a learner passes the course. Scored quizzes allow you to set a passing grade and configure the number of reattempts before a learner fails.

With scoring enabled, you can configure three distinct finish states — Passed, Retry, and Failed — each with a customisable message.

When adding a Quiz screen, you can choose to:

There are 7 question types available. A mix of question types is recommended to maintain learner engagement:

Question feedback is available for unscored quizzes only. For each question, you can customise the feedback message shown for correct and incorrect responses, including the button text (for example, Continue or Try again).