Embed Forms and Other Content into Lessons

This article goes over how to embed forms and other materials into course lessons.

Embedding Content

Embedding is the process of inserting an HTML or Javascript code snippet into your lesson. In general, you can use any external application that allows you to generate and add code snippets into other websites.

NOTE: 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.

You can embed a variety of content types, including:

To embed content into a Teachable lesson, complete the following steps:

  1. Log in to your Teachable admin area.
  2. In the admin sidebar, select the course into which you want to embed content. If the course is not displayed, click View All to see all courses in your school.
  3. Click Curriculum and select a lesson, or create a new lesson.
  4. Insert the embed code snippet in the Custom Code block of the lesson editor. Click Save.

custom_code_block.png

Embed a Form

Forms and surveys are common types of content that Teachable school owners embed into course lessons. A form allows you to collect information from students — such as course feedback, homework assignments, or additional contact information.

Here's how you can embed a form using the popular (and free) Google Forms tool:

  1. On the Google Forms homepage, click Go to Google Forms.
  2. Follow Google’s instructions for creating a form or survey.

    TIP: You can choose from a range of Google Form templates by clicking the More option on the Google Forms homepage. There, you can find pre-made customer feedback forms, course evaluation forms, and more.

  3. Once you're satisfied with the form, click the Send button.
  4. Select the brackets (< >) icon. This will give you the HTML embed code snippet for the form.
  5. Click Copy in the lower right-hand corner of the pop up modal to automatically copy the HTML embed code.
  6. Then, navigate back to your Teachable school.
  7. Add the Google Form HTML embed code in the Custom Code block of the lesson editor.
  8. Click Save. Now, if you Preview your lesson, the embedded form will appear in the lesson.

Was this article helpful?

341 out of 471 found this helpful