Content MarketingMobile and Tablet Marketing

How To Hyperlink Phone Number To Call Or Text In A HTML Anchor Tag

At work, we often sit down to a laptop or a desktop to view our corporate websites on a large screen… but if you take a look at the mobile visits to your website, you may be startled that the majority of visitors are arriving via mobile device. If you start to break down your traffic by referral source, you’ll probably be even more surprised that search engine users are predominantly mobile.

63% of search engine searches in the U.S. are through mobile technologies. 48% of global website visits come from mobile.

Zippia Mobile vs Desktop Statistics

With businesses now seeing a significant portion of their visitors arriving via mobile devices, having a mobile-ready website is no longer an option, it’s a necessity.

One element that’s often overlooked when building out a mobile experience is hyperlinking your phone numbers in HTML so that mobile users can simply click on them and start a phone call. Anchor tags are the actionable tags that browsers interpret and enable users to click. A typical anchor tag for a website is:

<a href="https://martech.zone">Martech Zone</a>

An anchor tag that opens an email is:

<a href="mailto:info@martech.zone">Click here to email us!</a>

With mailto, you can optionally include the subject and body of the email within the link. I would make sure that you URL encode the text, though. Some browsers will break on a space:

<a href="mailto:info@martech.zone?subject=Hi%20Doug&body=This%20is%20a%20test!">Click here to email us!</a>

Phone Number: Click To Call Hyperlink

The syntax for hyperlinking to a phone number in HTML is similar to the mailto syntax, just using tel: instead:

<a href="tel:+13172039800">Click here to call us!</a>

The syntax for your phone number doesn’t really matter. I’ve tested the value with and without plus signs, parentheses, periods, and dashes and everything appears to work on both iPhone and Android.

I do try to keep things clean by removing everything but the numbers. I would also recommend including the country code in the phone number with the plus sign – especially if you’re attracting business internationally.

When we optimize our clients’ sites, we ensure that all instances of phone numbers are hyperlinked. If it’s a call-to-action, we usually format the link as a button to make it very obvious that it can be clicked.

Phone Number: Click To Text Hyperlink

You can also have a hyperlink that automatically generates an SMS message:

<a href="sms:+13172039800">Click here to text us!</a>

You can optionally include a message as well:

<a href="sms:+13172039800?&body=Hello">Click here to text us!</a>

How To Capture A Phone Number Click In Analytics

We also ensure that we capture these events in Google Analytics! If you’re like to measure how many people are clicking these links, you can read our article on how to add a Google Analytics Event using Google Tag Manager.

Douglas Karr

Douglas Karr is CMO of OpenINSIGHTS and the founder of the Martech Zone. Douglas has helped dozens of successful MarTech startups, has assisted in the due diligence of over $5 bil in Martech acquisitions and investments, and continues to assist companies in implementing and automating their sales and marketing strategies. Douglas is an internationally recognized digital transformation and MarTech expert and speaker. Douglas is also a published author of a Dummie's guide and a business leadership book.

Related Articles

Back to top button
Close

Adblock Detected

Martech Zone is able to provide you this content at no cost because we monetize our site through ad revenue, affiliate links, and sponsorships. We would appreciate if you would remove your ad blocker as you view our site.