Aller au contenu

Outil gratuit

Bouton WhatsApp pour votre site

Choisissez le numéro, la couleur et la position, puis collez le code sur votre site.

Exemples
Ajouter au message la page consultée
Apparence
Style
Couleur
Position
20 px
Message d’accueil
Aperçu
La conversation s’ouvre avec

Saisissez un numéro valide ci-dessus pour tester le bouton sur WhatsApp.

Collez le code avant </body>, sur toutes les pages. Voir comment faire sur chaque plateforme

Quand vos clients écrivent, voyez comment les suivre →

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.

Générateur de lien WhatsApp →

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.