Improving Your Site’s Contacts Page

Jul 15, 2016 | John Cornelius, Web Development

No matter what your website is for, it’s important to make it as easy as possible for people to contact you on your site’s contacts page.There are simple ways to do this with a little HTML magic.

Make your phone number clickable:


We spend a lot of time on our mobile devices. If your phone number is clickable, a person viewing your site on their phone can just click and call you.

<a href=“tel:123-456-7890”>123-456-7890</a>

Pre-populate an email:


Pre-populating the email address and the subject line is a great idea for making emailing just that much simpler for your costumer.

First: Make your email clickable:

<a href=“mailto:YourEmail@email.com”>YourEmail@email.com</a>

Next: Pre-populate the subject:

To add “I just checked out your website!” to the subject line, add:

 ?subject=I%20just%20checked%20out%20your%20website!

after your email address and before the end of the quotation.

You’ll notice that where you would normally put a space (like in between words), you add “%20”.

Here’s what it looks like when we put it all together:

<a href="mailto:YourEmail@email.com?subject=I%20just%20checked%20out%20your%20website!">YourEmail@email.com</a>

Open a new tab for social media:


People also may want to check you out on social media. This is great, but you’ll probably want to open a new tab for your LinkedIn profile, your company’s Facebook page, etc. That way, when your costumer closes the social media tab, they are right back where they left off on your page. You can easily do this by adding:

target=“_blank” 

to your anchor tag. All together this looks like:

<a href=“http://www.linkedin.com/in/yourProfile” target=“_blank”>My LinkedIn Profile</a>

Add a downloadable form:


If you want to have a downloadable form like a resume or a document for customers to fill out, that’s easy too. You’ll first want to add your file to your project’s code documents. If you have it in a folder called “FolderHoldingFile” and your file is called “thisIsWhatICalledMyFile”, just add:>

<a href=“./FolderHoldingFile/thisIsWhatICalledMyFile.pdf" download=“thisIsWhatICalledMyFile.pdf" target=“_blank">Check out this file</a>

This will make “Check out this file” clickable and upon click will download the file for your customer without removing them from your website page.

As you can see:


You can make a much more user friendly contact page by just adding a few extra HTML tags. With more contacts, comes more business. 🙂

Share This