Designmiro.com/app/board
Can you embed Miro in an iframe?
Yes, with the live embed URL from Share, Embed. The embed uses the sharing settings of the board.
Checked Test again
Live check
Two links, two results
Board linkEmbeddable
miro.com/app/board/o9J_kkQxX78=- X-Frame-Options
- *
- CSP frame-ancestors
- Not sent
- Response
- 200 OK · 184 ms · HTTPS
Live embed URLEmbeddable
miro.com/app/live-embed/o9J_kkQxX78=/?autoplay=true- X-Frame-Options
- *
- CSP frame-ancestors
- Not sent
- Response
- 200 OK · 178 ms · HTTPS
Steps
How to embed Miro
- Open the board in Miro.
- In the top right, clickSharethenEmbed
- Select the start view. Use Board for the full canvas, or select one item.
- Select View only to lock the view. Clear it to let visitors pan, zoom, comment or edit, if they have permission.
- Click Copy code. Then paste the code into your page.
The embed uses the sharing settings of the board.
With the public link on, anyone with the link can view. With it off, only invited people can open the embed after they sign in.
Embed code
Paste this into your page
HTML
<iframe
src="https://miro.com/app/live-embed/{board-id}/?autoplay=true"
width="768"
height="432"
frameborder="0"
scrolling="no"
title="{board name}"
allowfullscreen>
</iframe>Keep autoplay=true. It skips the preloader screen that shows the board name.
URL patterns
Swap the link you have for the embed URL
- You have…/app/board/{board-id}/Use in the iframe…/app/live-embed/{board-id}/
- You haveSkip the preloader screenUse in the iframe?autoplay=true
- You haveView only, with no board UIUse in the iframe&embedMode=view_only_without_ui
- You haveStart on one itemUse in the iframe&moveToWidget={item-id}
- You haveStart on one areaUse in the iframe&moveToViewport={x},{y},{width},{height}
The board ID comes after /app/board/ in the board URL. Use moveToWidget or moveToViewport, not both.
Good to know
- All Miro plans can embed boards. Board editors make the embed.
- Comment and edit access through the public link need a paid or Education plan.
- All embeds are view-only on mobile devices.
- Third-party cookie blockers can stop an embed from loading.
Sources
- Miro Help Center · Embed a Miro boardhelp.miro.com/hc/en-us/articles/360016335640-Embed-a-Miro-board
- Miro Developer Platform · Live Embed with a direct linkdevelopers.miro.com/docs/miro-live-embed-with-a-direct-link
- iframecheck live check · both links
Profile updated