Comment utiliser le bouton WhatsApp Click To Chat sur votre site web gratuitement

8 novembre 2023

Voici à quoi ressemble un bouton Click to Chat sur un site Web

Imaginez pouvoir envoyer un message à quelqu’un sur WhatsApp sans avoir à enregistrer son numéro au préalable. C’est exactement ce que permet Click to Chat. C’est comme une ligne directe vers la boîte de réception de n’importe qui, à condition d’avoir son numéro et qu’il utilise WhatsApp. Cette fonctionnalité pratique est idéale pour des échanges rapides avec des personnes que vous ne recontacterez peut-être pas — pensez aux vendeurs de marchés ou à un contact d’un événement de networking.

👉 👉 Générez gratuitement votre bouton WhatsApp Click-To-Chat 🥳

À la découverte de Click to Chat

Comment ça marche ? Si vous avez déjà hésité à enregistrer le numéro de quelqu’un juste pour une conversation ponctuelle sur WhatsApp, Click to Chat est votre nouvel allié. Vous n’avez besoin que du numéro de téléphone de la personne et de la certitude qu’elle utilise WhatsApp. Ensuite, en cliquant sur un simple lien, vous pouvez commencer à discuter, sans enregistrer le contact.

Améliorer Click to Chat avec Wassenger

Bien que Click to Chat simplifie l’envoi de messages sur WhatsApp, Wassenger en augmente les capacités, offrant aux entreprises un contrôle conversationnel inégalé. Notre plateforme multi‑agents reprend la simplicité de Click to Chat et l’adapte aux besoins des entreprises. Avec Wassenger, vous pouvez gérer plusieurs conversations clients sans effort via WhatsApp. C’est idéal pour les équipes de support client, les commerciaux et tous ceux qui doivent gérer efficacement de nombreuses interactions WhatsApp.

🚀 Découvrez comment Wassenger peut révolutionner la communication de votre entreprise et de votre équipe sur WhatsApp.

Démonstration du chat Web WhatsApp optimisé pour les équipes Wassenger

Créez votre raccourci de chat

Pour créer votre propre lien Click to Chat, commencez par :

https://wa.me/<number>

en insérant le numéro de téléphone complet au format international, sans zéros, parenthèses, tirets ou autres symboles.

Par exemple, si votre numéro de téléphone est le suivant :

+1 (555) 123-4567

Vous le saisirez ainsi dans l’URL :

