web-dev-qa-db-fra.com

Lien Web vers un contact WhatsApp spécifique

Je voudrais placer un lien sur une page Web qui ouvre une discussion WhatsApp avec un certain contact WhatsApp. En d'autres termes: je veux un lien "contactez-moi par WhatsApp" pour aller à côté de la page "Contactez-nous mon facebook/Twitter/google +/etc". Quelque chose comme:

href="whatsapp:[email protected]&message="I'd like to chat with you"
htmlwebwhatsappurl-scheme
52
Benny Powers

J'ai essayé plusieurs approches et j'ai un gagnant (voir Test 3), voici le résultat de chacune d'elles:

(Je pense que le test 3 fonctionnera également pour vous, car si la personne visitant votre site ne vous a pas inscrite sur sa liste de contacts, c'est la seule option qui le permettra.)

Dans tous les tests, le numéro devait être complet, avec le pays et le code d'emplacement sans zéros initiaux. Exemple:

  • +55 (011) 99999-9999 (NON)
  • +5511999999999 (OUI)

Sur les tests 1 et 2, cela ne fonctionnait qu'avec un signe plus sur le code pays: +5511999999999

Test 1:

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

Ainsi, vous devez avoir le numéro de téléphone sur votre liste de contacts. Cela ne fonctionne pas pour moi parce que je voulais pouvoir envoyer un message à un numéro que je n'ai peut-être pas sur ma liste de contacts.

Si vous n'avez pas le numéro sur votre liste de contacts, il ouvre la liste de tous vos contacts enregistrés, ce qui vous permet d'en choisir un.

C'est une bonne option pour partager des choses.

Test 2:

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

Cette approche ne fonctionne que sur Android ET si vous avez le numéro sur votre liste de contacts. Si vous ne l'avez pas, Android ouvre votre application SMS afin que vous puissiez inviter le contact à utiliser Whatsapp.

Test 3 (Le gagnant)} _:

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

C'était la seule façon qui a fonctionné pleinement pour moi. 

  • Cela fonctionne sur Android, iOS et Web app sur le bureau, 
  • Vous pouvez démarrer une conversation avec un numéro que vous n'avez pas sur votre liste de contacts} _

À noter:

96
Rafael Araújo

Le lien suivant semble fonctionner correctement - 

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

Il ouvre le contact dans l'application WhatsApp, avec le message 'Hello World!' pré-rempli dans la zone de saisie. 

(Testé avec Google Chrome sur un téléphone Android.)

40
Sachin Doshi

J'ai essayé ceci:

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

changer le "numéro de téléphone" en un numéro de téléphone spécifique. Cela ne fonctionne pas complètement, mais quand ils cliquent sur le lien, cela ouvre whatsapp et s'ils cliquent sur un contact, le message est rempli.

Si vous souhaitez ouvrir une personne spécifique dans le chat, vous pouvez le faire, mais sans texte.

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

Vous devrez probablement choisir entre les deux.

