Using Box on Your Website


Embedding a Box folder on your Website

The Box Embed Widget enables you to embed files and folders from your Box account page onto any website.

If you need to add a large number of documents to your website, especially if they may change frequently or come from multiple sources, consider using a box embed widget. Invite your colleagues to collaborate on the folder so that documents can quickly be added, updated and removed without the tedious process of document management in OU Campus. We recommend using Box Embed Widgets to manage course syllabi, meeting minutes, and other collaborative projects. 

How to Create an Embed Widget in Box

To create a Box Embed widget, first make sure the Box folder is set to allow sharing

  1. Click on More Options (...) to the right of the file name.
  2. Under Sharing, select Embed Widget
  3. You will be presented with a window which includes HTML iframe code for your new widget, as well as options to adjust the size and default view type of your widget. On a standard internal page in OU Campus, the width of the content area is 800px. You can also preview your embedded folder by clicking Preview this embed.
  4. When you have finished customizing, copy the HTML code in the Embed Code field and paste this code into your website using the 'Source Code' button on the WYSIWYG toolbar. Your widget will be published when you publish the page in OU Campus.
  5. As you or your collaborators add new files to the folder associated with that widget, the new files will appear in your widget automatically.

Box Embed widget Demo


Box Upload Widget

You can also allow users to upload files to a box folder from your website. This may be useful if you need users that may not have access to Box to send in projects, presentations, abstracts, etc. Using the new Upload Widget you can quickly and easily create a virtual file dropbox that lets people upload files directly to your Box account. Set up an Upload Widget on any website.

How to create an upload embed widget

  1. Create a folder for people to upload files. You can choose existing folders too.
  2. Click on the actions menu for this folder and select 'Sharing'. Then click on the 'Upload Embed widget' tab.
  3. Here you'll see HTML code you can use as-is or customize. Copy and paste this code onto your site and the Upload Widget is ready to go.

Now, anyone can upload a file to your designated folder. As new files and folders are uploaded, they'll show up in your folder on Box. And don't worry, your Upload Widget is secure - people can only upload files. They won't be able to view or access the contents of this folder.

BOX Upload EMBED widget DEMO