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

Overview

The 'call to contact' feature allows the editor to create a contact (or promotional) component with a phone number and/or email address or 2 custom hyperlink options.

The component consists of:

  • a text body, with ability to add images, hyperlinks etc.
  • field options to display phone, email or custom (internal or external) links
  • grey, white or custom backgrounds
  • narrow or wide option
  • ability to add custom icons to accompany custom links
  • padding controls

Feature showcase

Grey background

Phone and email display with grey background, heading 2 (H2) style applied to first line, using black icons

Call the dedicated SA information line

9:00 am to 5:00 pm, 7 days.

Please keep Triple Zero (000) for emergencies only.

Phone icon 0000 0000
Email icon onlineaccessibility@sa.gov.au

Ability to change description and text size

9:00 am to 5:00 pm, 7 days.

Please keep Triple Zero (000) for emergencies only.

Phone icon 0000 0000
Email icon onlineaccessibility@sa.gov.au

Email only

Call the dedicated SA information line

9:00 am to 5:00 pm, 7 days.

Please keep Triple Zero (000) for emergencies only.

Email icon onlineaccessibility@sa.gov.au

Phone only

Call the dedicated SA information line

9:00 am to 5:00 pm, 7 days.

Please keep Triple Zero (000) for emergencies only.

Phone icon 0000 0000

Changing text from black to blue (no heading style for 1st line)

Call the dedicated SA information line 9:00 am to 5:00 pm, 7 days.

Please keep Triple Zero (000) for emergencies only.

Phone icon 0000 0000
Email icon onlineaccessibility@sa.gov.au

White background

Phone and email display with grey background, heading 2 (H2) style applied to first line, using black icons

Call the dedicated SA information line

9:00 am to 5:00 pm, 7 days.

Please keep Triple Zero (000) for emergencies only.

Phone icon 0000 0000
Email icon onlineaccessibility@sa.gov.au

Custom background 1

Phone and email display with custom background, heading 2 (H2) style applied to first line, using white icons and white text.

Call the dedicated SA information line

9:00 am to 5:00 pm, 7 days.

Please keep Triple Zero (000) for emergencies only.

Phone icon 0000 0000
Email icon onlineaccessibility@sa.gov.au

Custom background 2

Phone and email display with custom background, heading 2 (H2) style applied to first line, using black and custom colour text.

Call the dedicated SA information line

9:00 am to 5:00 pm, 7 days.

Please keep Triple Zero (000) for emergencies only.

Phone icon 0000 0000

Custom background 3

Custom text display with custom background, heading 2 (H2) style applied to first line, using black text.

Join our next digital meetup

Everyone is welcome, you don't have to work for federal, state or local government, or work on government projects.

Subscribe now

Custom background 4

Custom text display with custom background, heading 2 (H2) style applied to first line, using custom (purple) text.

Join our next digital meetup

Everyone is welcome, you don't have to work for federal, state or local government, or work on government projects.

Google

Join our next digital meetup

Everyone is welcome, you don't have to work for federal, state or local government, or work on government projects.

Google
Bing

Add this feature to your site

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

Top accessibility tip

Make sure your designs are accessible. Check your colour combinations by using an automated tool:
accessibility.sa.gov.au/your-role/development/colour-and-contrast