Free Tool

Build a WhatsApp chat widget for your website

Configure it below and try it out right on this page. The bubble in the corner is the real widget, live.

Configure your widget

Changes update the live preview and the snippet instantly.

Pick your country so the code is right (WhatsApp can't find the chat without it), then enter the rest of the number, digits only.

Raise this if the widget ends up hidden behind another element on your site, like a cookie banner or a different chat tool.

Your embed snippet

Paste this before the closing </body> tag on your website.

Live preview

Look at the bottom corner of this page. That's your widget, rendered from the settings above using the real embed script.

Manage your leads on WhatsApp Web

Download the free Chat Quotient Chrome extension to see and manage every conversation directly inside WhatsApp Web, a full WhatsApp CRM experience.

Add to Chrome, It's Free

Qu'est-ce qu'un widget de chat WhatsApp?

Un widget de chat WhatsApp est un petit bouton assis dans le coin d'un site web et, une fois cliqué, ouvre une conversation WhatsApp avec l'entreprise, soit directement au numéro WhatsApp de l'entreprise, soit via un court formulaire d'abord. Il remplace un lien statique "Contactez-nous" ou un formulaire par e-mail par un canal que la plupart des visiteurs ont déjà ouvert sur leur téléphone.

Il est différent d'un simple lien "cliquez pour discuter" (juste un texte ou une icône qui ouvre wa.me) en ce qu'un widget est configurable: position, couleur et un message de salutation prérempli.

Comment ajouter un widget de chat WhatsApp à votre site

  1. 1

    Configurez votre widget

    Entrez votre numéro WhatsApp, puis choisissez une couleur et un coin pour le widget.

  2. 2

    Copiez l'extrait

    Utilisez le bouton "Copier l'extrait" ci-dessus. C'est une seule balise <script>, pas d'autres fichiers ou dépendances.

  3. 3

    Collez-le sur votre site

    Ajoutez-le juste avant la balise de fermeture </body> du HTML de votre site.

  4. 4

    Publiez

    C'est fait. Le widget se rend lui-même à partir de l'extrait, sans étape de construction, backend, ni compte requis.

Où le coller, par plateforme

WordPress
Utilisez un plugin comme "Insert Headers and Footers" ou "WPCode", ou collez-le directement dans le footer.php de votre thème avant </body> via Appearance → Theme File Editor.
Shopify
Online Store → Themes → Edit code → theme.liquid, et collez l'extrait juste au-dessus de </body>.
Wix
Settings → Custom Code → Add Code, configurez-le pour charger sur toutes les pages dans la section "Body - end".
Webflow
Project Settings → Custom Code → Footer Code, puis publiez votre site.
Tout autre site
Si vous pouvez modifier le HTML de votre site, collez-le avant </body>. Ça fonctionne pareil partout.

Pourquoi ajouter un bouton WhatsApp à votre site

Pas de formulaire, pas d'e-mail, pas de rechargement de page

Les visiteurs vous contactent dans une application qu'ils ont déjà ouverte sur leur téléphone, au lieu de taper dans un formulaire de contact et d'attendre une réponse.

Ça rencontre les visiteurs où ils sont déjà

WhatsApp est l'application de messagerie par défaut pour des milliards de personnes dans le monde. Pour la plupart des visiteurs, il n'y a rien de nouveau à télécharger ou à créer.

Chaque chat commence avec du contexte

Un message de salutation prérempli signifie que la conversation ne commence pas à froid. Les visiteurs arrivent dans WhatsApp avec leur message déjà encadré.

Vous contrôlez exactement où il s'assied

Définissez la couleur, le coin et le décalage pour que le widget s'adapte à votre site au lieu d'une bulle générique par défaut.

Gratuit, sans processus d'approbation

Pas de demande d'API Business WhatsApp, pas de numéro séparé, pas de code au-delà d'une seule balise script.

Bouton de chat vs widget de chat. Quelle est la différence?

Bouton de chat

Un lien statique ou une icône qui ouvre un chat WhatsApp lorsqu'on clique dessus. Aucune configuration au-delà du numéro de destination.

Widget de chat

  • Couleur, position et message de salutation prérempli configurables
  • Fonctionne partout: WordPress, Shopify, Wix, Webflow, ou HTML pur, pas de dépendances
  • C'est exactement ce que vous construisez ci-dessus

Questions fréquemment posées

Ce générateur de widget de chat WhatsApp est-il gratuit? +

Oui. Le widget de redirection que vous construisez ci-dessus (avec votre numéro, couleur, position et message de salutation) est gratuit, avec un petit badge "Powered by Chat Quotient". Une version Pro alimentée par un agent IA est prévue pour l'avenir.

Ai-je besoin de l'API Business WhatsApp pour l'utiliser? +

Non. Le widget ouvre un chat WhatsApp normal en utilisant votre numéro WhatsApp existant. Aucune approbation de Business API ni numéro séparé requis.

Fonctionnera-t-il sur WordPress, Shopify, Wix ou tout autre site web? +

Oui. C'est une seule balise <script> sans dépendances, donc elle fonctionne n'importe où où vous pouvez coller du HTML. WordPress, Shopify, Wix, Webflow, Squarespace, ou un site construit à la main.

Le widget ralentit-il mon site web? +

Ce ne devrait pas être perceptible. Le script est petit, se charge avec async et defer pour qu'il ne bloque jamais votre page, et se rend à l'intérieur d'un Shadow DOM isolé pour qu'il ne choque pas avec les styles de votre site.

Puis-je collecter le nom d'un visiteur avant qu'il ne se rende à WhatsApp? +

Pas encore. La capture de prospects avant la remise à WhatsApp est sur la feuille de route, et nous réactiverons le bouton ici une fois qu'il sera prêt.

Où ma configuration est-elle stockée? +

Nulle part sur nos serveurs. Vos paramètres vivent entièrement dans la balise script que vous collez sur votre site. Pour modifier quelque chose plus tard, revenez à cette page, reconfigurez et copiez le nouvel extrait (gardez une copie du vôtre actuel, puisque nous ne le stockons pas pour vous).

Quelle est la différence entre un bouton de chat et un widget de chat? +

Un "bouton de chat" est généralement juste un lien statique qui ouvre WhatsApp. Un "widget de chat" (ce que cet outil construit) est un lanceur flottant avec un message de salutation, une position et une couleur configurables.

Puis-je utiliser mon numéro WhatsApp personnel ou ai-je besoin d'un numéro professionnel? +

N'importe quel numéro WhatsApp fonctionne, personnel ou professionnel. Entrez simplement avec le code pays et pas d'espaces ou de signe plus.