Skip to content

Embed your course within Canvas


Option 1

Embed your CourseBuilder course within Canvas using the Canvas side menu


This method is useful for adding a single link that points to your CourseBuilder website's homepage.

Within CourseBuilder
 www.coursebuilder.auckland.ac.nz

  1. Click Student view button to open the published version of the course. You should have published your course at least once.

  2. Copy the website URL from your address bar.

Within Canvas https://canvas.auckland.ac.nz

  1. In your Canvas course, click Settings
  2. Click the Apps tab.
  3. Click the Redirect Tool Redirect tool
  4. Click Add app

  5. Enter the website Name and URL.

  6. Untick Force open in new tab (optional).

  7. Tick Show in Course Navigation.

    Settings

  8. Click Add app You may need to revisit the page to notice the new navigation item.

 

Tip: You might also consider enabling more screen real estate. See the article called "I want to suppress the banner and side navigation for my CourseBuilder course."

Tip: To modify the link, return to Settings > Apps tab, then click View App Configurations. Edit the settings for the App via the cogwheel icon, alongside the link name. Update the target URL under the Custom fields heading, eg. url=https://www.coursebuilder.cad.auckland.ac.nz/flexicourses/3732/publish/1/, or change the link Name.

Option 2

Embed your CourseBuilder course into a Canvas page


This method embeds your published CourseBuilder website within the Canvas Modules section. Useful for embedding particular CourseBuilder pages/sections.

Within CourseBuilder www.coursebuilder.auckland.ac.nz

  1. Click Student view button to open the published version of the course. You should have published your course at least once.

  2. Go to the CourseBuilder page that you would like to use.

  3. Copy the website URL from your address bar.

Within Canvas https://canvas.auckland.ac.nz

  1. Go to the Modules section within your Canvas course.

  2. Click Add module button and type in a module name, e.g. Week One. Click Add module

  3. Click Add item to module button add item to module.

  4. Choose External URL from the drop-down list.

  5. Paste the CourseBuilder website URL into the URL field.

  6. Enter a Page Name for the CourseBuilder page.



  7. Click Add item button

 

Tip: You might also consider enabling more screen real estate. See the article called "I want to suppress the banner and side navigation for my CourseBuilder course."

 

 

Option 3

Embed a CourseBuilder page within a Canvas page


This method embeds a single CourseBuilder page into a Canvas page, the CourseBuilder page navigation remains hidden. Useful for augmenting your Canvas course with a particular CourseBuilder page.

Within CourseBuilder www.coursebuilder.auckland.ac.nz

  1. Navigate to the page that you want to embed.

  2. Click the embed icon next to the page menu item  

  3. A popup window will appear. Copy the code to your clipboard.



Within Canvas
 https://canvas.auckland.ac.nz

  1. Go to Pages 
  2. Click + Page 
  3. Enter a page title and click the HTML Editor link



  4. Paste the embed code into the editor and click Save.

 

Option 4

Embed a single CourseBuilder page element within a Canvas page


This method is useful for augmenting your Canvas course with a particular feature of CourseBuilder.

Within CourseBuilder www.coursebuilder.auckland.ac.nz

  1. Click the 'embed code' button above the page element Embed Code button
  2. A popup will appear, click Publish to make sure the current element version is published

  3. Copy the embed code

Within Canvas https://canvas.auckland.ac.nz

  1. Go to Pages 
  2. Click + Page 
  3. Enter a page title and click the HTML Editor link



  4. Paste the embed code into the editor and click Save.


 

Tip: If you don't see the embed code button Embed Code button, go to Course Preferences button, and open the Advanced Options tab. Tick the checkbox called Include embed code of each element and click Save.

 

External URL

Provide link as an external resource within module and auto resized

 
    
Add paper Cornell note Whiteboard Recorder Download Close
PIP mode
Edit page