Embed a Lobby into my website

  1. Click your Lobby in the top right of the Floor Map.
    • If your Floor Map doesn’t show a Lobby card on the right, click the Lobby button in the top toolbar.
  2. Select the Lobby you wish to embed.
  3. Click the Embed button </>.
  4. Customize the embed configurations.
  5. Copy the embed code snippet and add it to your website.

In addition to embedding a fully Lobby, a common use case is to use lobbyConfiguration="drop_in_button" along with the onDropInAvailability callback to show the embedded lobby drop-in button when the host is available and hide it when they are unavailable.

For more information, see the developer documentation.

Lobby Embed