Add Lesson Content

Add a variety of content to your lessons to further enrich the learning experience of your students. This article shows you how to add and arrange content with the lesson editor (formerly the lecture editor).

For a list of supported file types available on Teachable, learn more about file types and recommended image sizes.

Overview

Using the lesson editor, you can add content like images, text, video, audio, and documents to your curriculum. You can also add education tools like quizzes, marketing tools like upsells, and advanced custom coding. All of these options are available using lesson blocks within the lesson editor.

To get to the lesson editor within your Teachable school:

  1. Log in to your Teachable admin area.
  2. In the admin sidebar, select the course you want to edit.
  3. Click the Curriculum tab and select an existing lesson to edit, or create a new lesson.
  4. Click the Add Content button within the lesson editor to display the block options.

    lesson_editor_in_admin.gif

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

To upload a large number of files at once, learn more about bulk uploading content.

TIP: You can keep your lessons unpublished while you work on content for published courses. Unpublished lessons are not visible to students.

Add content

Content blocks include text, images, videos, audio, and resource document files. Click on the specific block type to learn more about the options. Once you have added a block to your lesson, click the Preview button to see how your content will appear to your students. To allow your students access to your lessons, click the Publish button.

Text & Images Video PDF Viewer Audio Banner Image Resource Code Example Embed Media

In the text and image block, you can add and format text, as well as images with the text editor. Alternatively, you can add full screen images using the Banner Image block.

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

Here are the formatting tools available in the text editor:

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


To add text and/or an image to a lesson:

  1. Click the Text & Image block. A popup will appear.
  2. Enter text into the text editor field. The formatting tools will appear at the top of the text block.

    add_text_block_lesson_editor.gif
  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.
  4. Resize the image in the editor by dragging the corners of the image. Alternatively, click the Edit button over the image to adjust the width.

    add_image_text_block_lesson_editor.gif
  5. Click the Save button once you have finished. You’ll see the text appear in the content list for that lesson.

If you need to edit the text or image again, click the Edit icon button to re-open the text editor, make your changes, and click Save. Any changes made to a published lesson will be available to students immediately.

TIP: To add a "soft break" between paragraphs or lists, use shift+return (Mac) or shift+enter (PC) on your keyboard.

Add educational tools

Within your lessons, you can add multiple-choice style quizzes to track your students’ progress. 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. Additionally, any course compliance settings specific to quizzes will not affect non-graded quizzes.
  • Graded (Pro plan and up) - Quiz scores are graded and reported in the Reports section of your course admin. Any course compliance settings added to your course will affect graded quizzes.

NOTE: You can only add one quiz block per lesson.

Quiz

To add a quiz to a lesson:

  1. Click the Quiz block. A popup window will appear to add your first multiple-choice question and answer.
  2. To mark which answer is correct, click the box next to the answer. You can select multiple correct answers if applicable.
    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. To add additional questions to the quiz block, click the New question option below the previous question. Repeat until all questions and answers are added.
  4. Click Save quiz when finished.

    add_quiz_block_lesson_editor.gif

By default, quizzes added to a lesson are not graded. To make the quiz a graded quiz, click the Quiz settings (gear icon) and toggle on the grading option on.

graded_quiz_block_setting_lesson_editor.png

To edit your questions and/or answers, click on the Edit button. To delete a quiz question or answer, click the trash can icon. Please note this action is permanent. Save when finished.

Generate AI quizzes

AI-generated quizzes are part of Teachable's AI Hub, a collection of AI-powered tools that help you create your courses.

To generate an AI Quiz, first create your lesson content. After your content is complete:

  1. Click Add content.
  2. Under Educational Tools, select the AI Quiz block. A popup modal will appear.
  3. At the bottom of the block, click Generate. Your quiz will pull from the information in your lesson.
  4. Once the AI Quiz is generated, make edits or add additional questions if needed. 
  5. Click Save quiz at the bottom of the modal. 

