Hi ,
Welcome to the Support Portal. How can we help?
Follow

Web content

Quick reference:
Settings -> App store

Table of Contents

 

Introduction

Web content is not provided by Workspace 365. Web content could contain code with privacy or security risks and might be blocked. Want to know more about security, Intranet and web content tiles? Click here

By loading information in a tile through an iFrame, it creates endless possibilities to start working on yourself.

Some nice examples are integrating videos (YouTube or Vimeo), calendars (for example from Google), Google Maps, data from business applications and many more. IT partners can develop tiles themselves, but by using iFrames you can simply create a completely personalized workspace with exactly the information you find important yourself, without any programming.  

embed-webcontent-iframe Workspace 365

Back to top

 

Configuration

Only admins can create the Web content app in App store. Make sure Manage apps is selected. Then, click on Add new app.

manage_apps.PNG

Search for the app and click on Add.

mceclip0.png

First fill in the default app's configuration like the App name, Color, Icon. As second, locate the iFrame code and the URL from the web content you want to embed, and fill this in.

To get the optimal visual results out of your web content tile adjust both the width and the height to 100%. You could also adjust the size of the tile to your preference.

When you're done configuring the app, click Save

web_content_edit.png

The tile is then ready to be added from the App store to Workspace, either to a new or existing group.

add_to_workspace.PNG

There are some applications that don’t allow using an iFrame because of security.

 

Back to top

 

Examples

Google Calendar

Sample URL:

https://calendar.google.com/calendar/embedsrc=anthonycarter%40gmail.com&ctz=Europe%2FAmsterdam

Sample embed code:

<iframe src="https://calendar.google.com/calendar/embed?src=anthonycarter%40gmail.com&ctz=Europe%2FAmsterdam" style="border: 0" width="100%" height="100%" frameborder="0" scrolling="no"></iframe>

Back to top

 

Spotify

Hope_by_you.PNG

 Sample URL:

https://open.spotify.com/playlist/7D4ZrsRd7wwTV1s72alwrS?si=50e239714a4642c5

Sample embed code:

<iframe src="https://open.spotify.com/embed/playlist/7D4ZrsRd7wwTV1s72alwrS" width="100%" height="380" frameBorder="0" allowtransparency="true" allow="encrypted-media"></iframe>

Back to top

 

YouTube

Untitled_Project.gif

Sample URL:

https://youtu.be/6T8stXj7Dzg

Sample embed code:

<iframe width="100%" height="100%" src="https://www.youtube.com/embed/6T8stXj7Dzg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Back to top

 

Investing.com

Sample URL:

https://www.investing.com/

Sample embed code:

<iframe src="https://www.widgets.investing.com/leading-stocks?theme=darkTheme" width="100%" height="100%" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0"></iframe><div class="poweredBy" style="font-family: Arial, Helvetica, sans-serif;">Powered by <a href="https://www.investing.com?utm_source=WMT&amp;utm_medium=referral&amp;utm_campaign=LEADING_STOCKS&amp;utm_content=Footer%20Link" target="_blank" rel="nofollow">Investing.com</a></div>

Back to top

 

Google Maps

Sample URL:

https://www.google.nl/maps/

Sample embed code:

<div class="mapouter"><div class="gmap_canvas"><iframe width="479" height="445" id="gmap_canvas" src="https://maps.google.com/maps?q=newdayatwork&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><a href="https://www.pureblack.de"></a></div><style>.mapouter{text-align:right;height:445px;width:479px;}.gmap_canvas {overflow:hidden;background:none!important;height:445px;width:479px;}</style></div>

Back to top