An effective way to serve many, or large, files to students in Canvas is by using within a page on your Canvas course. This guide outlines how to use to embed a directory within your Canvas course.

Step 1: Sign in to your UNCG Box account

Log in to your account using your UNCG credentials here:

Once you are logged in to Box, click “New”

Screen Shot 2016-01-11 at 12.18.10 PM

and then select “Folder”

Screen Shot 2016-01-11 at 12.18.21 PM

Name the folder so you can identify it with the content in which it contains for easy identification later.

Screen Shot 2016-01-11 at 12.20.59 PM

And click “Okay.”

Step 2: Upload your content

Screen Shot 2016-01-11 at 12.25.16 PM

Either drag and drop your files or use your computer’s file browser to select files.

Step 3: Make Content Accessible to Your Students

To allow your students access to your document in Box, hover over the row in which your file/folder is placed on the Box webpage. Click the “Share” button in the right margin of the same row. In the dialogue box that appears select “Enable Shared Link”
Screen Shot 2019-08-14 at 1.51.20 PM.png

Click “Invited People Only” (set by default) and then select “People in your company” to allow access to all of your students or manually add each name to the “Invite People” box above to limit access to only your students.

Screen Shot 2019-08-14 at 1.51.31 PM.png

Step 4: Access the Embed Code for your folder

While in your folder in Box, click on the three-dotted button to the right of your folder in Box and navigate to Sharing and then select “Embed Widget”

Screen Shot 2016-01-11 at 12.29.36 PM

Step 5: Configure your embed code.

Make the desired adjustments to how the embedded content will appear (color, view, sorting, etc.)

Screen Shot 2016-01-11 at 12.37.58 PM

Then select ALL of the embed code and copy to your clipboard (you may also click “Preview this embed” to see how this embedded material will look in your Canvas page).

Screen Shot 2016-01-11 at 12.38.27 PM

Step 6: Create New Page in Canvas

In Canvas, create a new page by selecting Pages in the left navigation of your canvas course, and then clicking “+ Page” in the upper right corner.

Screen Shot 2016-01-11 at 12.44.38 PM

Step 7: Embed your code

Name your new page in the top text box

Screen Shot 2016-01-11 at 12.46.35 PM

Then select “HTML Editor” in the top right of the page (just above the large text box)

Screen Shot 2016-01-11 at 12.47.45 PM

Once you have selected “HTML Editor” you will notice that you now have simply a blank box for inputting text. Paste your code here that you previously copied from Box.

Screen Shot 2016-01-11 at 12.49.01 PM

Step 8: Save and Publish

Click Save and Publish. Now you will see your directory within Canvas when navigating to this specific page in your course.

Screen Shot 2016-01-11 at 12.59.51 PM