HTML5/CSS3

Cómo hacer llamadas y enviar SMS en Html5

Índice
  1. Llamadas y enviar SMS en Html5
    1. El esquema tel
    2. El esquema sms
    3. Conclusión

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!

AJ Morales

Consultor de Marketing Digital, especializado en Marketing de Contenidos y Posicionamiento SEO 🚀. Me considero un apasionado de la tecnología y de la edición profesional de fotografías con Adobe Photoshop. Málaga ciudad con alma.

Ver comentarios

  • Que tal si escribes un articulo similar pero usando WebRTC ? Con WebrRTC pudes enviar mensages de texto , hacer llamadas y video llamadas todos usando las funciones nativas de los modernos navegadores

    • Muchas gracias por tu aporte. Lo anoto en la lista de tareas pendientes y en cuanto tenga un hueco publico un artículo lo más completo y fácil de entender para todos. ¡Un saludo!

Publicaciones Recientes

Disco el Navegador de Google con IA que lo Cambia Todo

¿Sientes que tus pestañas del navegador se han convertido en un caos cada vez que…

7 días Hace

Gemini Deep Research en Google Drive: Analiza Múltiples Documentos en Segundos y Ahorra Horas de Trabajo

Todos hemos estado allí: tienes 20 pestañas abiertas, cinco PDFs y tres hojas de cálculo,…

3 semanas Hace

Quitar la Marca de Agua en las Imágenes de Google Nano Banana

Si ya estás usando Google Nano Banana, sabes que es la herramienta que está redefiniendo…

1 mes Hace

Límites de Gemini Gratis ¿Qué te ofrece la IA de Google sin pagar?

¿Te ha pasado? Estás en plena conversación con Gemini, fluyendo con ideas, y de repente……

3 meses Hace

Convierte una foto en una figura coleccionable con Nano Banana Gratis

¿Alguna vez soñaste con ser una de esas figuras coleccionables que tanto te fascinaban de…

4 meses Hace

Cómo Hacer un Video de Ciudad Emblemática con Veo 3

Imagina caminar por las calles iluminadas de París al atardecer, con la Torre Eiffel brillando…

4 meses Hace

Esta página utiliza cookies para mejorar su rendimiento