After installing the ProtoPie for Confluence app, it will become available as a Confluence Macro. If you want to embed ProtoPie prototypes into a Confluence page, log in to https://protopie.io and select the prototype you want to embed.
Embed using the prototype URL
ProtoPie for Confluence will automatically detect the prototype URL. Once you have selected the prototype in ProtoPie, you can copy the URL from the address bar and paste it directly into your Confluence page. The ProtoPie for Confluence macro will open automatically.
You can edit the macro to adjust the dimensions:
After selecting the macro, click on the Edit button to open the macro editor right side panel
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)Publish your Confluence page & your ProtoPie prototype will become visible!
Keep in mind that boards are read-only
Embed using the macro editor
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
Search for ProtoPie for Confluence. Click on ProtoPie for Confluence
The macro editor right side panel will open, which will allow you to enter the URL of your ProtoPie prototype
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)Publish your Confluence page & your ProtoPie prototype will become visible!
Keep in mind that scene’s are read-only