Enlace html para llamar por teléfono desde tu sitio web
Si has caído en este post es porque le has preguntado a Google cómo crear un enlace html para llamar por teléfono desde una web, cómo poner un link de llamada en el footer, cómo hacer un número de teléfono clicable… o algo parecido.
Por suerte para mí, me ha tocado darte la respuesta. Así que vamos allá
Sintácticamente, los hiperenlaces a un número telefónico se escriben con este código HTML:
<a href="tel: + Signo más + número de prefijo del país + número de teléfono">Anchor text</a>
Aunque quizás prefieras una explicación algo menos escueta
Cómo crear un enlace html para llamar por teléfono desde una página web
¡O sea, lo que viene siendo el enlace a un teléfono!
Se supone que crear links ya sabes. Así que daremos por sabida la parte de HTML, para centrarnos en los parámetros necesarios para generar los enlaces especiales para llamar por teléfono:
- El código del país.
- El número de teléfono en cuestión.
* Si no sabes el prefijo de tu país, Wikipedia te puede ayudar.
Con estos datos, ya podemos generar un enlace de llamada a teléfonos, que funcionará tanto con teléfonos fijos como con teléfonos móviles.
Código HTML de un link para llamar por teléfono
La diferencia entre los enlaces de llamada y los normales es que, en vez de una URL a una página web o a un archivo de descarga, usaremos como destino para el atributo «href» del hipervínculo:
tel: + número de teléfono <<con prefijo>>, todo junto "sin espacios en blancos".
Por ejemplo, con los siguientes datos:
- Código del país: +502 (Guatemala).
- Teléfono: 5550 5550.
El enlace para llamar al teléfono quedaría así:
<a herf="tel:+50255505550">Anchor text</a>
Igual que ocurre con el resto de enlaces, como anchor text puedes utilizar lo que quieras; ya que solo es la palabra sobre la que hacer clic para llamar por teléfono.
Para que quede bien claro que es un botón de llamada, como texto ancla suele utilizarse el propio número de teléfono, un icono, o algo representativo de una llamada.
De esta forma, el resultado del enlace de llamada es inequívoco:
<a href="tel:+50255505550">+502 5550 5550</a>
Puedes copiar y pegar este código, y usarlo como un generador de enlace de llamadas. Solo recuerda cambiar el número de teléfono del ejemplo por uno real.
Para finalizar, indicar que estos vínculos funcionan perfectamente cuando el clic en el enlace de llamada se realiza desde un smartphone; que tiene incluida esa prestación. Sin embargo, para realizar llamadas desde un ordenador deberás tener configurado previamente un gestor de llamadas.