Link da Web para contato específico do Whatsapp

89

Eu gostaria de colocar um link em uma página da web que abre um bate-papo do Whatsapp com um determinado contato do Whatsapp. Em outras palavras: eu quero um link "entre em contato pelo whatsapp" ao lado dos links "Fale conosco no meu facebook / twitter / google + / etc" da página. Algo como:

href="whatsapp:[email protected]&message="I'd like to chat with you"
html web whatsapp url-scheme Benny Powers
fonte
1
Possível duplicação do botão "WhatsApp" do site móvel para enviar mensagem para um número específico
Lyric Roy

Respostas:

169

********* ATUALIZAÇÃO ADICIONADA NO FINAL *********

Já tentei várias abordagens e tenho um vencedor (ver Teste 3), aqui está o resultado de cada um:

(Acho que o Teste 3 também funcionará para você, porque se a pessoa que visita seu site não o incluir em sua lista de contatos, é a única opção que o permitirá.)

Em todos os testes, o número tinha que ser completo, com o código do país e do local sem nenhum zeros inicial. Exemplo:

  • +55 (011) 99999-9999 (NÃO)
  • +5511999999999 (SIM)

Nos testes 1 e 2, funcionou apenas com um sinal de mais no código do país: +5511999999999

Teste 1:

<a href="whatsapp://send?abid=phonenumber&text=Hello%2C%20World!">Send Message</a>

Dessa forma, você deve ter o número do telefone em sua lista de contatos. Não funcionou comigo porque queria poder enviar uma mensagem para um número que talvez não tenha em minha lista de contatos.

Se você não tiver o número na sua lista de contatos, ele abre o Whatsapp listando todos os seus contatos cadastrados, para que você possa escolher um.

É uma boa opção para compartilhar coisas.

Teste 2:

<a href="intent://send/phonenumber#Intent;scheme=smsto;package=com.whatsapp;action=android.intent.action.SENDTO;end">Send Message</a>

Essa abordagem só funciona no Android E se você tiver o número em sua lista de contatos. Se você não tiver, o Android abrirá seu aplicativo de SMS, para que você possa convidar o contato para usar o Whatsapp.

Teste 3 (o vencedor) :

<a href="https://api.whatsapp.com/send?phone=15551234567">Send Message</a>

Essa foi a única maneira que funcionou totalmente para mim.

  • Funciona em Android, iOS e aplicativo da Web na área de trabalho,
  • Você pode iniciar uma conversa com um número que você não tem na sua lista de contatos
  • Você pode criar um link com uma mensagem predefinida adicionando & text = [message-url-encoded] como:

https://api.whatsapp.com/send?phone=15551234567&text=Send20%a20%quote

E se você deseja ter um bookmarklet para facilidade adicional de uso, você pode usar este:

javascript: (function() { var val= prompt("Enter phone number",""); if (val) location="https://api.whatsapp.com/send?phone="+escape('972' + val)+""; })()

Você precisará alterar o código do país (ou removê-lo) para o país de destino you.r e colá-lo no campo de endereço em um link do Chrome / Firefox

Vale a pena notar:

****************** ATUALIZAR (INICIAR) *****************

O Whatsapp disponibilizou outra opção, agora você pode criar um link para uma conversa assim:

https://wa.me/[phonenumber]

O número de telefone deve estar em formato internacional:

Como isso:

https://wa.me/552196312XXXX

Assim não:

https://wa.me/+55(021)96312-XXXX

E se você quiser adicionar uma mensagem predefinida ao seu link, você pode adicionar ? Text = no final com o texto URL codificado:

https://wa.me/552196312XXXX?text=[message-url-encoded]

Exemplo:

https://wa.me/552196312XXXX?text=Send20%a20%quote

Mais informações aqui:

https://faq.whatsapp.com/general/chats/how-to-use-click-to-chat

****************** ATUALIZAÇÃO (FIM) *****************

Rafael Araújo
fonte
1
Apenas para ajudar outros usuários a evitar o mesmo erro que eu cometi, use o prefixo internacional, mas sem o plus. Então, o italiano 0039 se torna 39.
MDaldoss
4
sim, o símbolo + não é obrigatório, então, por exemplo, se você deseja vincular a um número indiano, pode deixar de fora o sinal de mais em +919 ********* e apenas usar 91 como prefixo. 91 **********
dresh
O link do whatsapp não funcionará se você não tiver a pessoa de contato em seu telefone
James Tan
exatamente @JamesTan, se você quiser entrar em contato com alguém que não está em sua lista de contatos, use assim: api.whatsapp.com/send?phone=15551234567 conforme mostrado acima.
Rafael Araújo
Percebi que funciona mesmo que o telefone não exista, meu erro foi aquele número cinco inválido, com um dígito extra que causa o erro
James Tan
52

