Contact Us Section Templates

Headers

Underneath the page title, place one of these contact headers. Do the same for clinic pages, unless the client has multiple clinics in which case we will do it on the clinic pages. Note there is a separate one for mobiles with just buttons.

Contact Header 1

Contact Header 2

Call Us

01234 567890

Email Us

info@clinic.com

Find Us

Address 1
Address 2
Address 3
Address 4

Book Appointment

Put booking link in here

Contact Header 3

ADDRESS

Address 1
Address 2
Address 3
Address 4

TELEPHONE

01234 567 890

EMAIL

info@clinic.com

APPOINTMENTS

You can book quickly and easily using my online booking system

Contact Header 4

Visit Us

Address 1
Address 2
Address 3
Address 4

Telephone

01234 567 890

Email

info@clinic.com

Referrals

Referring GPs please contact us via the GP Referral Page

Mobile Quick Buttons

Hide the header section on mobiles and use these buttons instead. – NOTE – have made these visible on desktop because of bug in editor (section not showing even when show hidden elements is turned on) but hide them on desktop and use the header blocks above.

BOOK

Other Contact Sections

Contact pages will generally contain some or all of the following:

  • Contact form
  • Map 
  • Prices / Opening Hours
  • Contact info (if not included in the header i.e. if the client has multiple clinics)
  • Booking system embed

All these templates are designed as a starting point to get going quickly, you can then pull them around, make them look great in keeping with the website style, swap out sections and so on

We may also start the page with an image and some text saying get in touch if it looks nice, just use one of that website’s content blocks for that.

Stagger the page so if you have a section with the left hand side wider than the right, make the next one with the right side wider.

All email addresses and phone numbers should have mailto: and tel: links

Map + Contact Info

Map + Contact Info 2

An alternative style for a single clinic. If we don’t use the contact detail blocks at the top of the page, make sure this contact information comes high up on the page.

Call Us

01234 567 890

Mail Us

info@clinic.com

Visit Us

Address 1
Address 2
Address 3
Address 4

Map + Form

Map and Prices / Opening Hours

Map and Embed

Online Booking Embed Goes In Here

Full Width Map

Contact Info + Map

Contact Info + Map 2

Call Us

01234 567 890

Mail Us

info@clinic.com

Visit Us

Address 1
Address 2
Address 3
Address 4

Contact Info + Form

Contact Info + Practical Information

Contact Info + Embed

Booking Embed Goes Here

Form + Map

Form + Contact Info

Call Us

01234 567 890

Mail Us

info@clinic.com

Visit Us

Address 1
Address 2
Address 3
Address 4

Form + Practical Info

Form + Embed

Booking Embed Goes Here

Practical Info + Map

Practical Info + Contact Info

Practical Info + Form

Practical Info + Embed

Full Width Embed

The embed can also go full-width which makes it easier to use (note the container is still boxed). Typically we will have a book appointment page which just contains the embed or maybe one content section above it. 

Booking Embed Goes In Here