Abrir WhatsApp clicando em um link

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!

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 116 aulas
• 4 projetos
• 9h 23min

Conhecer formação

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