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.
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:
- 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.
TIP: You can keep you lectures unpublished while you work on content. Unpublished lectures are not visible to students.
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
- 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)
- 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.
Download and embed settings
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.
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
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:
- 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 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.
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 Custom 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.
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:
- Plain Text
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 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.
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.
To mark a lecture as a free preview, toggle on the respective eyeball icon in your Course’s Curriculum page:
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.
If you would like to change the order in which your lecture content appears, you can do so by dragging the blocks as demonstrated: