Embedding a whiteboard into the Virtual Lobby

You can embed a whiteboard into the Virtual Lobby and collaborate with the participants and speakers of the event while the session is happening. You can set any level of access to the board and allow people to view, comment, or edit the embedded boards.

How do I embed a whiteboard into the Virtual Lobby?

You can use any whiteboard platform that allows embedding your boards into other websites that support iframe.

In this article, we will demonstrate how to do so using the platform Miro.

  1. To embed a Miro board, click Embed on the board Export menu
Embed button on Miro platform

  1. You will see the embed menu that will give you the options to change board sharing settings, to set the start area, to customize the embed height and width, and to copy the embed code.
Embed options

Please note that embedded board access depends on the sharing status of the board and is the same as on Miro's side. To make the embed available for non-registered users, please enable the public link in the board share settings. If you switch off the public link, then users who do not have direct access to the board will be asked to request access to it.
  1. Go to Agenda > Activity and select an activity that you have created and press Edit.
  2. Scroll down until you see Room Video Mode > select Pre-recorded.
Gif showing the steps of how to embed a board
  1. The option to add a Pre-recorded video link will appear, as shown above.
You shouldn't paste the whole Embed link you got from Miro, you should paste only its SRC.

For example, if the Embed link looks like this:

<iframe width="768" height="432" src="https://miro.com/app/live-embed/o9J_le3vj2Y=/?moveToViewport=-1196,-688,3078,1406" frameBorder="0" scrolling="no" allowFullScreen></iframe>

You should copy only the part between quotes that comes after src=

<iframe width="768" height="432" src="https://miro.com/app/live-embed/o9J_le3vj2Y=/?moveToViewport=-1196,-688,3078,1406" frameBorder="0" scrolling="no" allowFullScreen></iframe>

So the link you should paste to the Pre-recorded video link is: https://miro.com/app/live-embed/o9J_le3vj2Y=/?moveToViewport=-1196,-688,3078,1406

 Pre-recorded video
  1. The whiteboard will be automatically treated as an iFrame.
Miro offers video, audio, and chat capabilities, so people will be able to communicate with each other in real-time while editing the board.

That's all! You are good to go! This is what a room in the Virtual Lobby will look like with an embedded whiteboard:

Example of the inside of a room with a whiteboard


How Did We Do?