nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to create a button to open another page?

Robert Levine

I'm creating a Knowledge Base in Confluence, and would like my "Home" page to have a few headings and then each heading would have a button beneath it that, when clicked, would open another page that would have a table of contents and links to other help files.

I've done the basic page layout, but I cannot seem to create the actual "button" that would drive the user to the relevant page.

Can someone explain how to create a simple button?

Accepted answers

All comments

Lenin Raj

Hi @Robert Levine

Adding a 'button' may not be possible (I looked at the Macros list and couldn't find a Button macro) but you can add a regular 'Link' that users can click to go to another page. Is that an acceptable alternative for you?

Thomas Øhrbom

I can think of a couple of ways to do something similar to this:

Use the Children Display macro on your main page. You can set this up to display the titles (and excerpts) from sub-pages in various ways.
Use the Expand macro to expand show contents from subpages using Include Page macro inside each Expand macro, or simply have page links to the sub-pages inside the Expand macros.

Robert Levine

I know how to create a link, but a button looks more professional. It's certainly doable, since the Atlassian Help site has buttons

Julian Governale

It is frustrating that the only button feature is for creating pages from templates. What I did to get a similar feeling as a button was the following. This is not a button so not a perfect solution for you and it only works if your links are to pages in confluence.

Edit the page
Add a layout selection (I chose the 2 section layout) Select the 3 section layout for smaller card display
Add a 1x1 table (no heading) into one of layout sections
Add a background color to table cell
Add the confluence page Link to the table cell
Edit the link to display as a card

It fills the table and shows the page link as a card instead of a link with a color background that looks more like a boarder.

Sylvain Rioux_5u8fvw

That was helpful thanks Julian , I now use this to create a false button to switch between French & English language in my documentation pages !

Nicholas Wade_cim0cn

Don't want to sound dumb (I'm just starting with Confluence) but surely, you could just use PowerPoint or similar to create buttons and insert links accordingly?

Sólrún Ásta Björnsdóttir

If you want a custom button I recommend you create the button and save the button as a image. Then adding a link to that image to redirect you to a new location using the add link option.

Have not found another way to do this without a add-on.

Screenshot 2022-08-15 143603.png

englund.david

Here's a nice button making tool at "Da Button Factory" Button Generator tool. I've used it to make a number of buttons on our site. Enjoy!

Patricia Modispacher _k15t_

Hi @Robert Levine. 👋🏼 Your question was a while ago, but basically the problem hasn't changed, so I wanted to answer it:

While Confluence doesn't have a built-in button creation option, there's a fantastic third-party macro suite called Aura Content Formatting Macros that offers a user-friendly button macro, perfect for your Knowledge Base needs! 💡

With Aura, you can easily craft buttons that link to Confluence pages, attachments, emails, websites, or any online destination. 🌐

These buttons are highly customizable, allowing users to tailor their appearance, behavior, and functionality to suit their specific needs.

By using Aura Buttons, you can create a user-friendly and visually appealing knowledge base experience! 🎨

Try Aura now for free or book a personalized demo.

Igor Kosarev _App Developer_

Hi @Robert Levine

If you’re looking for an easy way to add a button that links to another page in Confluence, check out the Hyperlinked Buttons macro from Simple Toolkit for Confluence.

It lets you place clean, styled buttons right on your pages — no workarounds needed. You can adjust the look and feel to match your content and make navigation more intuitive.

And that’s just one part of Simple Toolkit: it also includes handy macros like Dropdown Select, Dynamic Status, and Progress Bar to make Confluence pages more interactive and collaborative.

Worth a try if you want to bring more clarity and ease of use to your workspace!

Igor Kosarev _App Developer_

You can, but that’s a workaround — with the Hyperlinked Buttons macro from Simple Toolkit for Confluence you just drop real buttons straight onto the page, much easier and cleaner.

Veronika Chachkova I Stiltsoft

Hi Robert,

I hope you have solved the issue and made your Knowledge Base more interactive. I would like to highlight another app, Handy Macros, that can help make Confluence pages more user-friendly.

There are two main features to customize your page:

Handy Button: Add a Button macro under each heading, set the text and link to the relevant page. Users click and go directly to your help files.
Handy Cards: Use the Card macro to create visual blocks with a title, description, and a clickable button. This tool is perfect for guiding users through sections.

This combo makes your Home page clean, visual, and easy to navigate.

Cheers,

Veronika

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence-cloud

atl-orange