Neste artigo você vai aprender a como abrir o WhatsApp clicando em um link, para receber mensagens a partir do seu site
Fala programador(a), beleza? Bora aprender a abrir a conversa do WhatsApp depois de clicar em algum link ou elemento do nosso site!
A ideia é bem simples, vamos ter que criar uma tag a que envolve o elemento alvo ou utilizar esta própria tag a para o link
Depois utilizaremos o atributo href para inserir o link da API do WhatsApp, que é o seguinte:
https://api.whatsapp.com/send?phone=
Veja que o link exige um parâmetro de URL chamado phone, é onde colocaremos nosso número para que o usuário clicar neste link acesse nosso chat no WhatsApp
Veja o exemplo completo com a tag HTML:
<a href="https://api.whatsapp.com/send?phone=TELEFONE">Send Message</a>
Onde coloquei TELEFONE você deve substituir pelo seu número, ou número que deseja que o Whats seja acessado
Lembrando que o formato deve conter:
- +55: código do país
- 49: DDD
- 99999-9999: Número
Ou seja um número hipotético ficaria:
<a href="https://api.whatsapp.com/send?phone=+5548999999999">Send Message</a>
Desta maneira quando o usuário clicar neste link, ele será redirecionado para o WhatsApp com o número do link aberto em chat, legal né? 😀
Conclusão
Neste artigo vimos como abrir WhatsApp clicando em um link
Adicionamos uma tag a, com o atributo href contendo o link da API do WhatsApp
Inserimos também neste link o número alvo, que será o que vai ter o chat aberto pelo visitante do site
Note que precisamos incluir o código do país e também o DDD
Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube