Spatial Spaces can be embedded in your website via the use of an <iframe>
How to:
• Access your HTML editor for your website.
• In the HTML body, insert the following line of code:
<iframe src="" allow="microphone https://spatial.io; camera https://spatial.io"></iframe>
•In between the quotation marks ("") paste the share link for your space. This would look like:
<iframe src="https://spatial.io/s/Spatial-iframe-Example-62ec0d9106d5040001db627e?share=8827627404275068838" allow="microphone https://spatial.io; camera https://spatial.io"></iframe>
• Make sure that when you copy the link to your space that it has [ share= ] near the end of the link. the share= should be followed by a bunch of numbers.
• It is up to you to manage the size and placement of the iframe on your website. It will likely require some additional coding to be able to format your Spatial iframe properly. There are lots of resources around the internet with information on how to modify the size and placement of an iframe on your website. If you're having trouble with sizing, here's a place you can start: https://stackoverflow.com/questions/7317781/how-to-set-iframe-size-dynamically Or Google search 'how to set iframe size'
NOTE: The iframe will not work in browsers or browser modes (such as Chrome's Incognito Mode) that block third party site data.
Below is an example of what an embedded space would look like on a webpage.