WhatsApp: 0623684723

Web content

Follow
Warning: Web content is not provided by Workspace 365. Web content could contain code with privacy or security risks.

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

embed-webcontent-iframe Workspace 365

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.  

Only admins can create the Web content app in "Apps management". Click in the action bar on "Add new app".

First fill in the default app's configuration like the App name, Color, Icon.
As second you need to get the embed code of your integration. There are some applications that don’t allow using an iFrame because of security.

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.

 

Example: 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>

 

Example: Spotify

 

Sample url:

https://open.spotify.com/user/anthonycarter/playlist/78oIXjVrR3TW2LaWNWIS6I?si=vTuu8NizRdOEG41f3ZOANw

Sample embed code:

<iframe src="https://open.spotify.com/embed/user/anthonycarter/playlist/78oIXjVrR3TW2LaWNWIS6I" width="100%" height="100%" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

 

Example: 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>

 

Example: 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>

 

Example: 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>

 

 

As last fill in the navigation url.

It is also possible to show/hide the header/footer.

 

 

Have more questions? Submit a request