The left hand navigation is removed for demonstrating this component as a home page.

Overview

The 'call to action' feature allows the editor to create a component to ask and encourage the end user to do something. For example:

  • fill out a survey
  • read some information at a specific location
  • download an asset

It comprises of

  • a heading
  • description
  • a link (internal or external)
  • a text button

Feature showcase

Grey background (narrow)

By default this feature incorporates your site colours to heading and link text:

Call to action heading

Call to action description. Lorem ipsum dolor sit amet, eu vivendo oporteat principes vel, ea tollit mollis disputationi sed. Vis in errem reprimique disputando, ius an ubique quodsi laoreet.

Grey background (slightly taller option)

By default this feature incorporates your site colours:

Call to action heading

Call to action description. You can put some great text here.

White background

By default this feature incorporates your site colours:

Call to action heading

Call to action description. Lorem ipsum dolor sit amet, eu vivendo oporteat principes vel, ea tollit mollis disputationi sed. Vis in errem reprimique disputando, ius an ubique quodsi laoreet.

Change the background colour

Via a background image:

Call to action heading

Call to action description. Lorem ipsum dolor sit amet, eu vivendo oporteat principes vel, ea tollit mollis disputationi sed. Vis in errem reprimique disputando, ius an ubique quodsi laoreet.

Incorporate your branding

Or change the colour via a background image, for example:

Call to action heading

Call to action description. Lorem ipsum dolor sit amet, eu vivendo oporteat principes vel, ea tollit mollis disputationi sed. Vis in errem reprimique disputando, ius an ubique quodsi laoreet.

Call to action heading

Call to action description. Lorem ipsum dolor sit amet, eu vivendo oporteat principes vel, ea tollit mollis disputationi sed. Vis in errem reprimique disputando, ius an ubique quodsi laoreet.

Add this feature to your site

Guide to adding the call to action feature (requires log-in)

Top accessibility tip

Create link text that’s as specific as possible. Don't just use 'click here', 'read more', 'find out more' or 'download' for your call to action button text. These terms do not make sense for people using screen readers: accessibility.sa.gov.au/your-role/content/links