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.

• Learn more about iframes from the MDN here.

• Learn more about iframes from W3Schools here.

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.

   • Learn more about project URL Parameters.

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.

   • Learn more about project URL Parameters.

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.