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 provides users with additional contact details that are relevant to the page. It is an optional component, and displays is included on the following content types: Landing page, Event, Grant, News, Profile and Publication.

Displaying it is optional, controlled by a checkbox.

It displays in the sidebar of the page on large screens and on the bottom of the page on smaller screens and mobiles.

The component can include a variety of information, such as:

...

includes fields for:

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

  • branch and/or department : (free text field)

  • email address

  • postal and physical addresses

  • phone numbers

  • email address

  • website

  • social media links: Facebook, Twitter, Instagram, YouTube and LinkedIn.and website links.

...

Add and edit

...

The Contact component can be embedded into the sidebar of any content page.

...

contact details

  1. In edit mode for a page, 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. To add social media links or a website address: )

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:

  • Facebook

  • Instagram

  • LinkedIn

  • X (formerly known as Twitter)

  • YouTube channel

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).

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

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

...

How to add social media links in a website footer - see How to add a site to content.vic.gov.au

'Share this page' component