Creating buttons

Article related to version 8.7+

Topics covered in this article

1 - How are buttons created?

2 - How are buttons added to a page?

What are Buttons?

Buttons are clickable icons that take the user to an external link - these are useful for giving users quick access to sites they use regularly. For example, HR sites, the company website or training tools.

1 - Creating buttons

As an administrator, there are two ways to create buttons:

1.1 - Creating buttons in the buttons application

1.2 - Creating buttons straight on the page


Let's run through both options:

1.1 - Creating buttons in the buttons application

Once you navigate to Applications > Buttons, you will find all the existing buttons.

When you select , a drop-down option box will appear allowing you to fill in the following:

  • Title: The name of the button that will appear in the Buttons application.
  • URL: The URL it should link to (if when clicked it should open as a new tab or link directly on the same web page).
  • Tooltip: If this is selected, when the user hovers over the button a black box appears giving a little more indication or context as to what the button will do.
  • Icon: The image of the button (you can choose to use a pre-existing icon or an image to represent the button)
  • Icon & Title: The colour of the button.
  • Tag: Relevant tags so its searchable within the Button application.
  • Permissions: Who can see this button on their homepage.


1.2 - Creating buttons from a page

Go to the page you wish to add buttons to and click the pencil icon in the bottom-left corner of the page to go into edit mode.

This now means when you hover over the homepage you can add components by simply clicking on the grey "+"

When clicked, a 'Components' selection will appear allowing you to choose the Buttons application.

You will see the following options:

Title: This refers to the title of the overall component - you might want to call it something like 'Quick access links'.

Button title: The is the name that appears on the button itself  e.g. 'HR portal'.

Button Image / Icon: You can choose to use one of the existing icons or upload an image to represent your button. 

Once you have completed this, you can then click 'Add new button'. This will add the button to the list of available buttons listed just below.


2 - Adding buttons to a page

If you continue to scroll down, you will see a list of all the existing buttons, including the one you just created.

Check as many or as few as you would like to add to your page.

Button style: You can choose how the buttons will look on your page -

  • Image and text.
  • Only image (reduced) and no text.
  • Only image (enlarged) and no text.
  • No image and only text 

You will now see your new buttons appear on the homepage when you click 'Submit'.


Last modified on 3 February 2021 by Veronica Kim

Was this helpful?  

Search Knowledge Base