O link a seguir parece funcionar bem - 

<a href="whatsapp://send?text=Hello World!&phone=+9198********1">Ping me on WhatsApp</a>

Ele abre o contato no aplicativo WhatsApp, junto com a mensagem 'Hello World!' preenchido previamente na caixa de texto de entrada.

(Testei isso com o Google Chrome em um telefone Android.)

Sachin Doshi
fonte
5
Eu testei isso com o Safari em um iPhone e funcionou!
Alan Avalos
1
Funciona no Opera e no Chrome.
WM
Ele funciona no Chrome, Firefox e no navegador padrão do Android 6 e também funciona no Safari e no Chrome no iPhone6 ​​(dezembro de 2017).
MattAllegro
Não funciona no UC Browser, mas funciona bem no Chrome.
Devsainii
11

Eu tentei isso:

<a href="whatsapp://send?abid=phonenumber&text=Hello%2C%20World!">whatsapp</a>

alterando 'número de telefone' em um número de telefone específico. Isso não funciona completamente, mas quando eles clicam no link ele abre o Whatsapp e se eles clicam em um contato a mensagem é preenchida.

Se você quiser abrir uma pessoa específica no chat, pode, mas sem o texto preenchido.

<a href="intent://send/phonenumber#Intent;scheme=smsto;package=com.whatsapp;action=android.intent.action.SENDTO;end">test</a>

Você provavelmente terá que fazer uma escolha entre os dois.

alguns links para ajudá-lo Compartilhando link no WhatsApp do site móvel (não do aplicativo) para Android https://www.whatsapp.com/faq/nl/android/28000012

Espero que isto ajude

(Eu testei isso com o Google Chrome em um telefone Android)

yoshiMannaert
fonte
9

Agora você pode usar uma API muito simples https://wa.me/para executar esta tarefa, onde pode fornecer um número de contato válido do Whatsapp como 15555555555 ( adicione o código do país , remova todos os '+', '-', colchetes, espaços ou zeros à esquerda ). Você também pode fornecer um texto codificado por url como uma mensagem predefinida que o usuário pode enviar diretamente ou alterar antes de enviar.

Link para conversar comigo :<a href="https://wa.me/15555555555">Contact me by whatsapp</a>

Link para conversar comigo com texto predefinido :<a href="https://wa.me/15555555555?text=I%27d%20like%20to%20chat%20with%20you">Contact me on whatsapp</a>

A beleza deste wa.meurl é que você não precisa verificar o agente do usuário, pois ele funciona tanto no celular quanto no desktop (abre web.whatsapp.com)

Fonte: https://faq.whatsapp.com/en/general/26000030

Mais detalhes em minha resposta a uma pergunta semelhante https://stackoverflow.com/a/51854282/2485420

Shri
fonte
8

Você pode usar o seguinte URL de acordo com as perguntas frequentes do WhatsApp:

https://wa.me/PHONENUMBERHERE

Adicione o código do país antes do número e não adicione nenhum sinal de adição (+) ou travessão (-) ou qualquer outro caractere no número. Apenas integradores / valores numéricos.

Você também pode predefinir uma mensagem de texto para começar com:

https://wa.me/PHONENUMBERHERE/?text=urlencodedtext

tribulante
fonte
Isso abre a Play Store no Android, após uma página de confirmação.
amarmishra
@amarmishra Sim, provavelmente abre na app store porque deseja instalar o aplicativo WhatsApp. Se você já tem o WhatsApp instalado, ele abrirá o Whatsapp e iniciará um bate-papo com o número.
tribulante
4

Essa abordagem só funciona no Android E se você tiver o número em sua lista de contatos . Se você não tiver, o Android abrirá seu aplicativo de SMS, para que você possa convidar o contato para usar o Whatsapp.

<a href="https://api.whatsapp.com/send?phone=2567xxxxxxxxx" method="get" target="_blank"><i class="fa fa-whatsapp"></i></a>

Google Chrome estou direcionando uma janela em branco

Desenvolvedores de troféus U CO. Ltd
fonte
Isso funciona para mim no Windows e no iOS, mesmo que o contato ainda não esteja na minha agenda, então acho que o WhatsApp atualizou isso desde que esta resposta foi postada. Mais detalhes e uso em seu FAQ oficial .
wasabigeek
4

Pelo que valeu a pena, no momento da redação deste artigo (29 de novembro de 2018), a API atualizada que parece funcionar para mim está usando este link:

https://wa.me/<phone number here>

Nota:

Basta substituir o espaço reservado <phone number here>pelo número de telefone pretendido que você deseja usar, INCLUINDO o código do país, isso significa que tive que adicionar +60o restante do número restante.

