Buttons are a great way to add a call to action (CTA) to a page. They are styled and clearly denote something that users can click to undertake a further action on the site. 

Overview

Buttons are best used to denote an action that will result in fulfilling a user requirement - for example, clicking through to a web form or an apply button. 

Creating a button requires two main elements - text and entry link - with a third, optional one - a description.

A button entry looks like this in Contensis...

Wireframe of buttons
An illustration showing a primary and secondary button
A button entry in Contensis.

The first element is the text on the button. This should be short, punchy and promote clicking - for example 'Apply', 'Find our more' or 'Submit'.

The second element is the description. Most of the time this isn't needed unless the button is to appear on a navigation card. It's unlikely you'll need to use this, however. 

Finally, the Entry link is where clicking the button sends users. This can be a location on our website or an external link. 

A live example of a button can be found on the how-to pages. Our example here looks like this once set live on the website:

A button on the website.

Top tip: Use the button in conjunction with the 'Text (without bottom margin)' component in the main content. Introduce what you want users to do in the text area, then site the button beneath it as a call to action. 

Component in action

Like other main content, buttons can be moved up or down depending on where you want it to appear on a page. You can find a button in action here