Embedding Projects

Staffmap projects can be displayed inside another website (e.g. an internal desk booking page on a company website). To do this, the page will include an iframe referencing a Staffmap project on a server.

Embedding Projects in iFrames

  1. In Staffmap create a project with at least one floor.

  2. Make sure the project is accessible by entering it's URL into a browser.

  3. In a web page, add an iframe tag with a source attribute pointing towards the Staffmap project's URL:

<iframe src="http://www.staffmap.com/demo/default.aspx" width="800" height="600"></iframe>

Embedding Projects in SharePoint

Staffmap projects can easily be displayed inside SharePoint. To do this, the SharePoint page will include an iframe referencing a Staffmap project on a server.

  1. In Staffmap create a project with at least one floor.

  2. Make sure the project is accessible by entering it's URL into a browser.

  3. On a SharePoint page, add an embed element.

4. In the embed options screen, add an iframe tag with a source attribute pointing towards the Staffmap project's URL:

<iframe src="https://www.StaffMap.com/demo/default.aspx" width="800" height="600"></iframe>

5. Publish the SharePoint page.

Embedding Projects in Teams

Staffmap projects can be easily embedded in Teams tabs.

  1. Open the channel you want to add the project to.

  2. Click the + button in the channel header.

  3. Select Website.

  4. Paste the URL of your project.

5. Click Save.

Note - Embedded sources must be secure, using HTTPS. The source domain may also need to be added to specific list of sites allowed to embed in SharePoint. Instructions for this can be found on the Microsoft Support site here.