Embed Box Files and Folders in Canvas

Open Clemson Box (http://clemson.box.com) and find the file or folder to be embedded in Canvas.

Single click (to select) the file or folder, and click on the three dots, More Actions, Embed Widget.


If you want to change the size, click on the Size field, but often Medium will work. You can Preview it to see if you need to change the size.  Then click on the Copy button to copy the code to the clipboard.


Go to your Canvas page.  Click on HTML Editor button </> in the lower right hand corner to switch from the Rich Content Editor to the HTML Editor:

Canvas HTML Editor

 

Position your cursor where you want the file to appear and right-click, select Paste (or press Ctrl-V) on your keyboard.  Then click Save and Publish.  (Note if you want to return to Rich Content Editor - click on the HTML editor button again (</>). You can toggle it back and forth if you need to.

Canvas HTML editor toggle

When you are finished, scroll to the bottom for the Save & Publish or Save button.

Save and Publish buttons

Now when students visit this Canvas page, they will see an embedded version of your file or folder.



If instead of a File, you selected a Folder in Box, you follow the same steps. You copy the embed code, put it in Canvas, but this time you will see some clouds. The students will need to drag the white cloud into the dark cloud.



After dragging the cloud, the folder will look like this in Canvas (unless you changed some of the settings when creating the code):


There is a second way to embed Box content into Canvas using the Canvas Box integration tool:

1.  Log in to your Clemson Box account.
2.  Open or create a new content item in Canvas.
3.  Click on the Apps icon (looks like a plug)  in the toolbar.  If Box is not there, you can add it from View More.
4.  Select Box.  This opens a popup box with a Select from Box button which you need to click on.
5.  A new popup box appears where you can choose the item to share with Canvas.
6.  Click on the bubble to the right of the item(s) to select and click Choose.
7.  Scroll down and click Save or Save and Publish.  You should see a link to the file.
 
 
If you need more assistance with this, check this page:  https://www.clemson.edu/online/tools/box.html  or email ITHELP@clemson.edu

 

 

 

Attached Files
There are no attachments for this article.
Related Articles RSS Feed
How to share Box folders
Added on Tue, Sep 15, 2020
Box Blocks TLS 1.0
Added on Wed, Sep 26, 2018
Clemson Box Secure Folders
Added on Wed, Aug 15, 2018
Box Storage: Accessing Clemson Box account in Linux
Added on Wed, Jul 11, 2018
Clemson Cloud Storage Solutions
Added on Wed, Apr 28, 2021
Box Sharing with External Collaborators
Added on Tue, Dec 18, 2018
Clemson Box Central Groups
Added on Wed, Jun 23, 2021
Box Drive replaces Box Sync
Added on Wed, May 6, 2020
Box for Office
Added on Tue, Sep 18, 2018
Two ways to embed Box files in Canvas
Added on Tue, Oct 1, 2019