Canva for Confluence

Owned by Remie Bolte
Jul 07, 2021
3 min read

After installing the Canva for Confluence app, it will become available as a Confluence Macro. If you want to embed Canva designs into a Confluence page, open Canva and select the design you want to embed.

Embed using the design URL

Canva for Confluence will automatically detect the design URL. Once you have selected the design in Canva, copy the URL from the browser address bar and paste it directly into your Confluence page. The Canva 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 Canva design will become visible!
    Keep in mind that boards are read-only

Embed using the share URL

Canva for Confluence will automatically detect the design URL. Once you have selected the design in Canva, open the triple-dot (…) menu in the top right corner and click on the Share link button. Copy the link and paste it directly into your Confluence page. The Canva 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 Canva design 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 Canva for Confluence. Click on Canva for Confluence

  3. The macro editor right side panel will open, which will allow you to enter the URL of your Canva design. You can use either the browser address bar URL or the share link

  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 Canva design will become visible!
    Keep in mind that scene’s are read-only

Embed using the HTML embed code

Canva for Confluence will automatically detect the design URL. Once you have selected the design in Canva, open the triple-dot (…) menu in the top right corner and click on the Embed button. Copy the HTML embed code.

  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 Canva for Confluence. Click on Canva for Confluence

  3. The macro editor right side panel will open, which will allow you to enter the HTML embed code in the URL field of the macro

  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 Canva design will become visible!
    Keep in mind that scene’s are read-only