web-dev-qa-db-fra.com

Bouton "WhatsApp" du site Web mobile pour envoyer un message à un numéro spécifique

Un site Web mobile peut être personnalisé pour permettre aux utilisateurs de partager un message prérempli dans WhatsApp avec un contact choisi manuellement. Comme indiqué ici , cela est fait en utilisant un schéma d'URL personnalisé. Un exemple:

<a href="whatsapp://send?text=Hello%20World!">Hello, world!</a>

Pour appeler un numéro particulier, nous utilisons:

<a href="tel:0123456789">Call</a>

De même, pouvons-nous envoyer un message WhatsApp à un numéro spécifique (ou au moins ouvrir le chat) sans que l'utilisateur ne choisisse le numéro de téléphone manuellement; il s'agira plutôt d'un des paramètres/valeurs d'attributs prédéfinis?

21
Lyric Roy

Cela peut être facilement fait maintenant! Il vous suffit d’utiliser ce format:

<a href="https://api.whatsapp.com/send?phone=whatsappphonenumber&text=urlencodedtext"></a>

UPDATE-- Utilisez ceci à partir de maintenant (Nov-2018)

<a href="https://wa.me/whatsappphonenumber/?text=urlencodedtext"></a>

Utilisez: https://wa.me/15551234567

Ne pas utiliser: https://wa.me/+001-(555)1234567

Pour créer votre propre lien avec un message pré-rempli qui sera apparaissent automatiquement dans le champ de texte d'une discussion, utilisez https://wa.me/whatsappphonenumber/?text=urlencodedtext where whatsappphonenumber est un numéro de téléphone complet au format international et URL-encodedtext est le message pré-rempli codé par URL.

Exemple: https://wa.me/15551234567?text=I 'm% 20interested% 20in% 20your% 20car% 20car% 20car% 20sale

Pour créer un lien avec juste un message pré-rempli, utilisez https://wa.me/?text=urlencodedtext

Exemple: https://wa.me/?text=I 'm% 20inquiring% 20about% 20le% 20apartment% 20listing

Après avoir cliqué sur le lien, une liste de contacts vous sera affichée peut envoyer votre message à.

Pour plus d'informations, voir https://www.whatsapp.com/faq/fr/general/26000030

26
ad08

Sur Android, vous pouvez essayer

href="intent://send/[countrycode_without_plus][number]#Intent;scheme=smsto;package=com.whatsapp;action=Android.intent.action.SENDTO;end

remplacer [countrycode_without_plus][number] par le numéro,

8
Oscar Caicedo

WhatsApp fournit maintenant une API beaucoup plus simple https://wa.me/ Ceci n'introduit aucune nouvelle fonctionnalité, mais un moyen plus simple d'exécuter des tâches. Il n'est pas nécessaire de rechercher l'agent utilisateur lors de la mise en œuvre de cette API, car celle-ci fonctionnera également avec les applications natives ainsi que l'interface Web de WhatsApp (web.whatsapp.com) sur le bureau.

Ceci peut être utilisé dans plusieurs cas d'utilisation

  • Bouton Cliquez pour discuter: Utilisez https://wa.me/whatsappphonenumber pour ouvrir une boîte de dialogue de discussion avec l'utilisateur spécifié de WhatsApp. Veuillez noter que la whatsappphonenumber doit être un numéro WhatsApp valide au format international, sans zéros, "+", "-" et espaces. par exemple. 15551234567

    <a href="https://wa.me/15551234567">Whatsapp Me</a>

  • Un bouton Partager sur WhatsApp: Utilisez https://wa.me/?text=urlencodedtext pour ouvrir une boîte de dialogue de sélection de contacts Whatsapp avec un texte prédéfini. par exemple.

    <a href="https://wa.me/?text=I%20found%20a%20great%20website.%20Check%20out%20this%20link%20https%3A%2F%2Fwww.example.com%2F">Share on WhatsApp</a>

  • Un bouton Contactez-moi avec texte prérempli: une combinaison des deux éléments ci-dessus. Peut-être utile si vous souhaitez obtenir un message personnalisé prérempli provenant d'utilisateurs se dirigeant vers une page particulière. Utilisez le format https://wa.me/whatsappphonenumber/?text=urlencodedtext

    <a href="https://wa.me/15551234567?text=I%20am%20interested%20in%20your%20services.%20How%20to%20get%20started%3F">I am interested</a>

Pour la documentation officielle, visitez https://faq.whatsapp.com/fr/general/26000030

4
Shri

j'ai utilisé ce code et cela fonctionne très bien pour moi, il suffit de changer + 92xxxxxxxxxx en votre numéro de WhatsApp valide, avec le code du pays 

<script type="text/javascript">
        (function () {
            var options = {
                whatsapp: "+92xxxxxxxxxx", // WhatsApp number
                call_to_action: "Message us", // Call to action
                position: "right", // Position may be 'right' or 'left'

            };
            var proto = document.location.protocol, Host = "whatshelp.io", url = proto + "//static." + Host;
            var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
            s.onload = function () { WhWidgetSendButton.init(Host, proto, options); };
            var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
        })();
    </script> 
2
Umair Mehmood
2
Shemeer M Ali

malheureusement, il n'y a pas d'option pour mettre un numéro dans le protocole WhatsApp. seul est possible avec le paramètre ABID (adresse du carnet d'adresses), mais vous devez avoir ce contact avec un nom spécifique pour ce faire . check Documentation WhatsApp

2
Santiago Bernal

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=+91xxxxxxxxx&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=+91xxxxxxxxx&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