Call to action buttons

Buttons to prompt user input or task completion

Overview

Call to action buttons are used to route users into a task or transactional process.

Typical uses are:

  • book onto an event
  • apply for a "thing"
  • report a problem
  • start a search for something
Example

Two types of call to action exist - primary and secondary.

A primary call to action should normally only exist once on a page, located either at the top (quick jump) or bottom of the page (lead the user to it).

Secondary calls to action can be used for alternate or supplementary tasks that might be started from a page already containing a call to action, or where there is no clear primary action (two tasks are equal).

WCMS use
MVC.net use
Code

<div class="well">
    <a class="green full-width" role="button" href="https://librarycat.hants.gov.uk/cgi-bin/spydus.exe/MSGTRN/OPAC/BRWREG">Join online now<i class="icon angle-right" style="display: inline;"></i></a>
</div> 

Version and status
  • 1
  • current version
  • Concept
  • Alpha
  • Beta
  • Release