Stax

Générateur de Bouton WhatsApp

Créez un bouton HTML Chat sur WhatsApp pour votre site web.

Chat on WhatsApp
<a href="https://wa.me/919876543210?text=Hi!%20I'm%20interested%20in%20your%20product." target="_blank" rel="noopener noreferrer"
   style="background-color:#25D366;color:#ffffff;border:none;padding:12px 24px;font-size:15px;display:inline-flex;align-items:center;border-radius:8px;font-family:sans-serif;font-weight:600;text-decoration:none;cursor:pointer;">
  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" style="vertical-align:middle;margin-right:6px;"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.890-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>Chat on WhatsApp
</a>

Qu'est-ce que le générateur de bouton WhatsApp ?

Cet outil génère bouton HTML "Chat sur WhatsApp" ou bouton d'action flottant pour votre site web. Couleur, position, taille personnalisables — code copy-paste prêt.

Comment créer un bouton

  1. Saisissez numéro de téléphone.
  2. Sélectionnez style de bouton (régulier/flottant).
  3. Personnalisez couleur et taille.
  4. Ajoutez message pré-rempli.
  5. Copiez le code HTML — collez sur site web.

Intégration

  • WordPress — Custom HTML widget
  • Shopify — dans theme.liquid
  • Wix — embed HTML
  • Site personnalisé — à la fin de <body>

Questions fréquemment posées

Qu'est-ce qu'un bouton WhatsApp ?
Bouton HTML ou bouton d'action flottant (FAB) qui en cliquant redirige les visiteurs de votre site vers chat WhatsApp. Méthode de contact la plus rapide pour demandes clients. Augmente conversion sur sites e-commerce.
Différence entre bouton flottant et régulier ?
Régulier est inline avec contenu de page — il faut cliquer à un endroit spécifique. Flottant toujours visible en coin de l'écran — accessible à toute position de scroll. Sur sites mobile flottant donne plus d'engagement.
Où coller le HTML ?
WordPress : Custom HTML widget ou code de footer. Shopify : theme.liquid. Wix : HTML embed. Site HTML personnalisé : près de la fin de <body>. Testez avec design mobile-responsive.
Quelles options de personnalisation ?
Couleur du bouton (vert WhatsApp par défaut), taille, texte ("Chat avec nous"), position (coin bas-droit typique), animation (pulse, bounce). Ajoutez aussi message pré-rempli pour que contexte soit clair au visiteur.

Outils associés