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

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,…

2 días 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…

3 semanas 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…

3 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…

3 meses Hace

Google Opal: Automatiza Tareas Diarias y Revoluciona Tu Productividad

¿Imaginas crear aplicaciones inteligentes que resuelvan tus problemas cotidianos sin escribir una sola línea de…

3 meses Hace

Esta página utiliza cookies para mejorar su rendimiento