Cómo crear un enlace html para llamar por teléfono al hacer clic en tu web

En muchas ocasiones vas a querer crear un enlace html para llamar por teléfono al hacer clic en tu web. Es un recurso simple y efectivo que convierte tu número de teléfono en clicable de modo que si alguien hace clic en el número de teléfono desde el móvil se le abrirá una ventana en su dispositivo con la llamada.

Y si en vez de estar en un móvil está en un ordenador, se le abrirá el gestor de llamadas de ese ordenador. Por ejemplo, a mí se me abre Face Time.

Además vamos a ver también como hacer una llamada de Skype pulsando un enlace de html.

¡Vamos a por ello!

Aquí abajo te dejo los códigos que hemos usado, y si lo prefieres, te cuento por escrito los pasos que tendrás que hacer.

Pero también te digo, que si prefieres que el enlace sea un icono con el símbolo del teléfono puedes usar el plugin Genesis Simple Social Icons y tendrías ese botón y el de mailto además de todas las redes sociales.

Cómo iniciar una llamada telefónica desde un enlace en tu web

Ahora te cuento en sencillos pasos cómo crear con html este tipo de enlaces tan práctico para poder llamar por teléfono haciendo clic.

1.- Crea un enlace html

Si estás en WordPress, escribe en el editor de texto de cualquier contenido algo cómo «Haz clic aquí para llamar», selecciónalo y pulsa el eslabón de enlace. ¡Ya tienes creado el enlace! Ahora pincha en la pestaña de HTML (esquina superior derecha del editor de texto) para ver el código. Deberías tener algo parecido a esto.

<a href="#">Aquí el texto que quieras</a>

2.- Crea el href=»tel:» (enlace html para llamar)

Ahora simplemente, donde está la url de enlace (una almuadilla en mi caso) añade tel: y el número al que quieres que llame el usuario. Debería quedarte así:

<a href="tel:+34678567876">Aquí el texto que quieras</a>

NOTA: No olvides incluir el prefijo de tu país. En mi caso +34.

Pruébalo: Llama ahora

¡Listo! Ya tenemos el enlace para llamar funcionando. Ahora podrías convertirlo en un botón para llamar si sabes CSS. Pero así ya funciona perfectamente.

3.- Extra: Crea un enlace para llamar por Skype en tu web

Y si lo que quieres es que la llamada sea directamente por Skype aquí te dejo el código para crear el enlace correspondiente.

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

Simplemente, cambia donde dice aquí_el_usuario_de_skype por el usuario que quieres que reciba la llamada. Ojo, no elimines la ?call del final o no funcionará.

Pruébalo: Haz clic aquí para hablar conmigo por Skype

Pues ya está. Así de simple es éste básico de html. Espero que te salga todo bien y comiences a interaccionar con tus usuarios utilizando el enlace html para llamar por teléfono.

Si te ha parecido útil este artículo te agradecería mucho que lo compartieras en redes sociales!! :) ¡Gracias!