[https://wa.me/15551234567](https://wa.me/15551234567)

au lieu de

[https://wa.me/+001-(555)123-4567](https://wa.me/+001-%28555%291234567.)

Et avec Wassenger, vous pouvez aller plus loin en intégrant ces liens de chat dans une stratégie de communication plus large, permettant une interaction client plus dynamique et engageante.

🤩 Wassenger est une plateforme WhatsApp complète pour les équipes. Inscrivez‑vous pour un essai gratuit de 7 jours et démarrez en quelques minutes!

Ajoutez une touche personnelle avec un message prérempli

Vous voulez lancer la conversation ? Vous pouvez préconfigurer un message qui apparaîtra dans le chat. Il suffit d’ajouter

?text=yourmessage

au lien, en remplaçant yourmessage par vos mots réels (assurez‑vous qu’il est encodé pour les URL afin de gérer les espaces et caractères spéciaux).

Par exemple :

https://wa.me/15551234567?text=Hello%20there! vous permet de commencer avec un sympathique "Hello there!" déjà présent dans la zone de chat.

Et pour un message plus long avec plusieurs lignes ?

Hi,
I would like to know more about your product.
Please contact me!

Le texte précédent sera encodé en texte compatible URL comme suit :

Hi%2C%0AI%20would%20like%20to%20know%20more%20about%20your%20product.%0APlease%20contact%20me%21

De cette façon, il peut être utilisé en toute sécurité comme lien click-to-chat sur WhatsApp comme suit :

https://wa.me/15551234567?text=Hi%2C%0AI%20would%20like%20to%20know%20more%20about%20your%20product.%0APlease%20contact%20me%21

Vous pouvez encoder votre message pour le rendre compatible URL en utilisant cet outil en ligne gratuit.

Utilisez le bouton officiel Chat on WhatsApp

Il y a aussi le bouton officiel Chat on WhatsApp. Il bénéficie d’un facteur de reconnaissance immédiat — un aspect vert et blanc familier en lequel les utilisateurs ont confiance. Si vous dirigez une entreprise, placer ce bouton sur votre site Web ou dans vos e‑mails peut véritablement déclencher des conversations. Conservez le design officiel pour la cohérence et la crédibilité.

En combinant Wassenger avec le bouton « Chat on WhatsApp » sur votre site Web, vous pouvez optimiser votre expérience de service client, permettant à votre équipe de gérer plusieurs chats et clients en même temps directement depuis votre site avec efficacité grâce à la plateforme WhatsApp optimisée pour les équipes de Wassenger.

🤑 💰 Gagnez 30% de commission en parrainant des utilisateurs pour Wassenger. Obtenez votre lien de parrainage maintenant. Conditions générales.

Bonnes pratiques pour le bouton de chat

  • Conservez le design du bouton tel quel — pas de modifications nécessaires.
  • Placez‑le à un endroit visible et qui s’intègre bien à votre mise en page. Par défaut, il s’affichera en bas à gauche de la page.

Vous pouvez placer ce bouton pratiquement n’importe où en ligne : sur votre page d’accueil, dans votre signature d’e‑mail, ou même à l’intérieur d’une application. Il est flexible.

Comment intégrer le bouton sur votre site Web

👉 👉 Générez gratuitement votre bouton WhatsApp Click-To-Chat utilisable sur n’importe quel site, Wordpress, e‑commerce 🥳

Vous voulez ajouter le bouton sur votre site ? Voici quelques extraits HTML simples pour l’intégrer facilement. Pour un graphique vectoriel évolutif, votre code ressemblera à ceci :

<a
  href="https://wa.me/15551234567"
  title="Chat with us on WhatsApp"
  style="margin: 0 0 20px 0 !important;
height: 52px; min-width: 52px; padding: 10px 0px 0px 10px; position: fixed !important; bottom: 10px; right: 20px; z-index: 999999999 !important; background-color: #00E785;
box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.4); border-radius: 100px"
>
  <svg
    width="42"
    height="42"
    viewBox="0 0 28 28"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g clip-path="url(#clip0_1024_354)">
      <path
        d="M23.8759 4.06939C21.4959 1.68839 18.3316 0.253548 14.9723 0.0320463C11.613 -0.189455 8.28774 0.817483 5.61565 2.86535C2.94357 4.91323 1.10682 7.86244 0.447451 11.1638C-0.21192 14.4652 0.351026 17.8937 2.03146 20.8109L0.0625 28.0004L7.42006 26.0712C9.45505 27.1794 11.7353 27.7601 14.0524 27.7602H14.0583C16.8029 27.7599 19.4859 26.946 21.768 25.4212C24.0502 23.8965 25.829 21.7294 26.8798 19.1939C27.9305 16.6583 28.206 13.8682 27.6713 11.1761C27.1367 8.48406 25.8159 6.01095 23.8759 4.06939ZM14.0583 25.4169H14.0538C11.988 25.417 9.96008 24.8617 8.1825 23.8091L7.7611 23.5593L3.3945 24.704L4.56014 20.448L4.28546 20.0117C2.92594 17.8454 2.32491 15.2886 2.57684 12.7434C2.82877 10.1982 3.91938 7.80894 5.67722 5.95113C7.43506 4.09332 9.76045 2.87235 12.2878 2.48017C14.8152 2.08799 17.4013 2.54684 19.6395 3.78457C21.8776 5.02231 23.641 6.96875 24.6524 9.3179C25.6638 11.6671 25.8659 14.2857 25.2268 16.7622C24.5877 19.2387 23.1438 21.4326 21.122 22.999C19.1001 24.5655 16.6151 25.4156 14.0575 25.4157L14.0583 25.4169Z"
        fill="#E0E0E0"
      ></path>
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M10.6291 7.98363C10.3723 7.41271 10.1019 7.40123 9.85771 7.39143C9.65779 7.38275 9.42903 7.38331 9.20083 7.38331C9.0271 7.3879 8.8562 7.42837 8.69887 7.5022C8.54154 7.57602 8.40119 7.68159 8.28663 7.81227C7.899 8.17929 7.59209 8.62305 7.38547 9.11526C7.17884 9.60747 7.07704 10.1373 7.08655 10.6711C7.08655 12.3578 8.31519 13.9877 8.48655 14.2164C8.65791 14.4452 10.8581 18.0169 14.3425 19.3908C17.2382 20.5327 17.8276 20.3056 18.4562 20.2485C19.0848 20.1913 20.4843 19.4194 20.7701 18.6189C21.056 17.8183 21.0557 17.1323 20.9701 16.989C20.8844 16.8456 20.6559 16.7605 20.3129 16.5889C19.9699 16.4172 18.2849 15.5879 17.9704 15.4736C17.656 15.3594 17.4275 15.3023 17.199 15.6455C16.9705 15.9888 16.3139 16.7602 16.1137 16.9895C15.9135 17.2189 15.7136 17.2471 15.3709 17.0758C14.3603 16.6729 13.4275 16.0972 12.6143 15.3745C11.8648 14.6818 11.2221 13.8819 10.7072 13.0007C10.5073 12.6579 10.6857 12.472 10.8579 12.3007C11.0119 12.1472 11.2006 11.9005 11.3722 11.7003C11.5129 11.5271 11.6282 11.3346 11.7147 11.1289C11.7603 11.0343 11.7817 10.9299 11.7768 10.825C11.7719 10.7201 11.7409 10.6182 11.6867 10.5283C11.6001 10.3566 10.9337 8.66151 10.6291 7.98363Z"
        fill="white"
      ></path>
      <path
        d="M23.7628 4.02445C21.4107 1.66917 18.2825 0.249336 14.9611 0.0294866C11.6397 -0.190363 8.35161 0.804769 5.70953 2.82947C3.06745 4.85417 1.25154 7.77034 0.600156 11.0346C-0.051233 14.299 0.506321 17.6888 2.16894 20.5724L0.222656 27.6808L7.49566 25.7737C9.50727 26.8692 11.7613 27.4432 14.0519 27.4434H14.0577C16.7711 27.4436 19.4235 26.6392 21.6798 25.1321C23.936 23.6249 25.6947 21.4825 26.7335 18.9759C27.7722 16.4693 28.0444 13.711 27.5157 11.0497C26.9869 8.38835 25.6809 5.94358 23.7628 4.02445ZM14.0577 25.1269H14.0547C12.0125 25.1271 10.0078 24.5782 8.25054 23.5377L7.8339 23.2907L3.51686 24.4222L4.66906 20.2143L4.39774 19.7831C3.05387 17.6415 2.4598 15.1141 2.70892 12.598C2.95804 10.082 4.03622 7.72013 5.77398 5.88366C7.51173 4.04719 9.81051 2.84028 12.3089 2.45266C14.8074 2.06505 17.3638 2.5187 19.5763 3.74232C21.7888 4.96593 23.5319 6.89011 24.5317 9.21238C25.5314 11.5346 25.7311 14.1233 25.0993 16.5714C24.4675 19.0195 23.0401 21.1883 21.0414 22.7367C19.0427 24.2851 16.5861 25.1254 14.0577 25.1255V25.1269Z"
        fill="white"
      ></path>
    </g>
    <defs>
      <clipPath id="clip0_1024_354">
        <rect
          width="27.8748"
          height="28"
          fill="white"
          transform="translate(0.0625)"
        ></rect>
      </clipPath>
    </defs>
  </svg>
</a>;

Important : pensez à remplacer wa.me/15551234567 par votre vrai numéro WhatsApp avec l’indicatif pays comme expliqué précédemment.

Collez ensuite le code dans votre HTML juste après la balise et c’est prêt !

Félicitations et bienvenue dans une meilleure gestion des conversations clients via WhatsApp pour votre entreprise 🥳

Quelques mots pour la route

Click to Chat et le bouton Chat on WhatsApp éliminent les petites frictions de la communication numérique. Ils sont parfaits pour les entreprises qui visent une expérience client fluide ou pour toute personne qui valorise une communication efficace. Petite précision toutefois — le bouton n’est disponible qu’en anglais pour l’instant.

En ajoutant Wassenger à l’équation, vous n’ouvrez pas seulement une ligne de communication ; vous proposez une plateforme complète pour gérer ces interactions et accompagner la croissance de votre entreprise. Essayez‑le gratuitement et voyez comment vos conversations en ligne peuvent devenir encore plus accessibles et productives.

Allez-y, essayez. Il s’agit de rendre vos interactions numériques aussi conviviales et naturelles qu’une bonne discussion autour d’un café. Que ce soit pour contacter des clients ou dire bonjour à un nouveau contact, ces outils sont là pour faciliter votre vie en ligne.

🤩 Wassenger est une solution API complète basée sur WhatsApp. Essayez‑la gratuitement pendant 7 jours— aucune carte requise !

Ready to transform your WhatsApp communication?

Start automating your customer interactions today with Wassenger

Get Started Free