Each screen type will have different elements and options, however many are common across multiple screens. All screens allow for a title and description. Explore these elements, and more, below.

The options that appear in the toolbar vary across the screen types and the elements included. Depending on the screen type, you’ll be able to play with:

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

Step 1: Select ‘Add screen’ and choose ‘Text and image’.

Step 2: Add a Title and replace the placeholder text with your own content.

Step 3: Hover on the image and select the ‘Edit image’ icon. Select the trashcan icon in the top right corner to delete the placeholder image. You can now upload your own image or search for a relevant photograph using Unsplash or GIF using GIPHY.

Step 4: You can readily change the layout of your Text and image screen with a few simple clicks.

Our Video screen makes it easy for you to present a video to your learners. You may already have existing video material, or you might like to include a link to an existing resource.

Step 1: Select ‘Add screen’ and choose the Video screen.

Step 2: Select ‘Edit video’ and the trashcan icon to delete the placeholder video.

Step 3: You can replace the placeholder video with your own content by pasting the video URL.

If you would like to add some text alongside your video to provide some extra context, you can switch this on. Click the eye icon, and then tick the box next to the description. This will add a description field that you can type directly into before your video.

Use our Slideshow screen to present your learners with a gallery of images around a particular topic or theme. This can be helpful to:

Step 1: Select ‘Add screen’ and select the Slideshow screen.

Step 2: Add a title for your Slideshow.

Step 3: Add your images. When you add a Slideshow screen to your course, it will contain a placeholder image. You can delete the first image by selecting the trash can, and then add your own images. If you are choosing to add images you already have, you can either drag and drop an image from your desktop or browse your device for an image file. Alternatively, you can easily search Unsplash or GIPHY for related images.

Step 4: If you choose to, add a description for each image in the description field found below the image.

Once you have added your images, if you want to reorder them within your Slideshow, select ‘Reorder’ in the toolbar along the top.

Using the Document screen, you can speedily upload your existing training documents and make them available to your audience in a flash. You might choose to use the Document screen if:

The Document screen allows you to upload common document formats including:

Coassemble uses Google’s document viewer to allow documents to be displayed as embedded objects in their original format. This means your learners won’t need to have software installed on their devices to view documents.

Step 1: Select ‘Add screen’ and choose the Document screen from the sidebar.

Step 2: Drag and drop your file into the container from your desktop, or browse your device for the file.

Step 3: Give your screen a title, and you are ready to roll.

If you don’t want your document to appear in line, but you would like your learners to download it instead, select the ‘Download document’ button in the toolbar.

Similarly to other screens, you can switch on the description field if you’d like to add some context to introduce your document.

Use the Embed screen to embed rich content into your online training. Engage your users by adding surveys, podcasts, forms, calendar bookings, maps, and more to your course.

There are many ways to use the Embed screen, but here are a few:

Step 1: Select ‘Add screen’ and choose the Embed screen.

Step 2: Paste the embed link of your third-party tool and click ‘Add embed link’. Your tool will load inline.

Step 3: Add a title for your screen. If you would like to provide additional context for your embedded object, you can select the eye icon and turn on ‘Description’.

The Accordion screen is perfect for organizing and presenting a large amount of information in a small amount of space. The Accordion screen allows learners to expand and collapse sections of content, which can help to reduce cognitive load and make it easier to understand the information they are looking for.

Unique display options allow you to use the Accordion screen to explain acronyms, and display content as ordered & unordered lists.

Step 1: Select ‘Add screen’ and choose the Accordion screen’.

Step 2: When you have chosen to add an Accordion screen, you will be presented with a screen that contains placeholder items. You can select each item to expand the Accordion menu and type your content directly into the description fields. If you would like to add an additional collapsible section, select ‘Add item’.

Step 3: If you would like to, you can change the + icons to either arrows, numbers or letters (particularly useful if you have an acronym).

The Process screen allows you to display a process in small, manageable steps. Using visual aids, such as diagrams or images allows you to supplement instructions and make the process easier to understand.

Step 1: Select ‘Add screen’ and choose the Process screen.

Step 2: Add a title for your Process screen.

Step 3: Add your first step by typing directly into the fields. To swap out the placeholder image, hover over the image and select the ‘Edit image’ icon.

Step 4: To add additional steps, select the + symbol underneath the slide.

Flashcards are perfect for prompting your audience’s memories using visual or verbal cues.

Step 1: Select ‘Add screen’ and choose the Flashcards screen.

Step 2: Give your screen a title.

Step 3: Choose which fields you are going to type into on the Flashcards screen. You may like to have a question, key concept, or image on the front of the card. You can hide text if you’d like to use an image that spans the entire card (see this in action below).

Step 4: To add a new Flashcard, select the + symbol found underneath the cards.

Whether you are listing key points, a simple process, or crucial things to remember, the Checklist screen is a great option for your learners. The Checklist asks your learners to check off each item as they read through the list, creating an engaging experience where your learner interacts with the material.

Step 1: Select ‘Add screen’ and choose the Checklist from the sidebar.

Step 2: Give your Checklist screen a title.

Step 3: Replace the placeholder items with the first points in your checklist. You can then add additional items to your list simply by clicking the + symbol.

The Hotspot screen is an interactive screen that allows you to showcase an image overlaid with one or more "hotspots", which are clickable or touch-sensitive areas that, when clicked or tapped, reveal additional information.

The Hotspot screen creates an interactive and engaging learning experience and can be used to present information in a non-linear, exploratory format.

Step 1: Swap out the Placeholder image by selecting ‘Edit image’ and the trashcan icon. You can now either upload your own image or search for an image to use.

Step 2: Add any labels you would like to for the image. You can select ‘Add item’ to add an additional hotspot. Click and drag to move any of the hotspots on your image.

View the quiz screen article to learn about how to create quizzes in Coassemble.