Faculty Guide: Embedding Portfolium Entries in Canvas

This how-to guide will walk you through the steps to embed Portfolium entries directly into Canvas. This will allow your students to view Portfolium projects and examples from within the Canvas interface. 

Step 1: Create a Page within Canvas

Inside of your Canvas class module, create a new Page under Pages on the left side of the screen.

On the Pages page, click the +Page button.

Canvas page creation

Enter a title for your page, for example: MAE101 Capstone Projects

Then click on HTML Editor.

Canvas HTML editor

Step 2: Copy & Paste Code Snippet

Copy the HTML code below (including the β€œ<” and β€œ>” symbols):

<iframe width=”350” height=”750” async src=”[INSERT URL HERE]?³ά³Ω³Ύ=³¦²Ή²Τ±Ή²Ή²υ”&²΅³Ω;&±τ³Ω;/Ύ±΄Ϊ°ω²Ή³Ύ±π&²΅³Ω;

Paste this HTML code into the Large Text Area window within Canvas’s Create Page module.

Adding a code snippet to Canvas

Step 3: Copy & Paste Portfolio Entry URL

Copy the portfolio entry URL from Portfolium and paste into the HTML window, replacing where it says [INSERT URL HERE] (including the brackets). 

Canvas portfolium URL

Then click Save.

Successful embedded code in canvas