Bouton WhatsApp flottant pour site

Bouton WhatsApp flottant pour site: à quoi ça sert

Indiquez le numéro WhatsApp avec l’indicatif et le message que le client enverra. Choisissez le coin de l’écran, la taille, la couleur, la distance au bord, la bulle de texte et si le bouton pulse à l’ouverture de la page. L’aperçu apparaît dans le coin de cette page.

Le code n’est que du HTML et du CSS, avec l’icône en SVG et le lien wa.me. La bulle disparaît sur les petits écrans et l’animation respecte ceux qui préfèrent moins de mouvement.

Mode d’emploi

1. Saisissez le numéro avec l’indicatif et le message.
2. Réglez la position, la couleur, la taille et la bulle.
3. Copiez le code et collez-le avant </body> sur le site.

Quand l’utiliser

• Sites de commerce et de prestataires de services.
• Landing pages de campagnes.
• Sites WordPress, Wix ou faits à la main.

Questions fréquentes

Où coller le code ?

Avant la balise fermante </body>, sur toutes les pages (ou dans le pied de page du thème). Sur WordPress, utilisez un plugin d’insertion de code dans le pied de page ou l’éditeur de thème. Sur des constructeurs comme Wix et Webflow, utilisez le champ de code personnalisé du site.

Faut-il WhatsApp Business ?

Non. Le lien wa.me fonctionne avec n’importe quel compte WhatsApp. Le numéro s’écrit avec l’indicatif du pays (33 pour la France), sans le 0 initial, uniquement en chiffres.

Le bouton ralentit-il le site ?

Non. Le code n’est que du HTML et du CSS avec l’icône en SVG, sans bibliothèques ni appels externes.

Et si je veux plus d’un bouton ?

Utilisez une autre position (gauche et droite) et générez de nouveau le code avec un autre numéro. Changez l’id wa-flutuante dans le second code pour éviter les doublons.

Vraiment gratuit ?

Oui, 100 % gratuit. Sans inscription, sans abonnement et sans limite d’utilisation. Tous les outils de Tools123 sont gratuits.

Outils similaires