Create Block Diagram with Clickable Blocks
Asked by Oliver Chamberlin:

Right now I know how to insert a diagram in Confluence and connect it to a hyperlink.

How do I create a block diagram with multiple clickable blocks that will link to other documents?


Answers:
author: JP _AC Bielefeld Leader_
body: Hi,

you can use any app from the Atlassian Marketplace. Depending on your Confluence version (Cloud or Server) there are different apps available:

Cloud:

[https://marketplace.atlassian.com/search?category=Charts%20%26%20diagramming\&hosting=cloud\&product=confluence](https://marketplace.atlassian.com/search?category=Charts%20%26%20diagramming&hosting=cloud&product=confluence)

Server:

[https://marketplace.atlassian.com/search?category=Charts%20%26%20diagramming\&hosting=server\&product=confluence](https://marketplace.atlassian.com/search?category=Charts%20%26%20diagramming&hosting=server&product=confluence)

The most relevant ones for your tasks are:

* Draw.IO
* Gliffy
* Lucidchart

All three can accomplish the task of drawing block diagrams \& link them somewhere.

We use Draw.IO \& are quite happy.

Best,

JP

comments: author: Oliver Chamberlin
body: JP,

I appreciate the answer. I just created my block diagram in draw.io. How do I publish it in Confluence with links?

Thanks,

OC


author: JP _AC Bielefeld Leader_
body: Right click on the object \& select "Edit Link", enter the URL. When you save the drawing, the object will be linked to the URL


author: Oliver Chamberlin
body: I appreciate the fast response. Thank you for the information. I was not clear in my previous question. I already know how to edit a link to an object in my block diagram. I have links connected to objects in my block diagram. How do I publish this file in Confluence so that other users can open this block diagram and click on each object and link to documents that provide more information concerning that object?


author: Andrew Rose
body: Has there been any update to Confluence functionality which may help to insert multiple links onto an image?  
For example onto a Process Flow diagram.  
If not, I am thinking of creating multiple images, then inserting those into the cells of a table, and then hyperlinking from there to the related info.


author: Samie Kaufman - Your Gal at Gliffy
body: Hi Andrew! I don't believe there's been an update like this. Like the solution above, you would probably need to use an additional diagramming app like Gliffy.


author: Ruud Dekker
body: Hi Andrew, I was looking for the same thing as you and came across the following : [Scroll ImageMap for Confluence \| Atlassian Marketplace](https://marketplace.atlassian.com/apps/253/scroll-imagemap-for-confluence?hosting=cloud&tab=overview).

I haven't tried it yet, but hopes it will do the trick for you!

Kind regards.


author: Bastian -drawio Diagrams-
body: Hey Oliver, Bastian from draw.io here. Linking to content is something that is requested frequently from our users. You have quite few options to achieve that with draw.io, please have a look at the following three blog posts:

* [All options to link content to shapes](https://drawio-app.com/linking-content-in-draw-io-diagrams/)
* [Create clickable and interactive shapes with button navigations](https://drawio-app.com/interactive-diagrams-with-custom-links-and-actions/?)
* [Use draw.io tabs to create clickable menues](https://drawio-app.com/taming-workflow-diagrams-by-linking-to-another-page-within-draw-io-2/)

Best wishes