Patterns

Contact details

About

What does it do?

Show users the channels they can use to get in contact with you

When to use it?

When users need to have a way to contact someone
To provide users with an alternative way to do something

When not to use it?

On pages where a service is not being offered

How it works?

Order contact channels consistently: telephone, email, online chat, postal address and social media
In the Umbraco CMS, you can create a contact detail block to ensure

GOV.UK has detailed information about how to display contact details.

Contact Details - Address

Customer Services
Transport for West Midlands
16 Summer Lane
Birmingham
B19 3SD

HTML markup

<div class="wmnds-inset-text">
  <address class='wmnds-contact-details'>
    <p>Customer Services<br />Transport for West Midlands<br />16 Summer Lane<br>Birmingham<br>B19 3SD</p>
  </address>
</div>

Contact Details - Template

Transport for West Midlands

We are currently experiencing problems with our
telephone systems and cannot answer calls

customerservice@tfwm.org.uk
Telephone: 0345 303 6760

HTML markup

<div class="wmnds-inset-text">
  <address class='wmnds-contact-details'>
    <p>Transport for West Midlands<br /></p>
    <div class="wmnds-warning-text wmnds-p-b-sm">
      <svg class="wmnds-warning-text__icon">
        <use xlink:href="#wmnds-general-warning-triangle" href="#wmnds-general-warning-triangle"></use>
      </svg>
      We are currently experiencing problems with our <br>telephone systems and cannot answer calls
    </div>
    <p><a href='mailto:customerservice@tfwm.org.uk' target='_blank' class='wmnds-link'>customerservice@tfwm.org.uk</a><br />Telephone: <a href='tel:0345 303 6760' target='_blank' class='wmnds-link'>0345 303 6760</a></p>
  </address>
</div>

Contact Details - Template TfWM

Transport for West Midlands

Twitter
Facebook

Submit an enquiry
Telephone: 0345 303 6760

Monday to Tuesday and Thursday to Friday, 9am - 5pm,
Wednesday, 9.30am - 5pm
Saturday and Sunday, closed

HTML markup

<div class="wmnds-inset-text">
  <address class='wmnds-contact-details'>
    <p>Transport for West Midlands<br /></p>
    <p><a href='https://twitter.com/wmnetwork' target='_blank' class='wmnds-link'>Twitter</a><br /><a href='https://www.facebook.com/westmidlandsnetwork' target='_blank' class='wmnds-link'>Facebook</a><br /></p>
    <p><a href='https://www.wmnetwork.co.uk/get-in-touch/contact-us/' target='_blank' class='wmnds-link'>Submit an enquiry</a><br />Telephone: <a href='tel:0345 303 6760' target='_blank' class='wmnds-link'>0345 303 6760</a></p>
    <p>Monday to Tuesday and Thursday to Friday, 9am - 5pm, <br>Wednesday, 9.30am - 5pm<br>Saturday and Sunday, closed</p>
  </address>
</div>