Add Lecture Content

You add a variety of content to your lectures to further enrich the learning experience of your students. This article shows you how to add and arrange content to course lectures.

Overview

Using the lecture editor, you can add files, text, quizzes, and code to your lectures. You can also rearrange content and set embed and/or download options.

To get to the lecture editor, follow these steps:

1. Log in to your Teachable admin area.
2. In the admin sidebar, select the course you want to add content to. If the course is not displayed, click View All to see all courses in your school.
3. Click Curriculum and select a lecture, or create a new lecture to add content to.

For information on how to add or remove entire sections or lectures, refer to the Sections and Lectures article.

Supported content types

You can embed video, images, PDFs, and audio files directly into a lecture in your Teachable course, and/or make the files downloadable for your students. Teachable supports the following file type(s) for embedding and downloading:

Video

• Supported file type: .mp4, .mov, or .avi
• Recommended resolution: 1080p (1920 x 1080px)
• Recommended frames per second (fps): 24-30
• Supported file size: 2GB or smaller
• Audio specifications: none

Images

• Supported file type: .png or .jpg
• Recommended resolution: 1000px wide or bigger (desktop and mobile)
• Banner suggested dimensions: 1500x800px or 1800x600px
• Image/Image with Text suggested dimensions: 1200x800px (landscape), 1200x1600px (portrait)

Audio

• Supported file type: .mp3
• Recommended resolution: High Quality
• Audio specifications: AAC audio (advanced users) 

PDF

• Supported file type: .pdf (non-fillable)

Other file types that are not supported by Teachable can be uploaded, however, they cannot be embedded into a lecture—instead, they’ll appear in your lecture as a downloadable file. To avoid confusion, ensure that your students have the applications necessary for opening the file. For example, in order for a student to open a Word document, they'll need to have Microsoft Word.

Alternatively, if you wish to embed a file type that isn't supported (e.g. Powerpoint), it may be possible to embed the content using a code block and embed code snippet. 

Add video and captions

To add video files to your lecture:

1. Click the Add Video tab.
2. Inside the lecture area, drag the video file you wish to upload to the grey file uploader. Alternatively, click the Choose files button to add files from your device.
   
   TIP: You can also upload files from a connected cloud storage site (i.e., OneDrive, Google Drive, or Dropbox). Learn more about connecting to a cloud storage option.
   
3. After selecting the file you’d like to add, click Upload.
4. Repeat steps 1-3 to add additional videos within a single lecture.

To preview the video as it will appear to students within the lecture, click the Preview button. When ready to publish the lecture so students can view the content, click the Publish button.

Once the upload is complete, a thumbnail is automatically generated from the video file. To change the thumbnail, click the Update Thumbnail button and choose an image file from your device.

Add video captions and subtitles

You can also add subtitles to lecture videos using an .srt file or subtitle file. This type of file contains video subtitle information like the start and end timecodes of text and the sequential number of subtitles.

To upload video captions or subtitles:

1. Once the video has been uploaded, click the Upload Captions button on the right side of the video lecture block.
2. Choose the language your captions are in from the drop-down menu and upload the .srt file. A notification will appear indicating that the captions have been successfully uploaded.
   

Replacing or deleting video captions

To replace or delete your video captions, click on the Upload Captions button. Then, click the Replace button to upload a new file or click on the red trash can icon to remove captions from the video altogether.

Add files

To add other files (e.g., pdfs, images, or audio) to your lecture:

1. Click the Add File tab.
2. Inside the lecture area, drag the file you wish to upload to the grey file uploader. Alternatively, click the Choose files button to add files from your device.
   
   NOTE: You can also upload files from a connected cloud storage site (ie OneDrive, Google Drive, or Dropbox). Learn more about connecting to a cloud storage option.
   
3. After selecting the file you’d like to add, click Upload.
4. Repeat steps 1-3 to add additional videos within a single lecture.

A notification will appear once the file has finished uploading. The file will appear in the content list for that lecture. To preview how it will appear to your students, click the Preview button in the top right corner. When ready to publish the lecture so students can view the content, click the Publish button.

Upload from a third-party cloud storage site

Within the video and file uploader, you can choose to add files directly from your device, or you can connect to the following third-party applications to add files to your lecture:

• Dropbox
• Google Drive
• Microsoft OneDrive

To connect:

1. Click on the third-party application from the sidebar list.
2. Login using your credentials for that specific site.
3. After login, click Allow to grant permission for the file uploader to access the content in your cloud storage account.
4. Options from that account will display within the file uploader once connected.
   

Download and embed settings

Once a file is uploaded to your lecture, you can embed the file or make it downloadable by toggling the icons that appear in the file block.

When the Enable Download option is toggled on, students will see a Download button under that file within the lecture, which they can click to download and save the file to their device.

Some file types (e.g. Word, Powerpoint, Excel, etc.) are only available for download, and cannot be embedded directly into the lecture. For these, select the Enable Download option to ensure that the files will be visible to your students.

If you want to enable or disable downloads for all files within a lecture, you can toggle this feature on or off on the lecture level. 

