Saltar al contenido

Cómo hacer llamadas y enviar SMS en Html5

6 abril, 2018
llamadas y enviar SMS en Html5

Con este sencillo tutorial aprenderéis a hacer llamadas y enviar SMS en Html5. Para ello tendremos que hacer uso de tel y sms dentro de la etiqueta href de tu documento.

Llamadas y enviar SMS en Html5

Hoy en día la gran mayoría de usuarios utiliza el móvil para navegar por Internet.

Es por tanto muy importante que tu página pueda realizar llamadas y enviar SMS.

¿Quieres saber como hacerlo? ¡Sigue leyendo! 🙂

El esquema tel

Para que se realice una llamada al pulsar un enlace basta con crear un enlace y en el atributo href agregar tel: . Aquí os dejo un sencillo ejemplo.

<a href="tel:+34123456789">Realizar llamada</a>

Una recomendación que os doy es que incluyáis siempre el formato internacional, es decir empezar el número con el signo + y el código del país.

Si un usuario entra a nuestra web y pulsa en el enlace, tanto en iOS como en Android, aparecerá una alerta que nos muestra el número y permite aceptar o no realizar la llamada.

El esquema sms

Si lo que deseamos es enviar un SMS deberemos de crear el siguiente enlace:

<a href="sms:+34123456789?body=Hola Mundo!">¡Pulsa para enviar el SMS!</a>

Debemos de tener en cuenta que algunos dispositivos móviles no soportan el parámetro ?body. Por ejemplo en iOS no puedes usarlo y debes utilizar tan solo sms:<numero> sin posibilidad de incorporar un texto por defecto en el mensaje.

Conclusión

Dar la posibilidad a nuestros usuarios de llamar con solo pulsar en un enlace en nuestra página hace que el diseño sea más profesional y adaptado a dispositivos móviles.

Por tanto si quieres destacar no dudes en utilizar tel y sms en tu código. Tus clientes te lo agradecerán.

Si te gustó como siempre os digo, dar like y compartir con tus amigos en las redes sociales. ¡Gracias!