How to Add Multimedia Content to a Lesson

    Plan Availability
    Legacy Plans
    Platform

How to add multimedia content to a lesson depends on which course builder you are using. In the New Course Builder, external content is embedded as a content block within a lesson. In the Classic Course Builder, Multimedia is its own lesson type. Both builders support externally hosted content on all plans, and uploaded content files on the Start plan and above.

How to Add Multimedia Content in the New Course Builder

In the New Course Builder, you can embed externally hosted content — such as webinar links, surveys, Google Docs, or YouTube videos — directly within a lesson as a content block. You can also upload interactive content created in tools like Adobe Captivate, Articulate Storyline, or iSpring.

Embedding External Content

  1. Select More from the content menu.
  2. Select one of the following options, depending on what type of content you're embedding: Media, Document, Survey or form, Presentation, Interactive, or Web content.
  3. Copy the link to your content.
  4. Paste the link into the Paste link field.
  5. Click Embed.

Embedding Uploaded Content

Available on the Start plan and above.

To embed uploaded content such as Articulate, Storyline, or iSpring files:

  1. Select More from the content menu.
  2. Select HTML Package.
  3. Drag and drop your file, or browse and select a file from your device.

Supported file types: .zip (max file size 200MB).

For full instructions — including dynamic variables, file preparation guidance, and troubleshooting — see: Using Embedded Content in the New Course Builder.

How to Add a Multimedia Lesson in the Classic Course Builder

In the Classic Course Builder, Multimedia is its own lesson type. It uses an iframe to embed content, so your content must be iframeable. You can test whether your content is iframe compatible using this free tool.

Using Externally Hosted Content

  1. From your Admin Dashboard, select Products.
  2. Select Courses.
  3. Select the course you want to edit by clicking on the course card image.
  4. In the course's Curriculum, select + Add lesson.
  5. Select Multimedia.
  6. Enter a lesson name under Lesson Title.
  7. Make sure Use externally hosted content is selected.
  8. Add your URL.
  9. Click Save lesson.

Note: If you are using a YouTube video, see: Can I use a YouTube video in a Multimedia Lesson?

Uploading Content

Available on the Start plan and above.

You can upload interactive content exported for web from tools like Adobe Captivate, Articulate Storyline, or iSpring. Only .zip files are supported (max file size 200MB).

Before uploading, export your files for web (HTML5) and ensure that all content is available in the root directory of the zip file — when you open the zip, you should see an HTML file (typically named index.html or story.html) without needing to open a subfolder.

To compress your files into a .zip file on Mac OS, select all files and right-click, then select Compress.

  1. From your Admin Dashboard, select Products.
  2. Select Courses.
  3. Select the course you want to edit by clicking on the course card image.
  4. In the course's Curriculum, select + Add lesson.
  5. Select Multimedia.
  6. Enter a lesson name under Lesson Title.
  7. Select Upload content file (.zip).
  8. Click Upload File.
  9. Drag and drop your file or select Browse files from your computer.
  10. Wait for the file to finish processing.
  11. Select the HTML file that should be used for the content (typically named index.html or story.html).
  12. Click Save lesson.

Dynamic Variables for Multimedia Lessons

You can pass learner variables to your Multimedia lesson — useful for passing values to hidden fields in external forms, surveys, or tests, or for metrics and tracking purposes. To enable this, turn on Add dynamic variables to the URL in the Multimedia Lesson editor.

URL Formatting

Pass learner variables as URL parameters, placed at the end of your URL behind a ?, structured as a key=value pair. Separate multiple parameters with an & symbol. Use a {{value}} placeholder to identify where the value will be inserted when the lesson loads.

Example URL:

 
https://quizlet.com/your-form?name={{first_name}}&email={{email}}

When it loads in the Course Player:

 
https://quizlet.com/your-form?name=john&email=jdoe@email.com

Note: The URL you are passing values to must support parameters. If it does not recognise the data being passed, this will have no effect.

Available Variables

Variable Description
{{first_name}} The first name of the learner viewing the lesson
{{last_name}} The last name of the learner viewing the lesson
{{email}} The email of the learner viewing the lesson
{{date_created}} The date the learner's account was created

Important Considerations

Related Articles

 

Was this article helpful?
122 out of 267 found this helpful