Aperçu en direct
Le code exact que vous copiez s’affiche sur une page d’exemple pendant que vous le modifiez.
Bouton de discussion WhatsApp gratuit pour sites web
Générateur de widget WhatsApp pour votre site
Concevez un bouton WhatsApp flottant, voyez-le en direct sur une page d’exemple et copiez un petit extrait HTML. Il fonctionne sur WordPress, Shopify, Wix, Squarespace, Webflow ou un site codé à la main, sans plugin, sans script externe et sans pister vos visiteurs.
Indiquez l’indicatif du pays. Les espaces, tirets et un + initial sont acceptés.
Le visiteur voit ce texte dans WhatsApp et peut le modifier avant de l’envoyer. Rien n’est envoyé automatiquement.
Code d’intégration : à coller avant </body>
Saisissez un numéro WhatsApp pour générer le code d’intégration.
Gratuit, sans inscription. Généré dans votre navigateur : rien de ce que vous saisissez n’est envoyé à MyChatWrap.
Qu’est-ce qu’un widget WhatsApp pour site web ?
Un widget WhatsApp est un bouton fixé dans un coin de votre site qui ouvre une discussion WhatsApp avec votre entreprise au clic. Ce générateur produit du HTML et du CSS purs : un lien wa.me stylisé avec une bulle d’accueil facultative. Comme rien n’est chargé depuis un autre serveur, il ne pèse presque rien, ne peut pas ralentir votre site et ne nécessite pas de bandeau cookies.
Un bouton de discussion léger que vous maîtrisez
Ni script ni suivi
Du HTML et du CSS purs, environ 1 Ko, sans requêtes tierces ni cookies.
Texte et couleur sur mesure
Utilisez un libellé comme « Écrivez-nous » ou un bouton rond avec icône seule, aux couleurs de votre marque.
Bulle d’accueil
Un message facultatif au-dessus du bouton invite les visiteurs à discuter.
Adapté au mobile
Se réduit si vous le souhaitez à une icône sur téléphone pour ne pas masquer votre contenu.
Accessible par défaut
Styles de focus clavier et libellé pour lecteurs d’écran inclus.
Comment ajouter WhatsApp à votre site
1. Saisissez votre numéro
Ajoutez votre numéro WhatsApp ou WhatsApp Business avec l’indicatif du pays.
2. Personnalisez le bouton
Définissez le texte, l’accueil, la couleur, la position et le message prérempli.
3. Collez le code
Copiez l’extrait et collez-le juste avant </body> sur votre site.
Où coller le code
Collez l’extrait une seule fois à un endroit chargé sur toutes les pages :
- WordPress : une extension de code en-tête/pied de page, ou le footer.php de votre thème avant </body>
- Shopify : Boutique en ligne → Thèmes → Modifier le code → theme.liquid, avant </body>
- Wix : Paramètres → Code personnalisé → Fin du body, sur toutes les pages
- Squarespace : Paramètres → Avancé → Injection de code → Pied de page
- Webflow : Paramètres du projet → Custom code → Footer code
- Tout site HTML : juste avant la balise de fermeture </body>
Pourquoi un widget en HTML pur ?
La plupart des extensions de chat chargent du JavaScript depuis le serveur d’une autre entreprise à chaque visite. Cela alourdit la page, peut déposer des cookies de suivi et cesse de fonctionner si le service change ses offres. Cet extrait est un lien stylisé : si votre page se charge, le bouton fonctionne.
La contrepartie : aucune statistique de clics intégrée. Utilisez un message prérempli dédié, comme « Bonjour, je viens de votre site », pour reconnaître les discussions issues du widget.
Faire convertir le bouton
Dites ce qui va se passer (« Écrivez-nous », « Posez une question ») plutôt que d’afficher seulement une icône, gardez un message d’accueil court et chaleureux, et préremplissez un message pour éviter la zone de texte vide. Sur mobile, un bouton à icône seule ne masque ni les photos produit ni les boutons de paiement.
Ce que fait cet outil
- Génère un bouton WhatsApp flottant en HTML/CSS pur
- Affiche un aperçu en direct de l’extrait exact
- Gère texte, couleur, accueil, position et options mobiles
- Vérifie votre numéro avant publication
Ce qu’il ne peut pas faire
- Proposer un chat en direct, des chatbots ou une boîte de réception partagée
- Compter les clics ou les visiteurs : il n’y a volontairement aucun suivi
- S’installer tout seul : c’est vous qui collez l’extrait dans votre site
Généré en privé dans votre navigateur
Tout sur cette page est généré dans votre navigateur. Le numéro, le message et les réglages que vous saisissez ne sont ni envoyés à MyChatWrap ni stockés nulle part. Seul ce que vous choisissez de copier, télécharger ou publier quitte votre appareil.
Questions sur le widget WhatsApp
Autres outils WhatsApp
Générateur de lien WhatsApp
Créez un lien click-to-chat wa.me avec message prérempli, prêt à copier.
Générateur de QR code WhatsApp
Créez un QR code WhatsApp « scanner pour discuter » aux couleurs de votre choix, en PNG ou SVG prêt à imprimer.
Modèles de messages WhatsApp
Remplissez des messages WhatsApp Business tout prêts pour commandes, rappels, offres et plus.
WhatsApp to PDF
Besoin de tous les messages ? Créez un PDF avec la transcription chronologique complète.
Vous échangez déjà avec vos clients sur WhatsApp ?
Exportez une discussion avec un client ou votre équipe et découvrez les temps de réponse, les heures de pointe, qui lance les conversations et plus encore, analysés en privé dans votre navigateur.
Analyser une discussion WhatsApp