Why make phone numbers clickable?
Allowing every phone number on your site to be clickable improves the user experience.
The growing use of smartphones increases the odds that most of the users that access your site are doing so using their smartphones.
Hyperlinking phone numbers allows users to immediately place a call through their cell phone provider when accessing the site through their smart device. It also allows desktop users to place a call using various apps on their computer, such as Microsoft Teams or Google Hangouts.
How do I hyperlink phone numbers?
You can make phone numbers clickable much the same way you create any link—with the anchor tag.
- Using HTML, start with a link tag:
<a href=""></a> - Start with the prefix that designates the link as a phone number:
<a href="tel:"></a> - After the prefix, add a "+" followed by your country code (1 in the USA):
<a href="tel:+1"></a> - After the country code, you can add your area code followed by your seven-digit number:
<a href="tel:+13055555555"></a> - Last, add text for the link
<a href="tel:+13055555555">305-555-5555</a>