Autodisplay Miro boards when embedded in Notion?

C

Hey! I’m wondering if I’m being completely daft, given a number of videos etc. I’ve seen of Miro boards embedded in Notion. But try as I may, I can not get a Miro board to autoload/autodisplay when embedded in Notion. It will only load with the placeholder card that features the board title and “See The Board” button. 

Have tried everything I can think of – using the Miro “share” link as mentioned in Notion/Miro’s instructions, embed URLs for both free nav and presentation mode with the parameters mentioned here, and even creating a Notion widget with the embed code generated in Miro. None seem to work. Share permissions are set to Can View, but trying Can Comment or Can Edit made no difference either. 

6 replies

Robert Johnson
Userlevel 7
Badge +12

@charperwood - Acn you share the exact embed code you are using, including the autoplay parameter?

Example from the embed help center article:

 

Visual Thinker | Volunteer Community Moderator
C

Hey Robert, my first port of call has been the native Notion/Miro embed function – https://miro.com/marketplace/notion-embed/ 

In this case, I’ve tried the instructed method (/miro followed by the board share link URL – https://miro.com/app/board/uXjVO46u53Q=/?share_link_id=205649495022 – rather than embed URL), as well as extracting the URL from the Miro-generated embed code and appending the relevant parameters (i.e. &autoplay=yep or &embedAutoplay=true) 

In terms of then trying to use the embed code, I’ve tried both of the below options: 

<iframe width="768" height="432" src="https://miro.com/app/live-embed/uXjVO46u53Q=/?moveToViewport=-5715,-459,1077,765&embedAutoplay=true" frameBorder="0" scrolling="no" allowFullScreen></iframe>

 

<iframe width="768" height="432" src="https://miro.com/app/embed/uXjVO46u53Q=/?pres=1&frameId=3458764524395563015&autoplay=yep" frameBorder="0" scrolling="no" allowFullScreen></iframe>

Notion doesn’t allow custom code to be directly embedded – I have tried embedding from CodePen and htmlsave, with both yielding the same result. The presentation code yielded a strange spinning box, before defaulting to a “Something Went Wrong” error message while the free nav code loaded the same “See the board” title card. I’ve even tried a board duplicate, which allowed the free nav to load but not the presentation view. 

Henrik Ståhl
Userlevel 7
Badge +7

@charperwood Maybe it has to do with your sharing settings? Have you set Anyone with the link to Can view?

C

@Henrik Ståhl I’ve tried permissions ranging from can view through to can edit! 

Robert Johnson
Userlevel 7
Badge +12

@charperwood - Looking into this in more depth, the app is developed by Notion. When I compare this to Miro’s own Confluence app where the app connects to the user’s account and let’s them pick a board, which then loads on the Confluence page (vs. displaying the “See the board” button first).

I think you will want to share your feedback with Notion, who will then need to work with Miro to find a solution to auto-display boards in Notion pages - a good starting point may be to allow the user to embed Miro’s embed code.

Visual Thinker | Volunteer Community Moderator
K

For anyone else who needs it, I was able to accomplish this by embedding the Miro diagram in Notion as a file. My steps were:

  • Go to your Miro board 
  • Go to Share > Get embed code > Copy embed code
  • Copy that code into a text file
  • Edit the embed “src” parameter like @Robert Johnson described
  • Save the file
  • Go to your Notion Page
  • Add a generic “embed” block and instead of embedding by link use “Upload”
  • Upload the file you saved from Miro
  • Done :)

Hope that helps! Screenshots attached.

 

Miro:

 

 

 

Notion:

 

 

Reply


Terms & Conditions