Adding Browser Content to a Workspace

Adding web content to your workspace using the web object is useful when you want to upload web pages or web-based applications, such as interactive 3D web models or web-hosted videos. You can add multiple active web objects to the same workspace to view web content side-by-side.
 
Note: Users can interact with web objects individually at the same time. For security purposes, individual user views are not synchronized.

Adding live websites to your workspace

  1. From the workspace toolbar, select the :add_content: Add content button.

  2. Select the :web: Web button.
     

  3. Manually type or paste the web URL or embed code in the text field of the Add web content window.
     

  • Example URL: https://google.com/maps
  • Example embed code: <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12153.616332302523!2d-74.02573185051273!3d40.39989825370347!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c23b80ecffd825%3A0x738a33bb30e43d19!2sHartshorne%20Woods%20Park%2C%20Buttermilk%20Valley%20Entrance!5e0!3m2!1sen!2sus!4v1721153840154!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
     
    Note: Embedded iframe code must begin and end with the <iframe> tag.
  1. Press Enter (PC) or Return (Mac) on your keyboard, or click the Add button.
     
    Note: Due to limitations on running a browser within a browser, some external sites may not be navigable when using Bluescape in a browser, though they are functional when using the Bluescape app for desktops and large displays. Navigable sites must have both HTTPS and iFrame enabled. Enter HTTPS versions of URLs; auto-redirects from HTTP may not work.

  2. You will see a preview of the website displayed, highlighted with a blue boundary box, and the toolbar open.
     

  3. Select Open on the preview to open the website. Alternatively, you can:

  • Select the :more_options: More options button, then select Open in new tab.
  • Select the :new_tab: New tab button from the toolbar.

Note: Websites that cannot be opened when using Bluescape in the browser (as mentioned above) will show a preview but will not have the Open button and must be opened in a new window or tab.

  1. To capture an image of the browser window (desktop or large display app only), select the :capture: Capture button. The image can be acted upon as any other workspace asset, including annotating.

Note: Subsequent navigation that you do within the browser window does not sync to other members.

Add multiple live objects to your workspace

Users can have unlimited live web objects running simultaneously in the workspace.

Adding multiple web objects to a workspace:

  1. Using the process above, add as many web objects to your workspace as desired.

  2. Select each web object individually and select Open to activate the web object. The web object will remain live even when you click away from it.

  3. To interact with one of the live web objects, select it first.

To stop a web object, select the object to put it into select mode, and then from the control bar, select the Stop button.
 


 

Editing a URL

Each browser element in the workspace has its own address bar. To navigate to a different site or truncate a long URL, edit the URL in the address bar.

  1. Select the browser window.

  2. Select the URL field in the toolbar.

  1. Edit the URL.

  2. When you are finished, press Enter (PC) or Return (Mac) on your keyboard.

Deleting a Window

  1. Select the browser window.

  2. Do one of the following:

  • Press the Delete key on your keyboard
  • Select the :more_options: More options button, then select Delete.

You’re ready to open your workspace and add live websites!