School owners can add a variety of content to their Teachable courses as a way to further enrich the learning experience of their students. This article shows you how to add and arrange content (images, videos, PDFs, quizzes, etc.) to course lectures. It also outlines the different types of content Teachable supports.
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 add content to a lecture, complete these steps:
- Log in to your Teachable admin area.
- 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.
- Click Curriculum and select a lecture, or create a new lecture to add content to.
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:
- 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)
- Supported file type: .png or .jpg
- Recommended resolution: 1000px wide or smaller
- Supported file type: .mp3
- Recommended resolution: High Quality
- Audio specifications: AAC audio (advanced users)
- 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.
Chances are that you have a variety of content types in each lecture—videos, text, downloadable files, and so on. Teachable allows you to connect to the following third-party applications so that it’s easier to add files to your course:
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.
To add files to your lecture, complete the following steps:
- Click the Add File tab.
- Inside the lecture area, drag the files you wish to upload to the area labeled Drop video, audio, PDF, or other file(s). Alternately, click the Choose files button.
- After selecting which file(s) you’d like to add, click Upload.
- When the 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.
- Embed the file or make it downloadable by toggling the icons that appear in the file block. 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.
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.
In the text editor, you can add and format text, as well as images through 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.
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:
- Align (Left, Center, Right)
- Bulleted List
- Numbered List
- Color (available colors based on your school's Theme)
- Clear Formatting
To add text to a lecture, complete the following steps:
- Inside the lecture area, click the Add Text tab.
- 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.
- 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.
- Click Save. 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.
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:
- Inside the lecture area, click the Add Quiz tab.
- 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.
- 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.
- 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.
- 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:
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:
- Inside the lecture area, click on the Add Code tab.
- Enter code into the code block field and then click Save. The code block will appear in the content list for that lecture.
- To edit the code block, click on the Edit attachment button. Click Save to save your changes.
The code block also allows you to display source code which is particularly helpful for schools that teach coding or programming. You can choose from a variety of coding languages when you turn on the Display Source toggle, including:
- Plain Text
To display code in a lecture, complete the following steps:
- Turn on the Display Source toggle.
- Select a code language to display by clicking on the drop-down menu on the top left of the code block.
- Add code into the code block field and click Save. The code block will appear in the content list for that lecture.
- To edit the code, click on the Edit attachment button.
Add Video Subtitles
School owners 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. For more information about how to properly format an .srt file, refer to this guide provided by our video host, Wistia.
NOTE: Schools on the Free and 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, complete the following steps:
- After you’ve uploaded a video to your lecture, click the Upload Captions button on the right side of the video lecture block.
- 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.
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:
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: