Links tel: e sms: em HTML: sintaxe, ramais e diferenças entre iPhone e Android
Os links tel: e sms: transformam um número de telefone em uma ação de um toque. São simples, mas têm detalhes de compatibilidade que vale a pena conhecer.
Link para ligar
<a href="tel:+5511912345678">Ligar para (11) 91234-5678</a>
- O
hrefleva o número no formato internacional, com + e código do país. Assim funciona mesmo que a pessoa esteja em outro país. - O texto visível pode ter o formato local que seu público reconhece.
- Dentro do
hrefsão aceitos hifens como separadores (tel:+52-998-123-4567), mas não espaços.
Ramais e pausas
Para discar um ramal depois que a central atender, adicione uma vírgula para cada pausa de cerca de dois segundos e depois o ramal:
<a href="tel:+525512345678,,123">Ligar para vendas (ramal 123)</a>
O padrão também define a forma ;ext=123, mas as vírgulas são as que melhor funcionam nos discadores dos celulares.
Link para enviar um SMS
<a href="sms:+5511912345678?&body=Ol%C3%A1%2C%20quero%20mais%20informa%C3%A7%C3%B5es">Enviar SMS</a>
A diferença histórica entre os sistemas está em como o número é separado da mensagem:
| Sistema | Forma tradicional | Forma compatível com ambos |
|---|---|---|
| Android | sms:+52…?body=Hola | sms:+52…?&body=Hola |
| iPhone | sms:+52…&body=Hola | sms:+52…?&body=Hola |
A combinação ?&body= é a que o QLinky usa porque funciona nos dois. Ainda assim, teste o link em ambos os sistemas se puder: o comportamento também depende do aplicativo de mensagens instalado.
O que acontece em um computador
Um link tel: em um computador abre o aplicativo que estiver registrado para ligações: o FaceTime em um Mac, ou programas de videochamada e de vínculo com o celular no Windows. Se não houver nenhum, nada acontece. Com sms: ocorre o mesmo.
Por isso é uma boa ideia sempre mostrar o número como texto, e não apenas um ícone.
Boas práticas
- Diga o que vai acontecer. “Ligar agora” é mais claro do que um número solto.
- Área de toque grande. No celular, um botão com pelo menos 44 pixels de altura evita toques errados.
- Horário à vista. Se o atendimento é só em certo horário, coloque-o ao lado do botão.
- Detecção automática. Os celulares costumam transformar em link qualquer coisa que pareça um telefone. Se ele converter números que não são (códigos de produto, por exemplo), no iPhone é possível desativar com
<meta name="format-detection" content="telephone=no">e criar à mão os links dos números reais. - Redes sociais: a maioria dos perfis só aceita links http ou https, então
tel:esms:não servem ali.
Teste agora
Gere seu link grátis, sem cadastro e sem que seus dados saiam do navegador.
Gerador de link para ligar (tel:)Gerador de link de SMS com mensagem