How to Embed a Space on Your Website – Swarm

There are times that you may want to embed an entire Swarm space within your own website or CMS. You can do this using an iFrame.

Use the following code to embed a Space on your website.

Replace YOUR_SPACE_INVITE_LINK with the invite link from your Swarm space.

<style>
#swarm-iframe {
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    border: none;
		margin:  0;
		aspect-ratio: 18 / 9;
		grid-column: site !important;
}
</style>

<iframe id='swarm-iframe' src="YOUR_SPACE_INVITE_LINK" allow="microphone; camera; screen" allowfullscreen></iframe>

Note: If a member accesses your Space via the iFrame’s invite link and they’re already a member, they will be automatically redirected to your Space. If not, they will be prompted to join.

If you would like to use SSO to automatically register and login members, this is possible on our Expert plan. To enable this on your account, please contact us once you’ve configured your white label.