Do you add 'call-able' links to your website?

Last updated by Camilla Rosa Silva [SSW] about 2 months ago.See history

In today's fast-paced digital world, customers expect to reach you quickly and efficiently. Adding a 'call-able' link to your website enhances user experience by providing a direct and convenient way to contact you via phone. This small addition can significantly impact customer satisfaction and engagement by removing that extra step of having to copy the number in order to call.

  • Improved Customer Experience: Customers can reach you with a single click, reducing the hassle of manually dialing numbers
  • Increased Accessibility: Particularly beneficial for mobile users who make up a large percentage of web traffic
  • Enhanced Professionalism: Demonstrates a commitment to making communication easy for your clients

Call Us on 02 1234 5678

Figure: Bad example - Contact number is not a 'call-able' link

Call Us on +61 2 1234 5678

Figure: Good example - Contact number is a 'call-able' link

To add a 'call-able' link, you use the tel: protocol in your HTML. Here’s how to do it:

Example Code

<a href="tel:+61212345678">Call Us Now</a>

Figure: HTML code to create a clickable link that will initiate a phone call to the specified number when clicked on a mobile device

When adding a 'call-able' link to your website, it is best practice to:

  • Use International Format: Ensure the phone number is in international format to avoid issues with country codes
  • Ensure the 'Call-able' Link is Visible and Accessible: Place the 'call-able' link in prominent locations on your website such as the header, footer, or contact page
  • Test on Multiple Devices: Verify that the link works on various devices and browsers to ensure universal accessibility
We open source. Powered by GitHub