Skip to main content
Echo360 Status: 

Providing an Echo360 Library Link for Users In Canvas

Echo360
  • Updated

Echo360 provides the following different types of interoperability with Canvas;

  • Canvas course linking into Echo360 course sections
  • A link to the user's Echo360 Library
  • An "easy" button to embed videos into content windows directly from the Echo360 library,
  • The ability for students to submit Echo360 videos as homework assignment submissions.

  • Echo360 strongly recommends creating separate Apps in Canvas for EACH of the available features, because:

    • The XML you paste into Canvas can have ONE AND ONLY ONE "course_navigation" block. The course linking and the library tools both create "course navigation" placements for the tools. Keeping the tools separate avoids any issues surrounding this limitation.
    • You cannot edit or replace the XML for an existing app via the UI. This means that to update a combined tool for future improvements, or to delete a tool you don't want anymore, you need to delete the existing combined one and re-add it. If the tools are separate, this can be done without affecting any other functionality. 

The instructions below add the Echo360 Media Library link to users' left navigation. This provides a link directly to the user's Echo360 Library page. It is added as a "course_navigation" type placement, which means it appears in the left navigation list when a user enters any LMS course.

While you can add the Echo360 App at the Course level, we strongly recommend adding it at the Account level. Adding the app to the Account automatically makes it available for every course configured for the account. It can be removed from individual course navigation if necessary.

These procedures must be performed by a user who is both a Canvas and an Echo360 Administrator. The first step is to log into Echo360 as an Admin and generate XML for the Canvas LMS configuration that will identify the Echo360 app for Library linking.

To generate an XML cartridge for a Canvas App to the Echo library

  1. Log into Echo360 as an Administrator.
  2. Select the Settings icon in upper-right of the screen.
  3. From the Settings menu, select Configurations.
    The LMS configurations tab, selected from the left, appears by default as shown in the below figure.
  4. On the right side of the LMS Configurations page, select Configurations as shown below.
    LMS Configurations page with settings menu navigation and LMS configurations page navigation identified
  5. Find your existing Canvas LMS configuration.
    If you do not have one yet, click Add Configuration then select Canvas from the drop-down list, and click SAVE. See also Configuring Echo360 with your LMS.
  6. Select the LTI Config tab as shown in the below figure.
    LMS configuration page in Echo showing Canvas LTI config tab with options for steps as described
  7. Enable ONLY the My Echo360 library slider.

    Warning: The XML you paste into Canvas can have ONE and ONLY ONE "course_navigation" placement block. Course navigation and My Echo360 library sliders both create "course_navigation" blocks in the XML. 

  8. Click SAVE.
    Clicking Save with the toggle enabled updates the XML cartridge available to select and paste into Canvas. 
  9. Click the XML tab.
    LMS Configurations page in Echo with Canvas XML tab shown with options for steps as described
  10. Click COPY XML. The XML cartridge text is copied to your clipboard.
  11. In a new tab or window, log into Canvas as an administrator and follow the procedure below.
    Leave the Echo360 tab/window open, as you will need to return to the LMS configuration page to also copy the Key and Secret values from the LTI tab in Echo into Canvas.

To create an Echo360 Library link in Canvas

    1. Log in to Canvas as an administrator.
    2. Click Admin from the navigation on the left, then select the main Account for your institution. In the figure below, the main account for Canvas is named Echo360.
      Canvas Admin options with Account link identified for steps as described
    3. The Courses list appears by default. Select Settings from the bottom of the list of links on the left.
    4. From the Settings page, shown in the below figure, click the Apps tab.
      Canvas Account Settings with the Apps tab selected and shown as described
    5. Click View App Configurations.
    6. From the External Apps page, click + App (the add app button), as shown in the below figure.
      External Apps page in Canvas with Add App button identified for steps as described
    7. In the Add App dialog box, select Paste XML from the ​Configuration Type drop-down list.
      Canvas Add App dialog box with Paste XML selected and available fields shown for steps as described
    8. Enter a Name for the App. You can name it anything you like but the name should clearly identify this as the app that creates a link to your users' library page in Echo360.  
    9. Click into the XML Configuration section of the dialog box and press Ctrl+V or Command+V to paste the copied XML from Echo360.
    10. Go back to the Echo360 window and click the LTI tab for the Canvas configuration if necessary, as shown below. 
      Canvas LMS configuration in Echo360 with LTI tab showing containing Consumer Key and Shared Secret fields for steps as described
    11. Select and copy the Consumer Key value from Echo360, then paste it into the Consumer Key field in Canvas. 
      (Tip: Click into the field, type Ctrl+A/Command+A to select all, then Ctrl+C/Command+C to copy; use Ctrl+V/Command+V to paste into Canvas.)
    12. From the Echo360 window, select and copy the Shared Secret value from Echo360 and paste it into the Shared Secret field in Canvas. (See above Tip for select/copy/paste.)
    13. When finished, click Submit.

You should now see your Echo360 media library app in your Canvas app configuration list. Users will now get an Echo360 Media Library link in the left navigation for all courses in the account. Clicking the link opens the Library page, providing access to all the media there within the Canvas window.

My Echo360 Library link identified with library page open in canvas window as described

In the App list, find the Library app you just created and click the Settings button on the right side of the app entry. Select Placements and the popup should indicate Course Navigation as the placement. This is the placement type that ensures it appears in the left navigation panel in Canvas.

Echo360 app placement in Canvas showing Course Navigation as described