Outil gratuit
Bouton WhatsApp pour votre site
Choisissez le numéro, la couleur et la position, puis collez le code sur votre site.
Comment l’installer sur chaque plateforme
Site en HTML
Collez le code juste avant </body> sur toutes les pages. Si vos pages partagent un pied de page commun, il suffit de le coller là.
WordPress
Le plus simple est l’extension gratuite WPCode : installez-la depuis Extensions > Ajouter une extension, ouvrez Extraits de code > En-tête et pied de page, collez le code dans Pied de page et cliquez sur Enregistrer les modifications. Avec Elementor Pro, utilisez Elementor > Code personnalisé, à la fin du <body>, avec la condition Tout le site. Sur WordPress.com, ajouter du code demande un forfait payant.
Wix
Dans Paramètres > développement et intégrations > Code personnalisé, cliquez sur + Ajouter un code personnalisé, collez le code, choisissez Toutes les pages et Corps - fin, puis cliquez sur Appliquer. Wix n’exécute le code que sur un site publié avec un domaine connecté, ce qui demande un forfait Premium.
Shopify
Dans Boutique en ligne > Thèmes, ouvrez le menu … du thème et choisissez Modifier le code. Ouvrez layout/theme.liquid, collez le code juste avant </body> et cliquez sur Enregistrer. Un thème payant ne se modifie qu’une fois acheté, et une mise à jour du thème efface la modification.
Squarespace
Ouvrez le panneau Injection de code, collez le code dans Pied de Page et cliquez sur Enregistrer. Disponible avec les forfaits Essentiel, Plus et Advanced, mais pas sur les pages de paiement.
Hostinger
Le créateur de sites Hostinger a son propre bouton : ouvrez les paramètres d’intégration, remplissez le champ WhatsApp avec le numéro (chiffres uniquement, avec l’indicatif du pays) et un message, enregistrez puis mettez à jour le site.
Google Sites
Un bouton flottant n’est pas possible : Google Sites n’a pas d’endroit pour ajouter du code sur toutes les pages, et le code intégré reste dans le bloc où il est placé. Cliquez sur « Copier le lien » ci-dessous et placez le lien sur un bouton ou un texte de la page. Le lien contient votre numéro et votre message ; seul le code du site peut y ajouter la page consultée.
Vérifier que tout fonctionne
Ouvrez la page publiée, pas l’éditeur, sur mobile et sur ordinateur. Cliquez sur le bouton, vérifiez le numéro et le message, et qu’il ne cache ni le bandeau des cookies ni un autre bouton.
Vous vous demandez peut-être…
C’est gratuit ? Y a-t-il un filigrane ?
C’est gratuit, sans inscription et sans filigrane. Le numéro et le message restent dans votre navigateur et ne sont jamais envoyés à WAWin.
Le code ralentit-il mon site ou collecte-t-il des données sur les visiteurs ?
Non. Il n’utilise aucun cookie, n’envoie les données des visiteurs à personne et ne charge aucun fichier externe, sauf le logo que vous ajoutez à la fenêtre de chat. Avec la bulle, un court script l’affiche au bout de 3 secondes et, si le visiteur la ferme, ne la réaffiche pas avant qu’il ferme l’onglet.
Quelle différence entre la bulle et la fenêtre de chat ?
La bulle est une phrase à côté du bouton qui apparaît au bout de 3 secondes ; un clic ouvre WhatsApp. La fenêtre de chat fonctionne comme un widget de chat : elle s’ouvre quand on clique sur le bouton et affiche votre nom, votre logo et le message d’accueil, avec un bouton pour démarrer la conversation. Dans les deux cas, la conversation se passe dans WhatsApp.
Que se passe-t-il quand un visiteur clique ?
Sur mobile, WhatsApp s’ouvre avec le message déjà écrit et le visiteur n’a plus qu’à l’envoyer. Sur ordinateur, une page WhatsApp s’ouvre pour continuer dans WhatsApp Web ou l’application.
Comment changer le numéro ou la couleur plus tard ?
Générez de nouveau le bouton ici et remplacez l’ancien code par le nouveau. Le code ne dépend pas de WAWin{N}: le bouton continue de fonctionner même si cette page disparaît.
Les clics apparaissent-ils dans Google Analytics ?
Si votre site utilise Google Analytics 4 avec les mesures améliorées activées, les clics sur le bouton apparaissent déjà comme clics sortants vers wa.me. Inutile de modifier le code. Un clic enregistre une tentative d’ouvrir WhatsApp ; il ne confirme ni l’ouverture de la conversation ni l’envoi d’un message.
Le bouton cache le bandeau des cookies ou un autre chat du site.
Augmentez la marge inférieure pour remonter le bouton, ou placez-le de l’autre côté.
WAWin : répondez aux conversations venues de votre site
Dans WhatsApp Web, répondez avec des réponses rapides et des brouillons IA, et gardez les notes et étiquettes de chaque client à côté de la conversation.