Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
stylenone

How and when to add a contact block into a page, including phone, email and social media details.

...

About the contact component

The Contact component is included on the following content types: Landing page, Event, Grant, News, Profile and Publication.

...

  • Contact us heading - default text can be edited (free text field)

  • department (free text field)

  • email address

  • postal and physical addresses

  • phone numbers

  • social media and website links.

...

Add and edit

...

contact details

  1. In edit mode for a page, Find the page you'd like to add it to, scroll down to the Sidebar section and then expand the Contact section.

  2. Click Tick the Show contact details and then the button checkbox.

  3. Click the Add Contact us button.

  4. The default title will autofill as is Contact us and but you can fill replace this.

  5. Fill in any of the other fields you require. 

  6. To show display the address fields, click the Country dropdown option and choose Australia.

  7. To add multiple phone numbers, click the Add phone button for extra text fields. If you're using an 8-digit number, include the area code 03. (This is important because the phone number on the website is a clickable link.)

Info
  • If you add a section and then don't need to use it, click the Remove button to the right. 

  • To add another Contact us block, click the button Add Contact us and fill out the next round of details in this section.

Social media channels that can be added include:

...

Website links can also be added in this section.

...

  1. Click the Add social media link button.

  2. Choose the type from the dropdown

    : this will display

    . This automatically displays the relevant icon

    in

    on the

    front-end

    frontend.

    image-20240711-052815.pngImage Added
  3. Paste in the full URL, including

    the

    https://

  4. In the Link text field, include an @ symbol before the title of the social media account (e.g. @VicGovAu).

Front-end examples

Social media links displaying on the front-end

...

How to add social media links in a website footer - see xxxx

'Share this page' component