How to add and edit a contact block (including social media links)

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.

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 includes fields for:

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

image-20240911-072557.png
Example contact block

Add and edit contact details

  1. In edit mode for a page, scroll down to the Sidebar section and then expand the Contact section.

  2. Tick the Show contact details checkbox.

  3. Click the Add Contact us button.

  4. The default title is Contact us but you can replace this.

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

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

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

Add and edit social media and website links

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 automatically displays the relevant icon on the frontend.

  3. Paste in the full URL, including https://

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

Related articles

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

Â