quelques liens pour vous aider Lien de partage sur WhatsApp depuis le site Web mobile (pas l'application) pour Androidhttps://www.whatsapp.com/faq/nl/Android/28000012

J'espère que cela t'aides

(J'ai testé cela avec Google Chrome sur un téléphone Android)

8
yoshiMannaert

Le document officiel de WhatsApp dit:

https://api.whatsapp.com/send?phone=countrycode+phonenumber

Utilisez:https://api.whatsapp.com/send?phone=15551234567

N'utilisez pas:https://api.whatsapp.com/send?phone=+001-(555)1234567

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

5
Shemeer M Ali

Cette approche ne fonctionne que sur Android ET si vous avez le numéro sur votre liste de contacts. Si vous ne l'avez pas, Android ouvre votre application SMS afin que vous puissiez inviter le contact à utiliser Whatsapp.

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

Google Chrome cible une fenêtre vierge 

3
Trophy Developers U CO. Ltd

Vous pouvez utiliser l'URL suivante selon la FAQ de WhatsApp:

https://wa.me/PHONENUMBERHERE

Ajoutez le code de pays devant le numéro et n’ajoutez pas de signe plus (+) ni de tiret (-) ni aucun autre caractère du numéro. Intégrateurs/valeurs numériques uniquement.

Vous pouvez également prédéfinir un message texte pour commencer avec:

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

2
tribulant

Vous pouvez maintenant utiliser une très simple API https://wa.me/ pour effectuer cette tâche, dans laquelle vous pouvez fournir un numéro de contact WhatsApp valide tel que 15555555555 (ajouter le code pays, supprimer tous les '+', '-', crochets, espaces ou en majuscules. zéros). Vous pouvez également fournir un texte codé en url sous la forme d'un msg prédéfini que l'utilisateur peut envoyer directement ou modifier avant l'envoi.

Chat avec moi lien: <a href="https://wa.me/15555555555">Contact me by whatsapp</a>

Chat avec moi lien avec texte prédéfini: <a href="https://wa.me/15555555555?text=I%27d%20like%20to%20chat%20with%20you">Contact me on whatsapp</a>

La beauté de cette URL wa.me est que vous n'avez pas besoin de vérifier l'agent utilisateur car il fonctionne à la fois sur le mobile et sur le bureau (ouvre web.whatsapp.com).

Source: https://faq.whatsapp.com/fr/general/26000030

Plus de détails dans ma réponse sur une question similaire https://stackoverflow.com/a/51854282/2485420

2
Shri

Pour ce que ça vaut, au moment d'écrire ces lignes (le 29 novembre 2018), la nouvelle API qui semble fonctionner de mon côté utilise ce lien:

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

Remarque:

Il suffit de remplacer l’espace réservé <phone number here> par le numéro de téléphone que vous souhaitez utiliser y compris le code du pays. Cela signifie que je devais ajouter +60, puis le reste du numéro restant. 

Cela ne fonctionne pas sans moi (avec Android et iOS au moins). Cela ne fonctionne pas signifie un message d'erreur disant "tu n'as pas ce numéro".

Référence:

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

1
Ghost

Cette réponse est utile pour ceux qui veulent cliquer pour discuter avec whatsapp dans le site Web afin de rediriger web.whatsapp.com avec un contenu ou un message par défaut et dans un appareil mobile pour ouvrir dans whatsapp dans une application mobile avec un contenu par défaut en barre de texte dans l'application. 

ajoutez également le lien 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>
0
imtaher

D'après la FAQ officielle de Whatsapp: https://faq.whatsapp.com/fr/Android/26000030/

La fonction Click to Chat de WhatsApp vous permet de commencer une discussion avec une personne sans que son numéro de téléphone soit enregistré dans le carnet d'adresses de votre téléphone. Tant que vous connaissez le numéro de téléphone de cette personne, vous pouvez créer un lien vous permettant de commencer une discussion avec elle. En cliquant sur le lien, une discussion avec la personne s'ouvre automatiquement. Click to Chat fonctionne à la fois sur votre téléphone et sur WhatsApp Web.

Pour créer votre propre lien, utilisez https://wa.me/ où est un numéro de téléphone complet au format international. Omettez les zéros, les crochets et les tirets lorsque vous ajoutez le numéro de téléphone au format international. Pour une explication détaillée sur les numéros internationaux, lisez cet article. N'oubliez pas que ce numéro de téléphone doit avoir un compte actif sur WhatsApp.

Use: https://wa.me/15551234567

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

J'ai essayé toutes les combinaisons pour les numéros suisses sur ma page Web. Ci-dessous mes résultats:

Ne fonctionne pas pour Android et iOS

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

Fonctionne pour iOS mais ne fonctionne pas pour Android

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

Fonctionne pour Android et iOS:

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

J'espère que cette information aide quelqu'un!

0
yab86

Le numéro de téléphone sera un code de pays suivi du numéro de mobile WhatsApp sans aucun symbole. Veuillez vous référer au code ci-dessous.

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

La solution qui a fonctionné pour moi est ici dans 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>';
}
0
Imran Zahoor