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

Como Poner Texto detrás de un Vídeo con CapCut en PC y Móvil

¿Quieres poner texto detrás de un video? Aprende cómo con CapCut en este sencillo tutorial…

6 días Hace

Cómo Crear Voces con IA Fácil y Rápido

Aprende a crear voces con IA sorprendentemente reales para vídeos, podcasts y más. Lee nuestro…

1 semana Hace

TikTok Notes: La Nueva Aplicación Fotográfica que Rivaliza con Instagram

TikTok se reinventa con TikTok Notes: una app de fotos y estilo de vida. Conoce…

1 semana Hace

Haiper la alternativa gratuita a Sora de OpenAI

¡Descubre Haiper! La alternativa gratuita a Sora de OpenAI para crear vídeos increíbles. Fácil de…

2 meses Hace

Mistral AI y Le Chat: La IA Europea que Quiere Destronar a ChatGPT

¿Buscas una alternativa a ChatGPT? Mistral AI y su chatbot Le Chat ofrecen una experiencia…

2 meses Hace

Adobe AI Assistant: Convierte tus PDFs en Conversaciones

Más que un resumen: Adobe AI Assistant te ayuda a navegar y comprender PDFs con…

2 meses Hace

Esta página utiliza cookies para mejorar su rendimiento