HTML Tips WordPress

¿Cómo hacer un link de llamada?

Photo by Annie Spratt on Unsplash

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:

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:

 

¿Y que se abra un WhatsApp?

Utilizamos este código:

 

¿Te ha servido esta minientrada? ¡Ayúdanos ahora tú compartiendo nuestro contenido!

 

Cristian Sarabia Martínez

Desde que a principios de los 90 mi padre desempolvó su Spectrum, no he dejado de probar y experimentar con la tecnología.

Enamorado del mundo web, Full Stack Developer de profesión y diseñador por devoción.

Ahora hago mis pinitos en esto del blogging para compartir con vosotros un poquito de todo lo que la comunidad me ha dado.

Escribir comentario

Haz clic aquí para dejar tu comentario