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.

TIP: You can keep you lectures unpublished while you work on content. Unpublished lectures are not visible to students. 

Supported content types

NOTE: Due to security concerns, we have temporarily disabled uploads of some less common file types—specifically any file extension that falls under the MIME type “text.” A list of examples we do not allow can be found here. PDF, image, audio, and video files are acceptable for upload. If you have trouble uploading allowed files please contact Customer Care.

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.
    add_video_tab_lecture.png
  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.

NOTE: Depending on the size of the video file, it may take several minutes for the video to upload and optimize within the lecture editor. Refresh the page within your browser to update progress.

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.

NOTE: Schools on the Basic plan can upload one .srt file per video, while schools on the Professional plan and upwards can upload multiple .srt files per video.

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.
    add_srt_file.gif
TIP: Not sure how best to set up your .srt file? Check out our SRT Formatting Guide.

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.

delete_srt_file.png

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.
    add_file_tab_lecture.png
  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:

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.
    connect_to_cloud_storage.gif

CAUTION: Avoid using special characters (e.g. %, *, $, ', &, etc.) in your file names, as this may cause issues with uploading the file. Instead, use letters, numbers, dashes, and underscores.

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.
enable_download.png

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.

turn-off-embed.gif

NOTE: In order to embed an image file, keep the Enable Download toggle off. If you wish to remove the image embed and make the image only downloadable, click the Enable Download button.

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 page.

NOTE: We’ve recently made changes to the functionality of the text editor. By default, the new beta version of the text editor will display in the lecture editor. However, to ensure that schools continue to run as seamlessly as possible, you can toggle off the beta version and revert to the old text editor by switching off the Beta toggle.

Here are the formatting tools available in the text editor:

  • Headers
  • Bold
  • Italicize
  • Underline
  • Hyperlink
  • Blockquote
  • Align (Left, Center, Right)
  • Bulleted List
  • Numbered List
  • Color (available colors based on your school's Theme)
  • Clear Formatting
  • Image

TIP: When adding a hyperlink to a text box, be sure to include "http://" or "https://" in front of the URL.

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

  1. Inside the lecture area, click the Add Text tab.
  2. Enter text into the text editor field. To modify the formatting of the text, highlight the text you wish to modify and then click on a formatting tool.
    Kapture_2020-01-29_at_11.50.49.gif
  3. To upload and embed an image in the text editor, click on the Add Image icon. Drag the images you'd like to upload to the area labeled Drag file here. Alternately, click the Choose files button. This image will automatically embed into the text block inline with the text.
  4. Click Add Text. You’ll see the text appear in the content list for that lecture. If you need to edit the text again, click on 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.

NOTE: You can only add one quiz per lecture.

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.
    quiz.gif

    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.
    edit_quiz.png

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

upselltablectures.gif

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.

upselllecturepreview.gif

NOTE: Only published products are available for upsell at this time. 

 

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.

CAUTION: Any content included in free preview lectures will be publicly accessible and searchable on Google, including lecture material, comments, PDFs and videos. We encourage you to exercise care when planning your free preview content.

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.

lecture_preview.png

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

lecture_free_preview_toggle.gif

CAUTION: Marking a lecture as free preview will override any drip settings you have for this lecture. This means that students will be able to view the lecture by clicking on it, even if it appears locked in your curriculum.

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:

rearrange_lecture.gif

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.

deletelectureworkflowimprove.gif

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

Was this article helpful?
516 out of 627 found this helpful
thanks_illustration

Thinking of joining? Contact Sales
Already a customer? Contact Support

thanks_illustration