AI quiz generator.png

You can edit the quiz content at any time after saving. 

Add marketing tools

Marketing tools offer the ability to promote other products within your curriculum that target your existing students. These options include upselling other products within your school, as well as generating new leads with a student referral program.

Upsells Referrals
For schools on the Pro plan and up, you can add upsells to other products in your school directly in your lesson pages. Learn more about adding upsells to your lessons.

Add advanced tools

For creators who wish to add advanced customization or features not available through the lesson editor blocks, you can add your own custom code to your lesson. To embed content like Youtube or Google Forms, use the Embed Media block. For example, you can use the code block to embed live video streams or webinars directly into a lesson. You can also use the code block to embed forms and other materials to your lessons.

To add code example, or code that is not active on the page, please use the Code Example block.

Custom Code
NOTE: Available for schools on the Basic plan and up. Course compliance is not available for embedded video content.

To add custom code to your lesson:

  1. Click the Custom Code block. A popup will appear.
  2. Enter the code into the code block field.
  3. Click Save when complete.

    add_custom_code_block_lesson_editor.gif

To edit your code, click on the Edit button. Save when finished.

CAUTION: Teachable Support cannot assist with the maintenance or troubleshooting of custom code. Additionally, for any change made via custom code, we cannot ensure its functionality or full compatibility with current or future versions of Teachable. This includes how the code functions as well as how it impacts the appearance on mobile and web browsers.

Add Video Subtitles

To add subtitles to a video, you can upload a .srt file or you can use the auto-generate tool.

Click the Settings icon on the lesson video to set up subtitles:

Image-2023-08-28-at-4.17.46-PM.jpeg

Auto-Generated Video Subtitles

Not available on the Free plan.

For auto-generated subtitles, select a language and then click Generate.

The Generate option will not be available until the video has completed processing.

After processing is complete, you'll see a subtitle card added to the Video settings under My subtitles:

Screen Shot 2023-08-28 at 4.32.33 PM.png

Click the ellipses menu to Remove or Download the subtitles.

Auto-Translate Video Subtitles

Not available on the Free Plan.

Auto-generated subtitles can be automatically translated.

To translate an auto-generated subtitle, click on the language icon that shows on the subtitle card under Video settings > My subtitles:

Screen Shot 2023-08-28 at 4.32.33 PM.png

After a translation is complete, you'll see a new subtitle card under Video settings > Translations:

Screen Shot 2023-08-28 at 4.43.26 PM.png

Generate AI Lesson Summary

AI-generated lesson summaries are part of Teachable's AI Hub, a collection of AI-powered tools that help you create your courses.

To generate an AI Lesson Summary, first create your lesson and add all content. 

Then, select the Lesson Summary option:

Image-2023-08-28-at-4.07.47-PM.jpeg

You can then drag the Lesson Summary to the top of the lesson.

Click Edit to make any changes to your Lesson Summary.

Arrange lesson blocks

If you would like to change the order in which your lesson content appears, you can do so by dragging the blocks using the drag and drop feature (six dots).

rearrange_lesson_blocks.gif

Download or delete lesson blocks

To download content uploaded to a lesson block, click the More options (three dot) icon for the specific block. Then click Download.

NOTE: This option is only available for downloadable content blocks.

download_option_in_lesson_block.png

To delete a lesson block, click the More options (three dot) icon for the specific block. Click Delete in the pop-up window to confirm deletion. Deleting content within a lesson is a permanent action that cannot be undone.

delete_lesson_block.png

You can also delete entire lessons and sections within your course Curriculum. Learn more about deleting lessons and sections.

Frequently asked questions

How do I add content from Google Drive, Dropbox, OneDrive, etc?

Within the 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 lesson:

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

Why is the hyperlink in the text block not working?
When adding a hyperlink to a text box, be sure to include "http://" or "https://" in front of the URL. This will ensure the link redirects to the appropriate page.

Was this article helpful?

7 out of 17 found this helpful