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:
- Todos los plugins sociales de Facebook.
- Todos los botones de Facebook para poner en tu web
- Los widgets y plugins de Twitter más usados
- (href:mailto) Crear enlaces HTML para enviar emails
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:
1 |
<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:
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:
1 2 3 4 |
//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: