Box Embed Widget
You can insert an embedded box widget to allow for people to upload files to a folder on a BOX account or access certain files. Learn how to embed a box widget below!
Steps to Embedding Your Widgets
- Create a Box Folder (if you don't have one already)
- Get your embed code
- Go to the page where you want to place the Box Upload Widget and get to the edit screen
- Place your cursor where you want the Box Upload Widget to appear
- Create an iFrame embed code component
- Add the copied embed code to the component
- Save the component
- To view the widget, save the page
Getting Your Embed Code
In Box, hover over the folder you would like to embed and on the far right a box with 3 dots should appear. To do this, you must be the owner or co-owner of the file/folder.
Select 'File Request'
![visual of where to get to the upload embed widget for your Box folder](/web/images/documentation/box-embed-widget-1.png)
Customize your widget appearance in the popup window (title, instructions, etc.) and preview what it will look like.
![where to enter the title and instructions for your widget appearance](/web/images/documentation/box-widget-screenshot-1.png)
![Box Widget Add Fields](/web/images/documentation/box-widget-screenshot-3.png)
![what your title and instructions look like on your widget](/web/images/documentation/box-widget-screenshot-2.png)
Don't forget to use the '< >' button to copy the iframe source code.
Creating Your iFrame Embed Component
While editing the page, place your cursor where you want the Box Upload Widget to be and click the component button on the edit bar.
![Edit bar with component tool highlighted](/web/images/documentation/component-highlight-edit-bar.png)
Choose the iFrame embed component, and insert.
![Choose Component window highlighting the Javascript - External Source and Insert links](/web/images/documentation/iframe-embed-component.png)
Add the copied iframe embed code to the iFrame code box.
![Edit Component window highlighting the text entry box](/web/images/documentation/iframe-embed-component-2.png)
Your original code will look something like this:
Be sure to save!
It will look like a blue "pill" on the page until you save the page and preview.
Trouble Getting Access to Your Folder?
You can find the person who owns the folder, and ask them to grant you co-ownership (you can do this temporarily), by clicking on More Actions --> Manage Collaborators. They will be listed as owner or co-owner under permissions.
![find the owner or co-owner with manage collaborators](/web/images/documentation/box-embed-widget-4.png)
![find the owner](/web/images/documentation/box-widget-embed-finding-the-owner.png)