<

Calling and Texting Links for Mobile Sites in HTML

Posted on
6,218 Points
218 Views
Last Modified:
Published
Experience Level: Beginner
4:40
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number.

Video Steps

1. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify "tel:" then type the phone number, making sure to include the country code. Close the tag with a ">"

2. Type the phone number, then the closing tag </a>. It's important to add the phone number in case the visitor's mobile phone doesn't support tel: links

3. Do the same, with "callto:" instead of "tel:" for a Skype link. While a tel: link will only work in a mobile browser, a callto: link will work on desktops with Skype installed

4. For a texting link, do the same, but with "sms:". This will, of course, only work in mobile browsers

5. Style the links to be a different color from normal text. This is optional, but will help mobile users know where to click.

0
0 Comments

Suggested Videos

Title Views Activity
Box Shadow Effect in CSS 151
Embedded Videos in HTML5 84
Lists and Links 106
Flexible Layouts 74
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month