Categorías: Recursos

(href:tel) Crear enlaces HTML para llamar a números de teléfono en dispositivos móviles

Vamos a ver cómo crear enlaces HTML para llamar a números de teléfono en dispositivos móviles al clickar en dicho enlace, para ello usaremos dentro del atributo ‘href’ del tag <a> la sentencia ‘tel’.

Otros post interesantes son:

Sintaxis básica para añadir un enlace HTML telefónico

Tal y como vais a ver es muy fácil añadir un enlace para llamar a un número de teléfono:

<a href="tel:+34000000000">Clicka para llamar</a>

La única diferencia con un enlace normal es que tenemos que meter el texto ‘tel:’ seguido del número de teléfono fijo o móvil al que queremos que el usuario llame. Es importante añadir el prefijo internacional del teléfono, en mi caso el +34 de España.

Con este código los dispositivos móviles detectan que el enlace no es una URL si no que es un número de teléfono. Os pongo un ejemplo:

Clicka para llamar

Si clickamos en el enlace superior nos saldrá un aviso similar a este:

En cambio su lo dejamos clickado el enlace varios segundos nos ofrece estas otras opciones:

Sintaxis para realizar llamadas por Skype

Os muestro el código para que el enlace habra el número de teléfono a través de Skype:

//Llamada a través de Skype
<a href="tel:+34000000000">Clicka para llamar</a>
//ejemplo de llamada a usuario de Skype
<a href="skype:usuario_skype?call">Clicka para llamar por Skype</a>

Clicka para llamar
Clicka para llamar por Skype

En la primera sintaxis podremos llamar a por Skype siempre y cuando en nuestro dispositivo o PC tengamos instalado Skype, os muestro un pantallazo del mensaje que se muestra:

compartir
Publicado por
Aner Barrena