Não funciona do meu lado sem um (usando Android e iOS, pelo menos). Não funciona significa uma mensagem de erro que diz algo como "você não tem este número".

Referência:

https://faq.whatsapp.com/en/general/26000030

Kevin
fonte
@Korayem você está brincando né? é por isso que em minha resposta eu disse explicitamente "Eu adicionei o sinal de mais +" porque a duplicata que você vinculou não funciona
Kevin
merece um comentário sobre a resposta original
Korayem
3

Das FAQs oficiais do Whatsapp: https://faq.whatsapp.com/en/android/26000030/

O recurso Click to Chat do WhatsApp permite que você inicie um bate-papo com alguém sem ter o número do telefone salvo na lista de endereços do telefone. Contanto que você saiba o número de telefone dessa pessoa, você pode criar um link que permitirá que você inicie um bate-papo com ela. Ao clicar no link, um bate-papo com a pessoa é aberto automaticamente. O Click to Chat funciona no seu telefone e no WhatsApp Web.

Para criar seu próprio link, use https://wa.me/ onde é um número de telefone completo em formato internacional. Omita todos os zeros, colchetes ou travessões ao adicionar o número de telefone no formato internacional. Para obter uma explicação detalhada sobre números internacionais, leia este artigo. Lembre-se de que este número de telefone deve ter uma conta ativa no WhatsApp.

Use: https://wa.me/15551234567

Don't use: https://wa.me/+001-(555)1234567
iFadi
fonte
2

Esta resposta é útil para aqueles que desejam clicar para bater um papo no site do Whatsapp para redirecionar web.whatsapp.com com conteúdo ou mensagem padrão e no dispositivo móvel para abrir no Whatsapp no ​​aplicativo móvel com conteúdo padrão para a barra de texto do aplicativo.

também adicione o link jquery.

<a  target="_blank" title="Contact Us On WhatsApp" href="https://web.whatsapp.com/send?phone=+919581880892&amp;text=Hi, I would like to get more information.." class="whatsapplink hidemobile" style="background-color:#2DC100">
    <i class="fa fa-fw fa-whatsapp" style="color:#fff"></i>
    <span style="color:#fff">
        Contact Us On WhatsApp        </span>
</a>
<a  target="_blank" title="Contact Us On WhatsApp" href="https://api.whatsapp.com/send?phone=+919581880892&text=Hi,%20I%20would%20like%20to%20get%20more%20information.." class="whatsapplink hideweb" style="background-color:#2DC100">
    <i class="fa fa-fw fa-whatsapp" style="color:#fff"></i>
    <span style="color:#fff">
        Contact Us On WhatsApp        </span>
</a>

   <script type="text/javascript"> 
var mobile = (/iphone|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));  
if (mobile) { 

    $('.hidemobile').css('display', 'none'); // OR you can use $('.hidemobile').hide();
} 
else 
{ 
    $('.hideweb').css('display', 'none'); // OR you can use $('.hideweb').hide();
}
</script>
imtaher
fonte
2
Parece que você pode usar o link direto https://wa.me/PHONENUMBERHEREpara celular e desktop agora.
Kai Noack
Esta deve ser a resposta aceita, ainda funciona!
shery089
1

A solução que funcionou para mim está aqui em PHP:

$android = stripos($_SERVER['HTTP_USER_AGENT'], "android");
$iphone = stripos($_SERVER['HTTP_USER_AGENT'], "iphone");
$ipad = stripos($_SERVER['HTTP_USER_AGENT'], "ipad");

$whatsappNumber = '1234597891';
$whatsappLink = '';
if($android !== false || $ipad !== false || $iphone !== false) {//For mobile
    $whatsappLink = '<a href="https://api.whatsapp.com/send?phone='.$whatsappNumber.'">'.$whatsappNumber.'</a>';
} else {//For desktop
    $whatsappLink = '<a href="https://web.whatsapp.com/send?phone='.$whatsappNumber.'">'.$whatsappNumber.'</a>';
}
Imran Zahoor
fonte
1

Tentei todas as combinações de números suíços em minha página da web. Abaixo meus resultados:

Não funciona para Android e iOS

https://wa.me/0790000000/?text=myText

Funciona para iOS, mas não funciona para Android

https://wa.me/0041790000000/?text=myText
https://wa.me/+41790000000/?text=myText

Funciona para Android e iOS:

https://wa.me/41790000000/?text=myText
https://wa.me/041790000000/?text=myText

Espero que esta informação ajude alguém!

yab86
fonte
0

O número de telefone será um código de país seguido pelo número do celular WhatsApp sem qualquer símbolo. Consulte o código abaixo.

<a href="https://api.whatsapp.com/send?phone=19998887878&text=Hi%20There!">WhatsApp Now</a>
Nirav
fonte