Enlaces tel: y sms: en HTML: sintaxis, extensiones y diferencias entre iPhone y Android
Los enlaces tel: y sms: convierten un número de teléfono en una acción de un toque. Son simples, pero tienen detalles de compatibilidad que conviene conocer.
Enlace para llamar
<a href="tel:+529981234567">Llamar al 998 123 4567</a>
- El
hreflleva el número en formato internacional, con + y código de país. Así funciona aunque la persona esté en otro país. - El texto visible puede tener el formato local que tu público reconoce.
- Dentro del
hrefse admiten guiones como separadores (tel:+52-998-123-4567), pero no espacios.
Extensiones y pausas
Para marcar una extensión después de que atienda la central, agrega una coma por cada pausa de unos dos segundos y luego la extensión:
<a href="tel:+525512345678,,123">Llamar a ventas (ext. 123)</a>
El estándar también define la forma ;ext=123, pero las comas son las que mejor funcionan en los marcadores de los celulares.
Enlace para enviar un SMS
<a href="sms:+529981234567?&body=Hola%2C%20quiero%20informaci%C3%B3n">Enviar SMS</a>
La diferencia histórica entre sistemas está en cómo se separa el número del mensaje:
| Sistema | Forma tradicional | Forma compatible con ambos |
|---|---|---|
| Android | sms:+52…?body=Hola | sms:+52…?&body=Hola |
| iPhone | sms:+52…&body=Hola | sms:+52…?&body=Hola |
La combinación ?&body= es la que usa QLinky porque funciona en los dos. Aun así, prueba el enlace en ambos sistemas si puedes: el comportamiento depende también de la aplicación de mensajes instalada.
Qué pasa en una computadora
Un enlace tel: en una computadora abre la aplicación que esté registrada para llamadas: FaceTime en una Mac, o programas de videollamadas y de vínculo con el teléfono en Windows. Si no hay ninguna, no pasa nada. Con sms: ocurre lo mismo.
Por eso es buena idea mostrar siempre el número como texto, y no solo un ícono.
Buenas prácticas
- Di qué va a pasar. «Llamar ahora» es más claro que un número suelto.
- Área de toque grande. En celular, un botón de al menos 44 píxeles de alto evita toques fallidos.
- Horario a la vista. Si solo atienden en cierto horario, ponlo junto al botón.
- Detección automática. Los celulares suelen convertir en enlace cualquier cosa que parezca un teléfono. Si convierte números que no lo son (códigos de producto, por ejemplo), en iPhone se puede desactivar con
<meta name="format-detection" content="telephone=no">y enlazar a mano los números reales. - Redes sociales: la mayoría de los perfiles solo acepta enlaces http o https, así que
tel:ysms:no sirven ahí.
Pruébalo ahora
Genera tu enlace gratis, sin registro y sin que tus datos salgan del navegador.
Generador de enlace para llamar (tel:)Generador de enlace de SMS con mensaje