Embed CLAS

The CLAS application (full interface) can be embedded inside other platforms such as Canvas, WordPress, and other websites by generating an embed code. This allows users to be able to easily access everything in one place.

Note: Embedding CLAS will anonymize user data. If it’s important to gather data for your course, it’s recommended to link out to the standalone web application.

Getting the Embed Code

  1. Click Manage from the left hand menu.
  2. Click Embed this course in another site or LMS.
  3. From the Select Course drop-down, select a course
  4. Decide what you want to be displayed in the embed by selecting one of the three options. (Note: you will notice the embed code changes, depending on the option selected).
    • Allow both timeline and general comments
    • General comments only (no timeline comments)
    • Video only (no timeline and general comments)
  5. Copy the embed code for the platform you will be embedding CLAS in:
    • Embed code for use inside an LMS (e.g. Canvas)
    • Embed code for use on course blogs & sites outside the LMS

The Direct share link can be shared with users so they can easily be directed to the CLAS site.


Embed CLAS Inside Canvas

Log into Canvas and go to the course you want to embed CLAS in.

  1. Click on Pages from the left hand menu.
  2. Click on the + Page button located on the top right corner.
  3. Include a title for the page you are creating (e.g. CLAS).
  4. Switch to the HTML editor.
  5. Copy the Embed code for use inside an LMS in CLAS and paste it in the HTML editor.
  6. Click Save & Publish.

Note: You can include the page in a Module, refer to the Canvas instructions here.


Embed CLAS Inside UBC Blogs

Log into UBC Blogs and go to the Dashboard of the blog you want to embed CLAS in.

  1. Click Pages from the left hand menu.
  2. Click Add New.
  3. Include a title for the page (e.g. CLAS).
  4. Switch to the Text editor.
  5. Copy the Embed code for use on course blogs & sites outside the LMS in CLAS and paste it in the Text editor.
  6. Click Publish.