<

Calling and Texting Links for Mobile Sites in HTML

Posted on
6,215 Points
215 Views
Last Modified:
Experience Level: Beginner
4:42
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
Navigation Hover Effects with CSS Sprites 294
Alpha Transparency in CSS 76
Box Shadow Effect in CSS 149
Embedded Videos in HTML5 84
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month