Skip to main content
All CollectionsModule
Element: Embed
Element: Embed

This is a step-by-step guide for setting Embed element into your module or lesson.

Filippo Schiano di Pepe avatar
Written by Filippo Schiano di Pepe
Updated over a week ago

This is a step-by-step guide for setting Embed elements into your module or lesson.

Embed. Paste an embed code from your favorite app into your course. Participants can view and interact directly with the third-party apps on Teachfloor. You can read more here.

How to create an embed element on Teachfloor?

When you come to the Curriculum page on the course you want to add a Embed element and edit it. You will see a (+) Add Element.

Click on (+) Add Element on the left side of the screen. And click the Embed.

(See screenshot below)

Different Settings in Embed Element

Settings of Embed elements is divided into four major portions:

1. General Settings

(See screenshot below)

In the general settings, you can set the following settings;

  • Cover Image - Add a cover image to your embed module that will reflect the importance of the embed.

  • Name - Give a descriptive name to the embed, maybe referring to the lesson’s the video is linked to or the topic covered.

  • Description - This space can be used to add details regarding the embed and all the information the learners might need before starting the video.

  • Resources - This space can be used to add details regarding the embed and all the information the learners might need before starting the video.

  • Display Description on Top - Enabling this will allow the learners to see the description and resources before watching the embed.

(See screenshot below)

What the learners should be familiar with or need to have worked on before watching the embed. Click on the pre-requirements dropdown and choose from the previous lessons or activities that you want to require. You may add multiple pre-requirement activities.

3. Visibility Settings

(See screenshot below)

You can set visibility options, making it visible to either;

  • Manually selected learners

  • To specific roles

  • To specific tags

4. Embed Settings

(See screenshot below)

EMBED Set up. Copy the embed code from third-party software and paste it into the field to show it in this activity.

(See screenshot below)

EMBED Set up Example:

Copy from a third-party software the embed code

(See screenshot below)

Copy the embed code into Teachfloor

(See screenshot below)

Aspect Ratio

You can manually set the aspect ratio of the embedded software's appearance, or you can also disable it.

This is how the embedded software will look like 4:3;

(See screenshot below)

Change the width of the element

Here, you have two options; the default one will put the software at the center, putting everything in place.

However, the wide option will spread the embedded screen all over it.

(See screenshot below)

From student account.

Below is an example view for this newly built element. It displays the embed you have added.

Students must click Mark As Completed once done.

(See screenshot below)

Did this answer your question?