WiscWeb - Embedding a Box File Upload Option

The WiscWeb service allows its users the ability to embed functionality to upload items to a Box directory. This functionality can be used in any location a text editor is present, including pages, posts, Gravity Forms, and events. This document walks you through this process.

Finding and Copying Box Embed Code

You will first need the code from your Box file that you want to embed before placing it on a web page.
  1. Navigate your browser to https://uwmadison.account.box.com/login to log in to your UW-Madison Box directory.
  2. You will need to create a folder that you want items to be uploaded to.
  3. Find the folder that you want to allow uploading to, and click the three dots icon to the right.

    More options icon

  4. In the menu that appears, click on the File Request menu option.

    More options menu expanded with File Request option highlighted

  5. In the next window that appears, make sure the slider is set to Link is enabled. To the right, click the </> icon to copy the required embed code for your WiscWeb site.

    Copy embed code icon highlighted

Embedding Item on a WiscWeb Page

Now that you have your embed code, you can navigate your browser to your WiscWeb dashboard and edit the page or post that you are going to place this item on.
In a Text Editor text area, Paste the copied text directly into the Visual tab of the text editor. The embed functionality will automatically place the upload container into the text area and display it.
Embedded Box upload container
Once you have published your page, visitors to your site will now have the ability to add items to the designated folder through either Drag & Drop of files or by clicking the Select Files button.

Accessibility and usability barriers

The Center for User Experience has documented accessibility information in Box Accessibility and Usability Information.



Keywords:
files, sharing, embed, box, upload, pdf, doc, share, gravity forms, form, text editor, text 
Doc ID:
109325
Owned by:
Matt G. in WiscWeb
Created:
2021-02-23
Updated:
2024-03-01
Sites:
DoIT Help Desk, WiscWeb