Create a Button that is a hyperlink
Asked by Annie Wojcik:

We would like to include a more visually appealing button that takes you back to our home/overview page. How can this be accomplished? It appears that most button creation tools have been removed.

We have also tried the insert URL but that is not customization other than you can name it.

Thank you!


Answers:
author: Max Foerster - K15t
body: Hey [@Annie Wojcik](/t5/user/viewprofilepage/user-id/3896862)!

Welcome to the community! I feel you and it can be difficult with the new editing experience because some beloved features are missing at the moment. For example, using pictures also hyperlinks. That feature is on the short-term roadmap and should be available sometime soon hopefully. If you're curious about other improvements and the status of features, you can have a look at the [Confluence Cloud editor roadmap](https://support.atlassian.com/confluence-cloud/docs/confluence-cloud-editor-roadmap/).

Best, Max

comments: author: Annie Wojcik
body: Hello,

Thank you for the update. Is there any "work around" available at this time?


author: Max Foerster - K15t
body: Hey Annie,

reading through the [official ticket CONFCLOUD-65640 Cannot add link to image in Fabric Editor](https://jira.atlassian.com/browse/CONFCLOUD-65640?error=login_required&error_description=Login+required&state=b41022d2-4440-4399-9d69-a861e049041d) mentioned on the roadmap page the only workaround seems to be the following:

**Workaround**

Use an add-on like draw.io or Gliffy to import an image and add link to a transparent box covering the image.

I painfully miss the function, too.

Best, Max


author: Annie Wojcik
body: Hello,

Thank you for the feed back, I was able to find Giffy but those images are not quite appropriate for our site. Would I be able to use any imported image or only those two you suggested?


author: Max Foerster - K15t
body: Hey Annie,

as far as I know, you can import any pictures you like to the two mentioned **apps** draw.io / Gliffy. But please refer to the documentation of each app for more information about how to use them (Gliffy: [Adding images](https://help.gliffy.com/confluence/Content/GliffyConfluence/Adding-images.htm?Highlight=image%20attach)).

Best, Max


author: Annie Wojcik
body: Hello,

Thank you for the update. I do not have these options available to me. Can I import add any picture using Files and Images and do what you suggested (adding a transparent box)?


author: Max Foerster - K15t
body: Hey Annie,

please follow the instructions I mentioned in my previous response and have a look at my screen capture to see how you can add own images and continue from there. :)

![gliffy_images.gif](https://community.atlassian.com/t5/image/serverpage/image-id/93355i550EEE3D7F3AD91B/image-size/large?v=v2&px=999 "gliffy_images.gif")

Best, Max


author: Annie Wojcik
body: Hello,

It would be help to know the navigation used to get to "More Shapes". As I stated above I am unable to find Gliffy.

Annie


author: Max Foerster - K15t
body: Hey Annie,

Gliffy and draw.io are **paid apps** for Confluence Cloud. If they are available in your instance, you should be able to access them via the **/** command like any other macro. If you can't find them in the selection, then I guess that the apps are not available in your Confluence site and so, unfortunately, the workaround is not an option for you. :(


author: Marija Radovic
body: HI Annie,

could you take a look at the video I recorded for you? I created a new Confluence page, added draw.io macro, inserted an image and added two links both external and internal.

<https://vimeo.com/415444213>

Hope this will help.

If you have additional questions, I am here for you.

Kind regards,

Marija

draw.io support


author: repi
body: Server or cloud version?

If server, create a user macro e.g.:

    ## @noparams?
    <form><input type="button" value="to the dashboard" onclick="window.location.href='https://tegwikie.tegut.org#all-updates'" /></form>

comments: author: Annie Wojcik
body: Cloud version, thank you!


Tags: cloud