The Embed attachment icon will embed the file within the lecture. When a file is embedded, it will be visible within the lecture page. This means that if you turn off the embed option, the file itself will not be visible on your lecture page. You might choose to turn off the embed if you just want your students to download the file on their device.

Add text

In the text editor, you can add and format text, as well as images through the text box. The text editor is a What You See Is What You GetWYSIWYG text editor; this means that what you type, and how you format the text, is how it will appear on your lecture page.

Here are the formatting tools available in the text editor:

• Headers
• Align (Left, Center, Right)
• Bold
• Italic
• Underline
• Hyperlink
• Blockquote
• Bulleted List
• Numbered List
• Color (RGB, HEX, HSL)
• Horizontal Rule
• Clear Formatting
• Image

To add text to a lecture, complete the following steps:

1. Inside the lecture area, click the Add Text tab to add a text block to your lecture page.
2. Enter text into the text editor field. The formatting tools will appear at the top of the text block.
   
3. To upload and embed an image in the text editor, click on the Image icon. Drag or select the images you'd like to upload to the text block. Alternatively, you can add images using the Add File block.
4. Click the Add Text button once you have finished creating your text. You’ll see the text appear in the content list for that lecture.

If you need to edit the text again, click the Edit Attachment button to re-open the text editor, make your changes, and click Save.

Add quizzes

Adding quizzes can be an effective way to measure and evaluate your students’ learning progress and achievement. There are two types of quizzes that you can add to your course:

• Non-Graded - Quiz scores are not graded or reported in the Reports section of your school admin.
• Graded (Professional plan and up) - Quiz scores are graded and reported in the Reports section of your course admin.

Add a non-graded quiz

To add a non-graded quiz to a lecture, complete the following steps:

1. Inside the lecture area, click the Add Quiz tab.
2. Click the Add Question button to start adding questions and answer. In the Type Question Here field, write your first quiz question. In the Answer Choice field, write the answer choices for the question. As you add answers, new answer fields will automatically appear.
   
   

   TIP: You do not have to use all of the answer fields. If an answer field appears that you do not need, leave it blank. The blank item will not appear to your students.

3. Check the box on the left-hand side to denote the correct answer. You can also select more than one answer. Click the red X button to remove answers from the quiz.
4. After adding all questions and possible answers to your quiz, click the Add Question button. The quiz will appear in the content list for that lecture.
5. You can edit your questions or change/add answers by clicking on the external editor button next to the question.
   

Add a graded quiz

If you’re on the Professional plan and up, then you have the option of enabling graded quizzes. Once you enable the graded quiz option, quiz results will be reported in your school’s course reports. To make a quiz a graded quiz, follow the same process outlined above. Then, select the This quiz will be graded checkbox at the top of the quiz editor

Add code

School owners can implement HTML code in a lecture by using a code block. For example, you can use the code block to embed live video streams or webinars (including YouTube videos) directly into a lecture. You can also use the code block to embed forms and other materials to your lectures.

Complete the following steps to add HTML code to your lecture:

1. Inside the lecture area, click on the Add Custom Code tab.
2. Enter code into the code block field and then click Save. The code block will appear in the content list for that lecture.
3. To edit the code block, click on the Edit attachment button. Click Save to save your changes.

You can also display code examples to your students by clicking the Add Code Example button. You can choose from a variety of coding languages when you turn on the Display Source toggle, including:

• CSS
• Python
• Dart
• Go
• Haskell
• HTML
• Java
• JavaScript
• JSON
• MySQL
• Objective-C
• PHP
• Ruby
• Scala
• Plain Text
• Typescript
• YML

Add upsells

As your students finish their course, you may be looking for a way to entice them to make another purchase. Upselling is a strategy that can help increase your revenue opportunities.

1. Inside the lecture area, click the Add Upsell tab.
2. Toggle between the products (courses, coaching, or bundles) in the Product Details.
3. Once the product is selected, choose the Pricing Plan from your upsell.
4. In the Block Details, customize the Heading Text, Description, and Button Text as it will appear on the lecture page.
5. Once you are finished, click Save Upsell. 

To view the upsell as it will appear to your students, click the Preview button in the top right corner of the lecture editor. To make any updates to your upsell, click the Edit Upsell button.

Mark lectures as free previews

Marking a lecture as a free preview helps potential students decide whether or not a course is right for them, rather than purchasing the course and then asking for a refund afterward.

If you have a Course Curriculum block on your Sales Page, users will be able to access any lecture marked as a free preview after clicking the Preview button. If they attempt to navigate to a lecture that has not been marked as a free preview, they will be denied access.

To mark a lecture as a free preview, toggle on the respective eyeball icon in your Course’s Curriculum page:

Arrange content

If you would like to change the order in which your lecture content appears, you can do so by dragging the blocks as demonstrated:

Delete Lecture Content

To delete content within a lecture, select the More options icon to display the Delete Attachment button. Click Delete in the pop-up window to confirm deletion. Deleting content within a lecture is a permanent action that cannot be undone.

You can also delete entire lectures and sections within your course Curriculum. Learn more about deleting lectures and sections in this article.