Set up by: Board editors
Available for: all plans
Embed your Miro boards into other websites and collaborate with your partners, colleagues, and clients right within the webpages. You can set any level of access to the board and allow people to view, comment, or edit the embedded boards without having to visit Miro - the feature will take your website to the new level of interactivity and engagement!
✏️ The option to share boards for public editing is available on paid plans only.
The Customer Journey Map board embedded into this article with a view-only access
The Customer Journey Map board embedded into this article in the Presentation mode
You can embed your boards into such websites as:
- any other websites that support iframe (including WordPress and Webflow sites).
To embed a Miro board, click Embed on the board Export menu:
The option to embed board on the Export menu
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.
Board embed menu
Please note that embedded board access depends on the sharing status of the board and is the same as on the 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.
Making a board public in share settings
Set the start area to define which part of the board will be first shown on the embed.
✏️ You can set different start views for different embeds of the same Miro board.
Settings the start area for Miro board embed
Another option is to allow board visitors to switch between frames in the presentation mode. Choose Presentation mode on the embed menu and select the frame which will be displayed first on the embed. If the board does not have frames, you will be suggested to create one.
⚠️ Currently, links and videos are not clickable on boards embedded in the Presentation mode.
Selecting the first frame in the presentation mode
You can also customize the embed size by changing the parameters on the embed menu. To copy the code, simply click it.
Changing the embed width and copying the embed code
By default, Miro Live Embed opens with a pre-loader screen that displays the name of the board and suggests that the user clicks a button to load the board or request access to the board if the board is not public. To enable the board autoplay (no need to click See the board to load the board content),
- for boards embedded in the Presentation mode, add &autoplay=yep after the board URL to the iframe code
- for boards embedded in the Free navigation mode, add &embedAutoplay=true after the board URL to the iframe code. Example:
|<iframe width="768" height="432" src="https://miro.com/app/live-embed/o9J_klErelY=/?moveToViewport=-3099,-2331,6592,3135&embedAutoplay=true" frameBorder="0" scrolling="no" allowFullScreen></iframe>|
⚠️ Note that due to iframe technology limitations, sometimes the loading time of an embedded board can be longer than usual.
⚠️ If third party cookies are blocked in your browser there can be unexpected issues displaying embedded boards.
⚠️ On mobile devices, embedded boards are currently available for viewing only.
Frequently Asked Questions
- Can I let others edit my embedded board?
- Yes, in order to allow all people to edit your board, please enable Anyone with the link can edit option in the board sharing settings.
- How can I fully integrate Miro into my app?
- Please refer to this article for more information.
- Can I embed editable boards on Free plan?
- Yes, those users who have been invited to the board as Editors on the Miro's side will be able to edit the embed. Please note that the option to give editing access to all (even non-registered) users is only available on paid plans.
- Can I remove the Miro logo on the embeds?
- No, it is not currently possible.
- Can I use the "upload" files functionality on the embedded boards?
- Yes, but only limited functionality is available (please see the screenshot below). The option to upload files from the cloud storages (OneDrive, Google Drive, Dropbox, etc.) isn't available in the embed mode.
- Can I embed a Miro board into another Miro board?
- Yes, copy the embed code of the board, open another board, choose Paste iFrame code on the board's toolbar and paste the embed code. Learn more about embedding media to boards.
- Can I embed my boards without editing options for viewing only?
- Yes, please set the corresponding access rights for the board on the board Share menu (Anyone with the link can view). Learn more about board access.
- How can I embed a Miro board in Confluence?
- There are several ways to embed the board: via Easy HTML, using the Confluence Plugin, or with Atlassian Smart Link.