Miro for Confluence

Owned by Remie Bolte
Last updated: Jul 07, 2021 by Jonas Hallensleben
2 min read

Step-by-step installation guide

  1. Log into your Confluence instance as an admin.

  2. Click on settings at the top right of your screen.

  3. Click Find new apps from the left-hand side of the page.

  4. Find Miro for Confluence via search.
    The appropriate app version appears in the search results.

  5. Click Try free to begin a new trial for Miro for Confluence

  6. Click Start free trial, Confluence will now download and install our awesome app!

How to use Miro for Confluence

After installing the Miro for Confluence app, it will become available as a Confluence Macro. If you want to embed Miro into a Confluence page, log in to https://miro.com and select the board you want to embed.

Embed using the board URL

Miro for Confluence will automatically detect the board URL. Once you have selected the board in Miro, you can copy the URL from the address bar and paste it directly into your Confluence page. The Miro for Confluence macro will open automatically.

You can edit the macro to adjust the dimensions:

  1. After selecting the macro, click on the Edit button to open the macro editor right side panel

  2. Select the desired dimensions & click insert
    Keep in mind that one of both dimensions (width & height) needs to be a css unit. Also note that height can only be an absolute unit (px, cm, etc) and not relative (%, em, etc)

  3. Publish your Confluence page & your Miro board will become visible!
    Keep in mind that boards are read-only

Embed using the macro editor

  1. When editing a page, click on the plus button at the top right of your screen and click on Other macro’s or View more

  2. Search for Miro for Confluence. Click on Miro for Confluence

  3. The macro editor right side panel will open, which will allow you to enter the URL of your Miro board

  4. Select the desired dimensions & click insert
    Keep in mind that one of both dimensions (width & height) needs to be a css unit. Also note that height can only be an absolute unit (px, cm, etc) and not relative (%, em, etc)

  5. Publish your Confluence page & your Miro board will become visible!
    Keep in mind that scene’s are read-only

Using the embed code instead of the URL

In Miro, you can click on the Share button in the top left corner of your screen. This will open a menu. Click Embed. A modal will open with sharing options for free navigation or presentation mode. An iframe embed code is shown for each mode. Copy the embed code.

Embed using the code snippet in the macro editor

  1. When editing a page, click on the plus button at the top right of your screen and click on Other macro’s or View more

  2. Search for Miro for Confluence. Click on Miro for Confluence

  3. The macro editor right side panel will open, which will allow you to enter the URL of your Miro board

  4. Paste the embed code from Miro in the URL field

  5. Select the desired dimensions & click insert
    Keep in mind that one of both dimensions (width & height) needs to be a css unit. Also note that height can only be an absolute unit (px, cm, etc) and not relative (%, em, etc)

  6. Publish your Confluence page & your Miro board will become visible!
    Keep in mind that boards are read-only