Crear un enlace Href a un teléfono en HTML
Google ya adelantó en el 2017 que todo el diseño web debía ser mobile first, es decir, pensado para móviles y escalado después para otros dispositivos (portátiles, sobremesas…).
¿Por qué? Porque el avance de navegación a través de móviles es imparable. Si en el 2014 hablábamos ya de tasas de 40-50% de visitantes a través de estos dispositivos, hoy estamos ya en tasas de alrededor del 80%.
Así que… lo lógico es ponerles las cosas fáciles, ¿no?
Y no hay nada más incómodo que encontrarnos un teléfono en una página y tener que copiarlo y pegarlo en la agenda para poder llamar. ¿Por qué no hacer que funcionen igual que los hipervínculos?
Pues gracias a HTML 5 es posible. Únicamente debemos crear un enlace normal <a href=””></a> y añadir el prefijo tef:. Ejemplo:
1 | <a href="tel:+34666777888">Aquí el texto que quieras</a> |
Es importante fijarse en que debe ponerse siempre el prefijo. En el caso de España, +34.
¿Y si quiero que se inicie una llamada de Skype?
Tan sencillo como:
1 | <a href="skype:aquí_el_usuario_de_skype?call">Haz clic aquí para hablar conmigo por Skype</a> |
¿Y que se abra un WhatsApp?
Utilizamos este código:
1 | <a href="https://api.whatsapp.com/send?phone=34666777888">El anchor text que quiera<a/> |
¿Te ha servido esta minientrada? ¡Ayúdanos ahora tú compartiendo nuestro contenido!
Escribir comentario