Overview
This documentation section explains how to embed a live collaborative Miro board into your website through an iframe. You can embed a Miro board into any web application, product, or website free of cost.
Approaches and APIs to embed a Miro board
The following sections describe different ways to embed a Miro board.
If you know the board ID, you can embed an existing board by creating a direct embed link.
Use the following URL:
https://miro.com/app/live-embed/{board_id}
The board is shared with its current sharing settings.

This approach works as follows:
- Implement the Boards Picker component that allows the user to log on to Miro, pick a board, and choose the sharing settings with which the user wants to embed the board.
- In response, the Boards Picker component provides you with the board_id and access_link for this board, which you can use to embed the board that was picked.
See an example flow in Coda + Miro integration.
The Boards Picker component requires enablement on Miro side
Read more on how to set up Boards Picker.

With this approach, the user of your integration can embed a temporary Miro board without being a registered Miro user.
See an example flow in Whereby + Miro integration.
Features:
access-link
— allows users to get a special access-link for the selected board and embed it on the website via iframe.allowCreateAnonymousBoards
you can allow not registered in Miro users to create a new board and embed it on the website via iframe.
this flow requires enablement on Miro side
Read more how to set up editable boards for anonymous users
Updated over 2 years ago