Skip to Main Content
The Learning Portal - College Libraries Ontario

Using Learning Portal Content Boxes

Using Learning Portal Content Boxes : Home

About This Guide

This page explains how you can add content boxes from The Learning Portal onto your own website. The instructions are focused on libguides, but the process is applicable for other types of websites. Adding the content using the method explained below means that if the content is updated on The Learning Portal, it will automatically be updated on your website as well.

Before you begin, make sure to look at the list of Notes for information such as extra details for certain hubs.


To use content boxes from The Learning Portal:

  1. Contact The Learning Portal team using the Contact form on the About and Terms Of Use page to request access to the content boxes. The Learning Portal team will provide you with relevant documents for your college.
  2. Create a widget for the content you want to use:
    1. Sign in to The Learning Portal libguide.
    2. Click Tools > Widgets from the top menu.
    3. Open the Content Box tab.
    4. Search for the hub name under Guide and select the one you want, e.g. Study Skills.
    5. In the Box drop-down menu, select the box you want to use.
    6. Copy the Embed Code that is created and paste it into a text file (e.g. Notepad).
  3. Delete the top section of the widget Embed Code (as shown in the image below.) This top section consists mainly of lines of “script type” and links to style sheets. NOTE: Skip this step if you are using the box in a non-libguide website. 

    A widget embed code with the beginning section highlighted
  4. Open the CSS for Content Widgets document provided to you, copy the general and guide-specific CSS links for the relevant hub or module, and paste them at the beginning of the embed code.
  5. Copy your new embed code.
  6. On the page of your libguide where you want to add the content, click Add/Reorder > Media/Widget.
  7. Paste your embed code into the embed code box and click Save. The content box should appear on your libguide.
  8. Add an attribution indicating that the content comes from The Learning Portal. 
  9. Open the Widget Spreadsheet provided to you by The Learning Portal team and add in the information about the content you are using. This ensures that The Learning Portal team can notify you about updates to the content.


  • Umbrella Project/ OER Toolkit: These two modules each have their own libguide. In step 2, search for the module name instead of for the Hub name.
  • Learning Online Hub: This hub includes many content boxes that were mapped from other parts of the Portal. These boxes will not show up under Learning Online in step 2. If you want to use a box from the Learning Online Hub, check the Learning Online content map to see where to find the content.
  • Adding multiple boxes from the same hub/module: If you are adding multiple boxes from the same hub to the same page of your guide, you only need to add the CSS links to the first box that you add (step 4).
  • Adding multiple boxes from different hubs/modules: There is general CSS (step 4) that applies to all guides, and specific CSS for each particular hub or module. Add both links for the first content box you add. When you add a content box from another hub/module, you will need to add the guide-specific CSS into that box.
  • Adding a box to a non-libguide website: Do not delete the top section of code (step 3) if you are adding content to a website that is not in libguides. This section is necessary for the content box widgets to work properly outside the libguides environment.
  • Adding module navigation buttons is not recommended. The button boxes on the home pages of each hub/module link to pages in The Learning Portal; therefore, we do not recommend adding this content to your website unless you are trying to direct students to The Learning Portal