Adding and Rearranging Content in Your Lectures

Teachable allows you to add a variety of content to your courses as a way to enrich the learning experience of your students. This article shows you how to add and rearrange content (images, videos, PDFs, etc.) in your lectures. It also outlines the different types of content that are supported on Teachable.

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 navigate to the lecture editor, complete these steps:

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

Supported Content Types

Teachable allows you to upload any type of file, but the three that we support for embedding are video, audio, and PDF. Any file type outside of that will appear as a linked file for your students to download. They will need to have the appropriate programs to open and view those files (e.g. Powerpoint Viewer, word processor, etc.). This can be a useful feature if you are trying to share other files with your students or create a repository of files for your students to download from.

Any uploaded files that aren’t video, audio, or PDF will be automatically set to be downloaded by your students. They will also be labeled with their existing filenames, so we recommend renaming your files for ease of access by your students.

CAUTION: Avoid using special characters (#, %, &, etc.) in your file name because it may cause issues. Instead, only use letters, numbers, dashes, and underscores.

If you'd like to make a video, audio, or PDF file downloadable instead of embedded (or downloadable and embedded), simply use the download and embed toggles to do so.

If you are looking to add a content type that isn't supported, you can usually embed it via HTML.

Follow the recommendations below to ensure there are no issues uploading your files. The recommended file type(s) and specifications are:

Video

  • Supported file type: .mp4, .mov, or .avi
  • Recommended resolution: 720p (1280 x 720px)
  • Recommended frames per second (fps): 24-30
  • Supported file size: 2GB or smaller
  • Audio specifications: H.264 + AAC audio (advanced users)

Images

  • Supported file type: .png or .jpg
  • Recommended resolution: No larger than 1000px wide

Audio

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

PDF

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

Adding Files

It's helpful to have some form of multimedia content to supplement your lectures; whether it's videos, slideshows, audio files, or another type of supported file — multimedia content helps keep your students engaged.

To add multimedia files to your lecture, complete the following steps:

  1. Click the Add File tab.
  2. Inside the lecture area, drag the files you'd like to upload to the area labeled Drop video, audio, PDF, or other file(s) here. Alternately, click the Choose files button.admin-course-curriculum-lecture-add-file.png

    Teachable connects to the following applications to make it easier to add multimedia files to your course:

  3. After selecting which files you’d like to add, click Upload.admin-course-curriculum-lecture-add-file-upload.png

    TIP: You can select multiples files to upload at once.

  4. When your upload is complete, a notification will appear indicating that the lecture content has been updated. Then, the file will appear in the content list for that lecture.
  5. You can then embed the file or make it available for download by toggling the icons that appear in the file block. Some file types (e.g., Word, Powerpoint, Excel, and zip) are available for download, and cannot be embedded directly into the lecture. For these, you will need to keep the Enable Download option on for the files to be visible to your students.admin-course-curriculum-lecture-download-embed-options.gif

NOTE: To embed an image file, keep the Enable Download option disabled. If you wish to remove the image embed and make the image only downloadable, click on the Enable Download button.

Adding Text

You can add text to a lecture by clicking the Add Text tab in the lecture editor.

In the text editor, you can add and format text, as well as upload and embed images into the text box. The text editor is a WYSIWYG (What You See Is What You Get) text editor; this means that what you type, and how you format the text, is how it will appear on your page.admin-course-curriculum-add-text.png

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.

admin-course-curriculum-lecture-add-text-beta-toggle.png

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

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

  1. Inside the lecture area, click on the Add Text tab.
  2. Add text to the text editor.
  3. To modify the formatting of the text, highlight the text you wish to modify and then click on a formatting tool.admin-course-curriculum-lecture-add-text-formatting-tools.gif
  4. 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.admin-course-curriculum-lecture-add-text-upload-image.gif
  5. Click Save. You’ll see the text appear in the content list for that lecture. If you want to edit the text again, click on the Edit Attachment button to re-open the text editor.
  6. Click on the Preview button to preview the lecture.

Adding Quizzes

Teachable allows you to build quizzes, which gives students the chance to test what they’ve learned. Adding a quiz to your course can be an effective way to get feedback on how your students are learning and see if they’re engaging with course content.

Quizzes also add a little pressure, communicating to students that each lecture is important and necessary to progress in your course. Moreover, quizzes can help recap the key takeaways students should walk away with after completing your course.

There are two basic types of quizzes: graded and non-graded. It's important to know that non-graded quizzes are not recorded in the reports section in your school.

NOTE: While quizzes are available on all plans, only schools on the Professional plan and higher have access to the graded quizzes feature.

Complete the following steps to add a quiz to your lecture:

  1. Inside the lecture area, click on the Add Quiz tab.admin-course-curriculum-lecture-add-quiz.png
  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.admin-course-lecture-adding-quiz.gif

    TIP: You do not have to use all 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.
  4. Click on the red X button to remove answers from the quiz.admin-course-lecture-remove-quiz-answer.gif
  5. After adding all questions and possible answers to your quiz, click the Add Question button, and you’ll see the quiz appear in the content list for that lecture.
  6. You can edit your questions or change/add answers by clicking on the Add or edit questions link. Click on the External editor button next to the question to edit.admin-course-lecture-edit-quiz.gif
  7. Click on the Preview button to preview the lecture.

NOTE: While you can add a quiz to as many lectures as you’d like, you can only add one quiz per lecture.

Adding Code

If you want to make more advanced customizations, you may wish to add custom code to your lectures. For example, you can use the code block to embed live video streams or webinars directly into a lecture. 

The code block also allows you to display source code (instead of implementing it), which is particularly helpful for school owners who teach coding or programming. Only HTML can be implemented in the code block. However, you can choose from a variety of coding languages when you toggle on Display Source, including:
  • CSS
  • Dart
  • Go
  • Haskell
  • HTML
  • Java
  • JavaScript
  • JSON
  • MySQL
  • Objective-C
  • PHP
  • Ruby
  • Scala
  • Plain Text
  • Typescript
  • YML

To add code to your lecture, complete the following steps:

  1. Inside the lecture area, click on the Add Code tab.admin-course-curriculum-lecture-add-code.png
  2. Add code to the code block. Ensure that the code is HTML; other code languages cannot be implemented in Teachable schools.
  3. Click Save in the lecture editor and you’ll see the code block appear in the content list for that lecture.
  4. To edit the code block, click on the Edit attachment button.admin-course-curriculum-lecture-code-block-edit-attachment.gif
  5. Click on the Preview button to preview the lecture.

If you want the code to only display in your lecture, complete the following steps:

  1. Click the Display Source toggle on the top right of the code block.admin-course-curriculum-lecture-add-code-display-source-toggle.png
  2. To select a code language to display, click on the drop-down menu on the top left of the code block. From there, you can choose from a variety of different coding languages.admin-course-curriculum-lecture-add-code-select-source-language.png
  3. Add code to the code block. You can display any code language that is listed in the drop-down menu.
  4. Click Save in the lecture editor and you’ll see the code block appear in the content list for that lecture.
  5. To edit the code block, click on the Edit attachment button.
  6. Click on the Preview button to preview the lecture. The display source code block will appear in your lecture like this:admin-course-curriculum-lecture-add-code-display-source.png

Adding Video Captions

Owners and authors can upload video captions, also known as subtitles, to your Teachable lecture videos.

NOTE: Schools on the Free and Basic plan can upload one subtitle file (e.g. an .srt file), while schools on the Professional plan and upwards can upload multiple subtitle files.

To upload video captions, complete the following steps:

  1. After you’ve uploaded a video, click the green document icon on the right side of the video lecture block.admin-courses-curriculum-lecture-video-upload_captions.png
  2. Choose the language for your captions from the drop-down menu and upload an .srt file. This type of file contains video subtitle information like the start and end timecodes of the text and the sequential number of subtitles. If you’re unsure how to format an .srt file, please refer this .srt formatting guide provided by our video host, Wistia.admin-courses-curriculum-lecture-video-upload_captions-upload_srt_file.png
  3. A notification saying "Captions uploaded" will appear on the lower right-hand side of the screen, showing that your video captions have been successfully added.

    NOTE: If you try to upload malformed .srt files or more than one caption for a given language, an error message will appear.

  4. You can edit or delete your .srt captions at any time by clicking the green document icon again and clicking Replace or the red trash icon.admin-course-curriculum-lecture-upload-video-captions-reaplce.gif

Rearranging Content in a Lecture

Chances are that you have a variety of content types in each lecture—videos, text, downloadable files, and so on. If you would like to change the order in which your lecture content appears, you can do so by dragging the blocks as demonstrated below:admin-course-curriculum-lecture-rearranging-lecture-contents.gif

thanks_illustration

Can't find what you're looking for?

Contact us
thanks_illustration