How to Make Your Phone-number on Your Website Click to Call

How to Make Your Phone-number on Your Website Click to Call

Have you ever visited a website from your mobile phone to find the number of a business you wanted to call and tried to copy that link?  Wouldn’t it be easier if their phone number were click-to-call?  Or if they offered you a button to click while on your phone?

Much like clicking on an email address often opens your email system with a subject already created, many other communication systems can be click to call.

At times, just making text a link is enough.  However, consider also giving your visitors a button to click. Here’s how to format the html for each type, a dummy link, and the same link applied to an image.

Click-To-Call Link HTML Formatting

<a href=”tel:[PHONE-NUMBER]”>[PHONE-NUMBER]</a>

Test Call

phone

Click-To-SMS Link HTML Formatting

<a href=”sms:[PHONE-NUMBER]?body=[MESSAGE]”>[PHONE-NUMBER]</a>

Click to Join my SMS Updates

text

Click-To-Facetime Link HTML Formatting

<a href=”facetime://5555555555″>Call us free using Facetime!</a>

Call 1-888-FACETIME (NOTE: this is a discontinued service from Apple, the link won’t actually reach the destination)

facetime

Click-To-Skype Link HTML Formatting

<a href=”skype:skype_user?call”>Call us using Skype!</a>

Call the Skype Test Call Lady

Skype click to call

Click-To-Email Link HTML Formatting

<a href=”mailto:someone@example.com?Subject=Hello%20again” target=”_top”>Send Mail</a>

Send Mail

click to email mailto link

Click-To-Navigate Link HTML Formatting

Rather than determining every possible link to launch a navigation system on different devices, I prefer to make the address to a location be a link to Google Maps.  If the user doesn’t have Google Maps enabled on their device, it will launch in any internet browser and work.

Google Maps insert link to map

<a href=”http://goo.gl/maps/XXX” title=”Your Address here” target=”_blank”>Your Address Here</a>
1600 Pennsylvania Ave, Washington, DC

google plus click to navigate

Look at your website from a mobile device and plan what would most help your visitors quickly contact you.

Summary
Article Name
How to Make Your Phone-number on Your Website Click to Call
Description
Here's how to format the html for click to call, text, Skype, Facetime, and email.
Courtney Engle Robertson

The requested block type of 'author' does not exist. Please re-activate the block plugin or child theme if you wish to use this block again.

6 Responses to How to Make Your Phone-number on Your Website Click to Call

  1. Everything is very open with a very clear description of the
    challenges. It was truly informative. Your site is extremely helpful.
    Thanks for sharing!

  2. Hi, I dⲟ believe thіs is a great site. ӏ ѕtumbledupon it 😉 I may revisit yet again since I book-marked it.
    Money and freedom is the greatest way to chаnge,
    may yoս be riϲh and continue to guide other people.

Leave a reply

 

Get Your FREE WordPress Website Checklist, Social Media Audit, & Exclusive Training