HTML Tips WordPress

¿Cómo hacer un link de llamada?

Photo by Annie Spratt on Unsplash
[titulo]Crear un enlace Href a un teléfono en HTML[/titulo]

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 [subraya_rosa]no hay nada más incómodo que encontrarnos un teléfono en una página y tener que copiarlo[/subraya_rosa] 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 [codigo]<a href=»»></a>[/codigo] y añadir el prefijo [codigo]tef:[/codigo]. Ejemplo:

<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.

 

[titulo]¿Y si quiero que se inicie una llamada de Skype?[/titulo]

Tan sencillo como:

<a href="skype:aquí_el_usuario_de_skype?call">Haz clic aquí para hablar conmigo por Skype</a>

 

[titulo]¿Y que se abra un WhatsApp?[/titulo]

Utilizamos este código:

<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!

 

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.

1 Comentario

Haz clic aquí para dejar tu comentario

  • hola Cristian, y si quiero que se abra un enlace pero con un email? y con un enlace a el sitio web ? y a una billetera de una criptomonedas como binance o como coinpayments, y el enlace vaya directo a un pago? o por ejemplo a paypal con un enlace de boton? quedo agaradecido.