Contact page tips

Contact page tipsNo website should be without a contact form! Lots of websites have contact points like social media buttons, telephone numbers and even visible email addresses which can attract spam. Having a contact page is a central place for all your contact details that may not fit into the footer of your website. Here’s a little guide as to what to have on this special page.

Don't have 

Testimonials

We’ve had two requests in the last few years to put customer testimonials on the contact page which isn’t where they should be. Because by the time a visitor has got to your contact page, they’ve already made up their mind to enquire. Anything getting in the way it more to scroll through and a bit of a put-off, even if it’s a customer singing your praises. So put your testimonials on a testimonials page, or peppered throughout your service pages. Don’t put anything non-contact related on your contact page!  

Huge images

You might be tempted to put an image of a phone box on your contact page, if it’s small and not in the way of the information go ahead! But avoid large images, especially hero images or sliders that take an age to load, this really will put people off!

Do have

Name your contact page

 ‘Contact us’ or ‘contact’ it’s boring but obvious. Having elaborate names just for the sake of it means your contact page may not be found by potential customers or Google. Keep it clear!

Keep it up to date

Make sure the details are up-to-date. If they’re not, it may give the impression you’re no longer trading.

Contact form

Having a contact form instead of an email address can reduce the likelihood of getting lots of spam, just make sure you’ve put in lots of spam prevention. If you’re using WordPress’s Contact 7 plugin read our Contact 7 WordPress spam prevention to keep it to a minimum.

Not too many fields

When people make an enquiry, you’ll have lots of questions for them, save them for when you speak to them. Lots of text fields to fill in can be really off-putting for some people. 

Test the form

Make sure your form works! They can sometimes break, so regular testing and fixing if necessary means you won’t miss any enquiries! 

Mobile friendly

Most people will be accessing your website on their smartphone, so make sure this page is easy to use on one. The text fields should be easy to fill in and any buttons should be big enough to tap with even the clumsiest of fingers.

Social media icons

These are good to have in your header or footer of the site, but still applicable on the contact page too if you want to make them really easy to find. Just make sure you don’t put them in the way of the contact form or phone and email details

Phone number

Make your phone number tappable wherever it is on your site. That means you make it into a link. The link should be tel: 01787 464690 which is ours. If you need any help with your site here, just let us know

Postal address if you have an office or shop

If you have a physical presence that people visit, a shop or office, the contact page is where they will go to find out where you are. Putting your address clearly here is really helpful

Map

Likewise with the postal address and you have people come to visit. You can add a Google map if you’ve set up your Google Business Profile read our Google Business profile and how it helps your business for more on this. 

How to add your Google map

  1. Once you have your GBP set up, then go to Google maps: https://www.google.com/maps
     
  2. Find your business by searching for the name, you should see a red pin where your business is:

     
  3. Click Share on the left:

     
  4. Click Embed a map

     
  5. Here’s the tricky bit, if you’re not comfortable playing with code, get a website designer to help.
    Click COPY HTML

    You’ll get some code like this:

    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2454.3314778003287!2d0.7287497158154028!3d52.03727547964282!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xe3706789cf218148!2sPolyspiral%20Website%20Design%20and%20Hosting!5e0!3m2!1sen!2suk!4v1667315146028!5m2!1sen!2suk" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

    The bit in bold is the size, you can adjust these for where the map is sitting in your site
     
  6. If you have a WordPress website go to the contact page and click Text

    Paste in the code from Google here. You may need to play about where it goes to get the best result.
     
  7. Remember to save the page
     

If you have any problems, we’re only too happy to help