Two ways to embed Box files in Canvas


Using the Canvas Box integration tool:

  1. Upload the item you want to share in Canvas to your Clemson Box account. Make sure to set the Share settings to "Anyone with the Link" or a setting that allows your students to view the file.
  2. Open or create a new content item in Canvas.
  3. Click on Tools, Apps. If you don’t see Box, click View More to add it.
  4. Click on Box. This opens a popup box with a Select from Box button which you need to click on.
  5. You will be asked to sign in to your Clemson Box account. For the user name, enter your Clemson user name@clemson.edu and click Next.  You may be asked for Duo.
  6. Click on the bubble to the right of the item(s) to select and click Choose.
  7. Click Save or Save & Publish.  You should see a link to the file.
  8. You or the students may need to drag a cloud to see the file or folder.

Using the Box Embed widget:

  1. Upload the item you want to share in Canvas to your Clemson Box account.  Make sure to set the Share settings to "Anyone with the Link" or a setting that allows your students to view the file.
  2. Log in to your Clemson Box account.
  3. Locate the item and hover your mouse over it, click on the More Options ellipsis, hover your mouse over More Actions, then select Embed Widget.
  4.  A popup box appears with the Embed Code already highlighted.  You may change the size if you like (Medium works well for most items). Click on Copy and then close the widget.
  5.  Open or create a new content item in Canvas.
  6.  Click HTML Editor. It is at the bottom of the screen and looks like this: </>.
  7.  Paste the code into the editor.
  8.  Click Save or Save & Publish at the bottom of the screen. You may need to drag a cloud before seeing a preview of the file or folder.

If you update the file from within Box, the change will be reflected in Canvas.  The same happens when you download, update/save, and then upload the changed file to Box.

 

If you have more questions about this, email ITHELP@clemson.edu or call 864-656-3494.



Article ID: 1051
Created: October 1, 2019
Last Updated: August 23, 2022
Author: Laurie Sherrod

Online URL: https://hdkb.clemson.edu/phpkb/article.php?id=1051