Box Status
Print

Create a Box Embed Widget

has_image , End User , Overview , Article , Product Utilization , Established

The Box Embed Widget gives you the ability to embed files and folders from your account page onto any website, blog, or social networking service that supports HTML iframe embed code. The new HTML5-based embeddable framework can be added to any app in minutes, providing the full functionality of Box to any intranet, website, or other enterprise cloud app.

 

Create an Embed Widget

To create a widget, first check the folder settings to verify that the folder is set for sharing and that you have Viewer or higher collaboration permissions.

  1. Next to the file you want, click the ellipsis (...) and from the menu that displays go to More Actions > Embed Widget.
  2. You will be presented with a window which includes HTML iframe code for your new widget. Here you can also configure the size, sorting, view of the widget, choose to hide the folder path, and to expand the navigation & sidebar by default.

Embed_test.png

  1. Preview your embedded folder by clicking Preview.
  2. When you have finished customizing, copy the HTML code in the Embed Code field and paste this code into any website or page that supports embed code, and your widget will be published.
  3. As you add new files to the folder associated with that widget, the new files will appear in your widget automatically.

 

Notes:
  • The native Embed widget respects all settings applied in shared link settings. This includes "Link Expiration," "Password Protection," and "Allow Download."
  • To adjust the expiration date and password of the embed widget, you must adjust the settings in shared link settings. Shared link settings directly affect embed widget settings.
  • The Box Embed Widget is not optimized for mobile browsers.  You should not use it in Web experiences designed for mobile devices.
  • The Box Embed Widget does not embed Box Notes.  If you attempt to embed a Box Note, you'll receive a "...refused to connect" message.
  • The Embed Widget may not load on your website if third party cookies are blocked in the browser or if "Allow cross-website tracking" is not enabled on mobile browser.

 

tech_writers_swarm_kb

Related articles