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 All.
4.  Select Box.  This opens a popup box with a Select from Box button which you need to click on.
5. You may be asked to log in to your Clemson Box account. If asked for a user account, type in Clemson username@clemson.edu. You have be given a Clemson log in and Duo request.
6. A new popup box appears where you can choose the item to share with Canvas.
7. Click on the bubble to the right of the item(s) to select and click Choose.
8. 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
Clemson Cloud Storage Solutions
Added on Wed, Apr 28, 2021
Box for Office
Added on Tue, Sep 18, 2018
Box Drive replaces Box Sync
Added on Wed, May 6, 2020
Two ways to embed Box files in Canvas
Added on Tue, Oct 1, 2019
Box Blocks TLS 1.0
Added on Wed, Sep 26, 2018
Clemson Box Secure Folders
Added on Wed, Aug 15, 2018
How to Install and Use Box Drive
Added on Wed, Oct 27, 2021
How to uninstall Box Drive or Box Sync
Added on Wed, Sep 14, 2022
Box for Google Workspace Add-on
Added on Tue, Feb 21, 2023
How to password protect a Box file
Added on Tue, May 19, 2020