The Contact information block provides a simple, consistent, reusable format for content editors to include contact details like phone, email address, postal address or social media links for NSW Government departments, agencies or services.
On this page
- When to use a Contact information block
- How to create a contact
- Adding a Contact information block on your page
- See this live on the CMS Components Guide
When to use a Contact information block
Do
- Create a Contact in micro-content if you plan to have a 'Contact us' section on multiple pages.
- Provide clear and accurate contact information, including the office address, phone number, email address, and any relevant social media handles.
- Ensure phone numbers, email addresses and addresses are formatted following the guidance from Digital.NSW – Content style guide.
- Generally position your Contact block at the end of the page. Ensure you give the Contact block a heading <H2> so it appears in the page navigation.
Don't
- Don't use vague or incomplete contact information that could confuse or frustrate the audience.
- Don't forget to update the contact information if there are any changes, such as a new phone number or office location.
- Don't bury the contact information deep within the website or make it hard to find.
How to create a Contact
Before you can add contact information on your page, you will need to set up the contact details using the Contact micro-content.
Once the contact is created, you can use the same contact details on multiple pages. If contact details change, you only need to update the details once in the micro-content.
- Go to Content > Micro-Content
- +Add micro-content
- Select > Contact
- Note that there are 2 tabs in Add contact: Content and Authoring
- It is recommended to go to the authoring tab first and choose an Editorial group
Content tab
- Add a Label (mandatory) – generally this should be the name of the department, agency or service – visible to the audience.
- It will also help you find your contact in the list.
- Contact summary (optional) – include additional information for the audience that will help them contact the department, agency or service.
-
Contact email (optional):
- Email label – generally use the label 'Email' – visible to the audience.
-
Email address – add the email address.
- Drupal will automatically make the email address a clickable link (mailto:).
- Note that there is the option to include another email address if required – Add Email item.
-
Contact phone (optional):
- Phone label – generally use the label 'Phone' – visible to the audience.
-
Phone number – add the phone number. Ensure the phone number is formatted following the guidance from Digital.NSW.
- Drupal will automatically make the phone number a clickable link (tel:).
- Phone operating hours (optional) – for example, 'Monday to Friday, 9am to 5pm.'
- Note that there is the option to include another phone number if required – Add Phone item.
-
Contact website (optional) – include a link to related contact details or to an online contact form.
- Website label – should reflect the purpose of where you are linking to.
- URL – add the website URL or link to an internal page using the node number.
- Note that there is the option to include another website if required – Add Website item.
-
Social media links (optional) – add the URL for some or all of the social media feeds that relate to the contact. By design, social media displays as a hyperlinked logo that is associated with the social media company.
- Facebook link
- LinkedIn link
- X link
- Instagram link
- YouTube link
- Save – the contact is now available to be added to your page.
Adding a Contact information block on your page
Landing page
A Contact information block can be added on a landing page by selecting Contact information from the list of content blocks.
Standard page
A Contact Us block can be added on a standard page by selecting Add contact information from the dropdown list of blocks.
Configuring the Contact information block
- Give the contact block a Heading. This displays as a <H2> and will appear in the in-page navigation.
- HTML summary (optional): include any further information that may help the audience.
- Contact: start typing the name of the Label of the contact your created in micro-content.
- Save your page to check the display of the contact block on the page.
See this live on nsw.gov.au
Visit Contact information to see how this works on a live page.
You can also see live examples of how agencies have applied the component to their content below:
Need any more help?
If you have any questions, or require assistance with anything mentioned in this article, submit a request via the webform.