HTML

Abrir WhatsApp clicando em um link

30 de novembro de 2020

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

Abrir WhatsApp clicando em um link capa

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

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x